/* Whitespace CSS Document */

body
{
margin				: 0px;
padding				: 0px;
font-family			: arial, sans-serif;
font-size 			: 100%;
color				: #333333;
background-image	: url(img_common/bg_hometop.jpg);
background-repeat	: repeat-x;
}

a:link		{font-weight	: bold; color : #333333; text-decoration : none;}
a:visited	{font-weight	: bold; color : #333333; text-decoration : none;}
a:hover		{font-weight	: bold; color : #333333; text-decoration : underline;}

#hold
{
background-position	: 0px 0px;
margin-top			: 10px;
width				: 760px;/*note padding - site is 800 wide because of 2 gutters.*/
margin				: 0px auto;
padding				: 0px 0px 0px 0px;
}

h1.home, h2.home
{
display				: none;
}

img
{
display				: block;
}

#hometop
{
position			: relative;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 30px 0px 0px 0px;
}

#logo
{
position			: relative;
float				: left;
}

#intro
{
position			: relative;
float				: left;
margin-left			: 10px;
}

#middlewrapper
{
position			: relative;
float				: left;
display				: inline;
padding				: 35px 0px 35px 0px;
}

div.nav
{
position			: relative;
float				: left;
width				: 80px;
/*background-color	: #CCCCCC;*/
margin-left			: 20px;
display				: inline;
}

/* NAV */
div.nav ul
{
list-style-type		: none;
margin				: 0px;
padding				: 0px;
}

div.nav ul li
{
font-size			: 70%;
line-height			: 16px;
}

div.nav ul li a:link {color : #999999; font-weight : bold; text-decoration : none;}
div.nav ul li a:visited {color : #999999; font-weight : bold; text-decoration : none;}
div.nav ul li a:hover {text-decoration : underline;}

#on a, #subon a
{
color				: #000000;
}

/* SUB NAV */
div.subnav
{
position			: relative;
float				: left;
width				: 130px;
/*background-color	: #DDDDDD;*/
margin-left			: 10px;
margin-right		: 48px;/*includes 2px borders (below) + controls gap between nav and right side*/
display				: inline;
}

div.interanlsubnav
{
position			: relative;
float				: left;
width				: 130px;
background-color	: #DDDDDD;
margin-left			: 10px;
margin-right		: 48px;/*includes 2px borders (below) + controls gap between nav and right side*/
display				: inline;
}

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

div.subnav ul li
{
font-size			: 70%;
line-height			: 16px;
}

div.subnav ul li a:link {color : #999999; font-weight : bold; text-decoration : none;}
div.subnav ul li a:visited {color : #999999; font-weight : bold; text-decoration : none;}
div.subnav ul li a:hover {text-decoration : underline;}


#help
{
position			: relative;
float				: left;
width				: 160px;/* padd */
/*background-color	: #CCCCCC;*/
border-right		: 1px solid #333333;
padding				: 0px 20px 0px 20px;
}

#help img.help
{
border				: 0px;
margin				: 35px 0px 35px 0px;
}

#news
{
position			: relative;
float				: left;
width				: 210px;/* padd */
/*background-color	: #CCCCCC;*/
border-right		: 1px solid #333333;
padding				: 0px 20px 0px 20px;
}

#news p
{
font-size			: 70%;
line-height			: 15px;
margin				: 0px 0px 15px 0px;
}

#footer
{
text-align			: center;
margin-top			: 0px;
height				: 100px;
background-image	: url(img_common/bg_footer.jpg);
background-repeat	: repeat-x;
}

#footer p
{
font-size			: 70%;
color				: #666666;
padding				: 15px 0px 0px 0px;
}

#footer p span.space /* space between left and right in footer */
{
display				: inline;
margin-left			: 485px;
/*background-color	: #FF0000;*/
}

#footer p a
{
color				: #666666;
font-weight			: normal;
}

/* INTERNAL PAGES */

#left
{
position			: relative;
float				: left;
width				: 250px;
margin				: 0px 0px 0px 0px;
padding				: 30px 0px 0px 0px;
}


div.internalsubnav
{
position			: relative;
float				: left;
width				: 130px;
/*background-color	: #DDDDDD;*/
margin-left			: 10px;
display				: inline;
}


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

div.internalsubnav ul li
{
font-size			: 70%;
line-height			: 16px;
}

div.internalsubnav ul li a:link {color : #999999; font-weight : bold; text-decoration : none;}
div.internalsubnav ul li a:visited {color : #999999; font-weight : bold; text-decoration : none;}
div.internalsubnav ul li a:hover {text-decoration : underline;}


img.internallogo
{
margin				: 0px 0px 35px 0px;
}

div.copy
{
position			: relative;
float				: left;
background-image	: url(img_common/bg_copytop.gif);
background-repeat	: no-repeat;
background-color	: #FFFFFF;
margin				: 30px 0px 0px 10px;
width				: 440px;
padding				: 45px 30px 20px 30px;
}

div.copy p.header
{
font-size			: 120%;
font-weight			: bold;
color				: #FFD3B3;
line-height			: 15px;
margin				: 0px 0px 0px 0px;
}

div.copy h1
{
font-size			: 120%;
font-weight			: bold;
color				: #FFFFFF;
line-height			: 15px;
margin				: 5px 0px 0px 0px;
}

div.copy h2
{
font-size			: 70%;
font-weight			: normal;
color				: #333333;
line-height			: 15px;
margin				: 70px 0px 15px 0px;
}

div.copy p
{
font-size			: 70%;
font-weight			: normal;
color				: #333333;
line-height			: 15px;
margin				: 0px 0px 15px 0px;
}

div.copy ul
{
margin				: 20px;
padding				: 0px;
}

div.copy ol
{
margin				: 20px;
padding				: 0px;
}

 
{
margin				: 20px;
padding				: 0px;
}

div.copy ul li, div.copy ol li
{
font-size			: 70%;
line-height			: 15px;
color				: #333333;
}

/* GENERIC FORM */

/* Contact Form CSS */

#genericcontactform
{
width		: 190px;
float		: left;
}

#genericcontactform p
{
margin-top		: 0px;
margin-bottom	: 0px;
}

input.form
{
font-family		: Arial;
width			: 170px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #6E604A;
padding			: 2px;
}

#formred
{
background-color: #FFCCCC;
}

textarea.form
{
font-family		: Arial;
height			: 55px;
width			: 170px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #6E604A;
padding			: 2px;
}

input.checkbox
{
border			: 0px solid #6E604A;
height			: 12px;
}

.button
{
font-size			: 100%;
padding 			: 0px 10px 0px 10px;
height				: 20px;
font-weight			: bold;
background-color	: #999999;
color				: #FFFFFF;
border				: 3px double #6E604A;
margin-top			: 5px;
}



.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;
overflow			: hidden;
}

#subheader
{
font-weight			: bold;
}