/* CSS Document */

html {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; overflow-y: auto; overflow-x: hidden;}
body {background-color: #003300; height:}
p {text-align: justify;}
a {text-decoration: none; color: #666666;}
a:hover {text-decoration: underline;}

#headgrad {position: absolute; top: 0px; left: -10%; width: 120%; height: 30px; 
			background: url(layout_img/30greengrad.jpg) repeat-x left top;
			z-index: 2;}
#bodygrad {position: absolute; top: 30px; left: -10%; width: 120%; height: 640px; 
			background: url(layout_img/300LTGreengrad.jpg) repeat-x left top;
			border-top: solid 2px #666666; margin-bottom: 10px; z-index: 3;}
#bodybg {position: absolute; top: 30px; left: -10%; width: 120%; height: 570px; 
			background-color: #A3D6AE; z-index: 2;}

/* RED BOX - LOGO */
#redbox {position: absolute; top: 80px; left: 50px; width: 300px; height: 225px; background-color: #FF0000; 
			border: solid 1px #999999; z-index: 3;}
#rbox_lt {position: absolute; top: -1px; left: -1px; width: 10px; height: 50px;
			background: url(layout_img/LTcorner_red.jpg) no-repeat center center; z-index: 5;}
#rbox_rt {position: absolute; top: -1px; right: -1px; width: 10px; height: 50px;
			background: url(layout_img/RTcorner_red.jpg) no-repeat center center; z-index: 5;}
#rbox_lb {position: absolute; bottom: -1px; left: -1px; width: 10px; height: 10px;
			background: url(layout_img/LBcorner_red.jpg) no-repeat center center; z-index: 5;}
#rbox_rb {position: absolute; bottom: -1px; right: -1px; width: 10px; height: 10px;
			background: url(layout_img/RBcorner_red.jpg) no-repeat center center; z-index: 5;}
#rbox_head {position: absolute; top: -1px; left: 0px; width: 100%; height: 50px; 
			background: url(layout_img/red_subhead.jpg) repeat-x center center; 
			color: #FFFFFF; font-size: 18px; line-height: 30px; z-index: 4;
			text-align: left; text-indent: 20px; line-height: 40px;}
#red_content {position: absolute; top: 50px; left: 1%; width: 94%; height: 170px;
			padding: 0% 2% 0% 2%; background: url(content_img/logo_img.jpg) no-repeat center center; z-index: 6;}



/* YELLOW BOX - CONTENT */
#yellowbox {position: absolute; top: 80px; left: 375px; width: 45%; height: 350px; background-color: #E2EB76; 
			border: solid 1px #999999; z-index: 3;}
#ybox_lt {position: absolute; top: -1px; left: -1px; width: 10px; height: 50px;
			background: url(layout_img/LTcorner_yellow.jpg) no-repeat center center; z-index: 5;}
#ybox_rt {position: absolute; top: -1px; right: -1px; width: 10px; height: 50px;
			background: url(layout_img/RTcorner_yellow.jpg) no-repeat center center; z-index: 5;}
#ybox_lb {position: absolute; bottom: -1px; left: -1px; width: 10px; height: 10px;
			background: url(layout_img/LBcorner_yellow.jpg) no-repeat center center; z-index: 5;}
#ybox_rb {position: absolute; bottom: -1px; right: -1px; width: 10px; height: 10px;
			background: url(layout_img/RBcorner_yellow.jpg) no-repeat center center; z-index: 5;}
#ybox_head {position: absolute; top: -1px; left: 0px; width: 100%; height: 50px; 
			background: url(layout_img/yellow_subhead.jpg) repeat-x center center; 
			color: #FFFFFF; font-size: 18px; line-height: 30px; z-index: 4;
			text-align: left; text-indent: 20px; line-height: 40px;}
#yellow_content {position: absolute; top: 50px; left: 1%; width: 94%; height: 290px;
			padding: 0% 2% 0% 2%; overflow: scroll; overflow-x: hidden; z-index: 6;}

/* PURPLE BOX - EXTRAS */
#purplebox {position: absolute; top: 455px; left: 375px; width: 45%; height: 95px; background-color: #FE00EF; 
			border: solid 1px #999999; z-index: 3;}
#pbox_lt {position: absolute; top: -1px; left: -1px; width: 10px; height: 50px;
			background: url(layout_img/LTcorner_purple.jpg) no-repeat center center; z-index: 5;}
#pbox_rt {position: absolute; top: -1px; right: -1px; width: 10px; height: 50px;
			background: url(layout_img/RTcorner_purple.jpg) no-repeat center center; z-index: 5;}
#pbox_lb {position: absolute; bottom: -1px; left: -1px; width: 10px; height: 10px;
			background: url(layout_img/LBcorner_purple.jpg) no-repeat center center; z-index: 5;}
#pbox_rb {position: absolute; bottom: -1px; right: -1px; width: 10px; height: 10px;
			background: url(layout_img/RBcorner_purple.jpg) no-repeat center center; z-index: 5;}
#pbox_head {position: absolute; top: -1px; left: 0px; width: 100%; height: 50px; 
			background: url(layout_img/purple_subhead.jpg) repeat-x center center; 
			color: #FFFFFF; font-size: 18px; line-height: 30px; z-index: 4;
			text-align: left; text-indent: 20px; line-height: 40px;}
#purple_content {position: absolute; top: 50px; left: 1%; width: 94%; height: 290px;
			padding: 0% 2% 0% 2%; overflow: scroll; overflow-x: hidden; z-index: 6;}

.purpbutton a {width: 40px; height: 40px; background: url(content_img/button_off.gif) no-repeat center center;}
.purpbutton a:hover {width: 40px; height: 40px; background: url(content_img/button_on.gif) no-repeat center center;}




/* BLUE BOX - NAVIGATION */
#bluebox {position: absolute; top: 330px; left: 50px; width: 300px; height: 220px; 
			background-color: #4F75F9; border: solid 1px #999999; z-index: 4;}
#bbox_lt {position: absolute; top: -2px; left: -1px; width: 10px; height: 50px;
			background: url(layout_img/LTcorner_blue.jpg) no-repeat center top; z-index: 5;}
#bbox_rt {position: absolute; top: -2px; right: -1px; width: 10px; height: 50px;
			background: url(layout_img/RTcorner_blue.jpg) no-repeat center top; z-index: 5;}
#bbox_lb {position: absolute; bottom: -1px; left: -1px; width: 10px; height: 10px;
			background: url(layout_img/LBcorner_blue.jpg) no-repeat center center; z-index: 5;}
#bbox_rb {position: absolute; bottom: -1px; right: -1px; width: 10px; height: 10px;
			background: url(layout_img/RBcorner_blue.jpg) no-repeat center center; z-index: 5;}
#bbox_head {position: absolute; top: -2px; right: -1px; width: 100%; height: 50px; 
			background: url(layout_img/blue_subhead.jpg) repeat-x center center; 
			color: #FFFFFF; font-size: 18px; line-height: 30px; z-index: 4;
			text-align: left; text-indent: 20px; line-height: 40px;}
#blue_content {position: absolute; top: 50px; left: 10px; width: 280px; height: 150px; z-index: 6;}


p.navlink {font-weight: bold; color: #FFFFFF; text-align: left; margin: 0px; margin-top: 1px; margin-bottom: 3px;}
p.navlink a {text-decoration: none; display: block; color: #FFFFFF; padding: 3px; padding-left: 10px; padding-bottom: 3px; padding-right: 1px;}
p.navlink a:hover {background-color: #F1F1F1; border: solid 1px #333333; text-decoration: none; padding-top: 2px; 
					padding-left: 9px; padding-bottom: 2px; padding-right: 0px; color: #333333;}





#footgrad {position: absolute; top: 600px; left: 0px; width: 120%; height: 150px; 
			background: url(layout_img/150greengrad.jpg) repeat-x left top;
			border-top: solid 2px #666666; z-index: 3;}
.footerlink {text-decoration: none; color: #DFDFDF; font-size: 10px; font-weight: normal; 
			text-align: left; text-indent: 55px; line-height: 20px;}
.footerlink a {text-decoration: none; color: #DFDFDF; text-align: left; text-indent: 55px; line-height: 20px;}
.footerlink a:hover {text-decoration: underline;}