/* Whitespace CSS Document */

body
{
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
font-family			: arial, sans-serif;
font-size			: 100%;
color				: #333333;
}

#hold
{
display				: block;
width				: 760px;
margin				: 0px auto;
background-color	: #ffffff;
padding				: 5px 0px 0px 0px;
}

/*Generic Links*/
.topnav a:link		{font-weight	: normal; color : #000000; text-decoration : none; margin-right : 10px;}
.topnav a:visited	{font-weight	: normal; text-decoration : none; margin-right : 10px;}
.topnav a:hover		{font-weight	: normal; color : #666666; text-decoration : none; margin-right : 10px;}

ul, ol
{
color				: #666666;
margin-top			: 0px;
margin-bottom		: 0px;
padding				: 0px;
margin-left			: 30px;
}

li
{
list-style-type 	: square;
list-style-position	: outside;
color				: #333;
font-size 			: 75%;
padding				: 2px;
}

/* BEGIN LEFT BLOCK */

#left_block
{
position			: relative;
float				: left;
background-color	: #ffffff;
width				: 160px;
}

#logo_image
{
margin				: 3px 5px 5px 26px;
width				: 107px;
}

#w3c_images img
{
margin				: 0px 0px 0px 10px;
padding				: 0px 0px 0px 0px;
}

#ip_images
{
margin				: 20px 5px 5px 10px;
padding				: 0px 0px 0px 0px;
}

#ip_images img {
	display: block;
}

/* LEFT HAND NAV */

div.leftnav
{
background-color	: #62AC1E;;
position			: relative;
float				: left;
display				: inline;
margin				: 17px 5px 30px 10px;
padding				: 0px 0px 0px 0px;
width				: 140px;
}

div.leftnav ul
{
list-style-type		: none;
margin				: 0px;
padding				: 0px;
}

div.leftnav ul li
{
display				: block;
line-height			: 11px;
font-weight			: normal;
color				: #000000;
border-top			: 1px solid #FFFFFF;
padding				: 6px 0px 6px 10px;
}

div.leftnav ul li a:link, div.leftnav ul li a:visited
{
color				: #000000;
font-size			: 100%;
font-weight			: bold;
text-decoration		: none;
display				: block;
}

div.leftnav ul li a:hover
{
color				: #FFFFFF;
font-size			: 100%;
text-decoration		: none;
display				: block;
}

div.leftnav #on
{
font-size			: 100%;
font-weight			: bold;
color : #ffffff;
}

div.leftnav #link_blue
{
background-color	: #34B3D1;
}

div.leftnav #link_orange
{
background-color : #FC7C00;
}

/* BEGIN HOME RIGHT BLOCK */

#home_right_block
{
float				: left;
display				: inline;
background-color	: #000000;
width				: 600px;
}

.home_right_block_image
{
float				: left;
display				: inline;
}

#home_content h1
{
color : #ffffff;
font-size : 75%;
font-weight : bold;
margin      : 0px 120px 20px 50px;
}

#home_content h2
{
color : #ffffff;
font-size : 75%;
font-weight : normal;
margin      : 0px 110px 40px 50px;
}

/* END HOME RIGHT BLOCK */

/* BEGIN INTERNAL RIGHT BLOCK */

#internal_right_block
{
float               : left;
background-color	: #ffffff;
width				: 600px;
margin: 5px 0px 0px 0px;
padding: 0px;
}

#my_swf {
	display: block;
}

/* TOP NAV */
.topnav_bar
{
width            : 600px;
border-bottom		: 1px solid #ffffff;
margin: 0px;
padding: 0px;
}

#internal_content {
	overflow: hidden;
}

#internal_content p
{
font-size			: 75%;
padding: 5px 0px 5px 20px;
margin: 0px;
}

#internal_content p a:link, #internal_content p a:visited
{
color				: #000000;
}

#internal_content p a:hover
{
color				: #666666;
}

#internal_content p img
{
float				: right;
margin				: 0px 0px 5px 5px;
}

#internal_content #right_image
{
display				: inline;
float				: right;
}

#internal_content table
{
font-size			: 75%;
margin				: 0px 20px 0px 20px;
color				: #000000;
}

/* FOOTER */
#footer
{
border-top			: 1px solid #62AC1E;
padding				: 4px 0px 4px 0px;
margin				: 10px 0px 10px 20px;
font-size			: 80%;
}

#footer #left
{
float				: left;
}

#footer #right
{
float				: right;
font-size			: 95%;
}

#footer #right a
{
font-weight			: bold;
color				: #000000;
}

.clear/*this div make the parent DIV strench to the height of the child - fix for firefox. but the div is 1px high in IE*/
{
clear				: both;
font-size			: 0em;
width				: 0px;
height				: 0px;
line-height			: 0px;
}

/* Contact Form CSS */

div.genericcontactform
{
width			: 240px;
float			: left;
margin			: 0px 5px 20px 0px;
padding			: 0px 0px 0px 0px;
}

div.genericcontactform label {
	float: left;
font-size		: 75%;
/*font-weight     : bold;*/
padding			: 0px 20px 5px 20px;
}

div.genericcontactform #brain_buster_captcha p
{
font-size		: 100%;
margin-top		: 0px;
margin-bottom	: 0px;
}


input.form
{
font-family		: Arial;
background-color: #EEEEEE;
width			: 210px;
margin			: 0px 20px 5px 20px;
border			: 1px solid #CCCCCC;
}

#submitbtn
{
margin			: 0px 0px 0px 20px;
}

div.genericcontactform textarea
{
margin			: 0px 20px 5px 20px;
font-family		: Arial;
font-size		: 75%;
width		: 350px;
height		: 60px;
background-color: #EEEEEE;
}