/* Whitespace CSS Document */

body
{
margin				: 0px;
padding				: 0px;
font-family			: arial,;
font-size 			: 100%;
background-color	: #EEEEEE;
}

form
{
margin				: 0px;
}

body img
{
display				: inline;
}


#hold
{
width				: 760px;/* Site is 800 with 20px gutters*/
margin				: 20px auto;
background-color	: #FFFFFF;
padding				: 20px 20px 20px 20px;
border-bottom		: 5px solid #FFFFFF;
}

#toprow
{
position			: relative;
float				: left;
width				: 760px;
background-color	: #FFFFFF;
}


#toprow img
{
display				: block;
}

#images
{
position			: relative;
width				: 150px;
background-color	: #FFFFFF;
float				: left;
margin-right		: 5px
}

#images img.bottom
{
margin-top		: 5px;
}

#copy
{
position			: relative;
width				: 380px;
float				: left;
margin-right		: 5px
}

div.copy
{
position			: relative;
width				: 340px;
float				: left;
margin-right		: 5px;
padding				: 80px 20px 0px 20px;
/*background-color	: #FF0000; */
/*
height				: 205px;
overflow			: auto;
*/
}

div.copy h1
{
color				: #333333;
font-size			: 80%;
font-weight			: bold;
line-height			: 12px;
margin				: 0px 0px 15px 0px;
}


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

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

div.copy ul, div.copy ol
{
margin				: 0px 0px 15px 30px;
}

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

div.copy a:link {color : #000000; text-decoration : underline;}
div.copy a:visited {color : #000000; text-decoration : underline;}
div.copy a:hover {color : #000000; text-decoration : underline;}

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

#logo
{
position			: relative;
width				: 220px;
height				: 305px;
background-color	: #2D7F6D;
float				: left;
}


#logo p.header
{
color				: #FFFFFF;
font-size			: 80%;
font-weight			: bold;
line-height			: 12px;
margin				: 80px 0px 0px 0px;
padding				: 0px 20px 10px 20px;
}

#logo p
{
color				: #D6E6E2;
font-size			: 70%;
line-height			: 12px;
margin				: 0px 0px 0px 0px;
padding				: 0px 20px 0px 20px;
}

#nav
{
position			: relative;
float				: left;
width				: 760px;
background-color	: #FFFFFF;
padding				: 30px 0px 30px 0px;
}

div.nav
{
position			: relative;
display				: inline;
width				: 110px;
margin-left			: 20px;
float				: left;
}

div.subnav
{
position			: relative;
display				: inline;
width				: 110px;
margin-left			: 10px;
float				: left;
}

div.subsubnav
{
position			: relative;
display				: inline;
width				: 110px;
margin-left			: 10px;
float				: left;
}

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

div.nav li, div.subnav li, div.subsubnav li
{
font-size			: 70%;
line-height			: 12px;
}

div.nav a:link, div.subnav a:link, div.subsubnav a:link {color : #666666;text-decoration : none;}

div.nav a:visited, div.subnav a:visited, div.subsubnav a:visited {color : #666666;text-decoration : none;}

div.nav a:hover, div.subnav a:hover, div.subsubnav a:hover {color : #333333; text-decoration : none;}

#on a
{
color				: #000000;				
}

#quickshop
{
position			: relative;
float				: left;
width				: 390px;
padding				: 0px 0px 0px 0px;
}

#quickshop img
{
float				: right;
}

#quickshop p
{
color				: #666666;
font-size			: 70%;
font-weight			: normal;
line-height			: 12px;
width				: 200px;
float				: right;
margin				: 0px 0px 0px 10px;
padding				: 0px 0px 0px 0px;
}

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

#quickshop p a:hover
{
text-decoration		: underline;
}

#footer
{
position			: relative;
float				: left;
width				: 760px;
background-color	: #FFFFFF;
padding				: 5px 0px 5px 0px;
border-top			: 1px solid #666666;
border-bottom		: 1px solid #666666;
}

#footer p.copy
{
color				: #666666;
font-size			: 70%;
font-weight			: normal;
line-height			: 15px;
float				: left;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 10px;
}

#footer p.terms
{
color				: #666666;
font-size			: 70%;
font-weight			: normal;
line-height			: 15px;
float				: right;
margin				: 0px 0px 0px 0px;
padding				: 0px 10px 0px 0px;
}

#footer a:link, #footer a:visited
{
color				: #666666;
text-decoration 	: none;
}

#footer a:hover
{
color				: #333333;
text-decoration 	: underline;
}

/* Contact Form CSS */

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

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

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

#formred
{
/*background-color: #FFCCCC;*/
background-color	: #D5E5E2;
}

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

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

.button
{
font-size			: 11px;
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;
}