/*
+++++++++++++++++++++++++++++++++
+	Created by 					+
+	NATHAN BAILEY				+
+	nbailey@metissystems.net	+
+++++++++++++++++++++++++++++++++
*/

body {font-family:Geneva, Arial, Helvetica, sans-serif; line-height:20px; background-color:#000000; background-image:url(../images/gradientbkgrnd.jpg); background-repeat:repeat-x; text-align:center; margin-top:0px; margin-left:auto; margin-right:auto; position:relative;}
DL, DD {margin:0px; padding:0px;}
#maincol {width:850px; text-align:center; margin-left:auto; margin-right:auto;}
#banner {width:100%; float:left; position:relative; text-align:left;}
#grid {width:650px; padding-top:10px; padding-bottom:10px; float:left; position:relative; text-align:left; background-image:url(../images/gridbkgrnd.jpg); background-repeat:repeat;}
#grid H1, H2 {margin-left:20px; margin-right:20px;}
#grid p {margin-left:20px; margin-right:20px; font-weight:bold; font-size:12px; line-height:16px;}
#grid a:hover {color:#000000;}
#paint UL {list-style-image: url(../images/Li_paint.gif);}
#pellet UL {list-style-image: url(../images/Li_pellet.gif);}
#footer {width:100%; float:left; position:relative; text-align:left; color:#FFFFFF;}
#IMAGE{position:absolute; position:absolute; z-index:1; left:100px; top:100px; background-color:#FFFFFF; color:#000000; border:solid;}

/*	Main Nav Menu
==========================================*/ 
#mainnav {width:100%; float:left; position:relative; margin-top:5px; text-align:left; font-size:15px; font-weight:bold; display:block; color:#FFFFFF; text-decoration:none;}
#mainnav a, #mainnav a:link, #mainnav a:active, #mainnav a:visited {text-decoration:none; color:#000000; background-color:#FFFFFF;}
#mainnav a:hover {background-color:#AAAAAA; color:#000000;}

/* Side Nav Menu
==========================================*/ 
#menu {width:200px; float:right; text-align:left; font-size:15px; color:#FFFFFF;}
#menu UL {margin-left:10px; display:block; list-style:none inside;}
/*For some reason this next line removes an improper list indent in IE - note the display: reset to block; in the line after it*/
#menu LI {display:inline;}
#menu LI a {display:block;}
#menu DT a, #menu DT a:link, #menu DT a:active, #menu DT a:visited {font-weight:bold; display:block; color:#FFFFFF; padding:4px 4px 4px 4px; text-decoration:none;}
#menu DT a:hover {color:#AAAAAA;}
#menu DD LI a, #menu DD LI a:link, #menu DD LI a:active, #menu DD LI a:visited {font-weight:bold; margin:0px; color:#FFFFFF; padding:4px 4px 4px 4px; text-decoration:none;}
#menu DD LI.sub a, #menu DD LI.sub a:link, #menu DD LI.sub a:active, #menu DD LI.sub a:visited {}
#menu DD LI a:hover {color:#AAAAAA;}
#menu DD LI.sub a:hover {color:#AAAAAA;}