﻿/*:: Framework 1.5.4
------------------------------------- */
	/* - Modified E.Meyer Style Reset - */
		html, body, div, span, applet, object,
		iframe, h1, h2, h3, h4, h5, h6, p,
		blockquote, pre, a, abbr, acronym,
		address, big, cite, code, del, dfn,
		em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt,
		var, dl, dt, dd, ol, ul, li, fieldset,
		form, label, legend, table, caption,
		tbody, tfoot, thead, tr, th, td
		{margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
		:focus {outline:0;}
		body {line-height:1;}
		table {border-collapse:separate; border-spacing:0;}
		caption, th, td {text-align:left; font-weight:normal;}
		blockquote:before, blockquote:after, q:before, q:after {content:"";}
		blockquote, q {quotes:"" "";}
	/* - Usability & Accessibility - */
		.h{margin-left:-999em; float:left;}
	/* - Navigation- */
		li.first{border-left:none !important; padding-left:0 !important;}
		li.last{padding-right:0 !important;}
		.delim li{border-style:solid; border-width:0 0 0 1px;}
		.hzNav li{display:inline; padding:0 3px 0 6px;}
	/* - Floats - */
		.f1{float:left;}
		.f2{float:right;}
		img.f1{margin:0 10px 10px 0;}
		img.f2{margin:0 0 10px 10px;}
	/* - Clear Fix Based On http://www.positioniseverything.net/easyclearing.html - */
		.clearfix:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		.clearfix, .container {display: inline-block;}
		* html .clearfix,
		* html .container {height: 1%;}
		.clearfix, .container {display: block;}
	/* - General Clears - */
		.c1{clear:left;}
		.c2{clear:right;}
		.c3{clear:both;}
	/* - Columns - */
		.row{width:100%; float:left;}
		.col2{width:49%; float:left;}
		.col23{width:66%; float:left;}
		.col3{width:33%; float:left;}
		
/*:: -----------------------------------
Colors
----------------------------------------
Khaki: #e3dfc2
Blue: #06315c
Gray: #444444
Light Gray: #b3b09c
----------------------------------- :: */   
		

/*:: Body & Overall
------------------------------------- */
    html{overflow-y:scroll;}
    body{background:#370000 url(images/bg.gif) repeat-x top left fixed;}  
    #nest{background:url(images/headerBg.gif) repeat-x top left; min-width: 968px;}
    #overall{width:968px; margin:0 auto;}
    /* - pngs - */
        html>body #glow{background:url(images/glow.png) no-repeat top center;}
        html>body #nest{background:url(images/headerBg.png) repeat-x top left;}
    

/*:: Header
------------------------------------- */
    #header{padding:0 4px;}
    #header h2{margin:10px 0 0 0; float:left;}
    #header h2 a{display:block; height:51px; width:176px; background:url(images/logo.gif) no-repeat top left;}

    #header #gNav{margin:10px 0 0 0; border-color:#06315c;}
    #header #gNav a{color:#06315c;}

    #header fieldset{float:right; clear:right; border:1px solid #b3b09c; padding:8px; margin:28px 0 0 0; background:url(images/searchBg.gif) repeat-x top left;}
    #header fieldset #searchBox{float:left; width:150px;}
    #header fieldset #searchButton{float:left; margin:3px 0 0 8px;}
    
    /* - Main Navigation (background repeated on li, to prevent flicker in IE6) - */
        #mNav{list-style:none; float:left; clear:left; margin:15px 0 0 0;}
        #mNav li{float:left; margin-left:15px;}
        #mNav li.first{margin-left:0;}
        #mNav li, #mNav li h3 a{ background-repeat:no-repeat; background-position:top left; display:block; height:20px; width:100%;}
        #mNav li h3 a:hover{background-position:center left; text-decoration:none;}
        #mNav li h3 a:active, #mNav h3 a.on:link, #mNav h3 a.on:visited, #mNav h3 a.on:hover{background-position:bottom left; text-decoration:none;}
        #mNav #nav1, #mNav #nav1{width:144px;}
        #mNav #nav2, #mNav #nav2{width:85px;}
        #mNav #nav3, #mNav #nav3{width:97px;}
        #mNav #nav4, #mNav #nav4{width:74px;}
        #mNav #nav5, #mNav #nav5{width:90px;}
        #mNav #nav1, #mNav #nav1 h3 a{background-image:url(images/nav1.gif);}
        #mNav #nav2, #mNav #nav2 h3 a{background-image:url(images/nav2.gif);}
        #mNav #nav3, #mNav #nav3 h3 a{background-image:url(images/nav3.gif);}
        #mNav #nav4, #mNav #nav4 h3 a{background-image:url(images/nav4.gif);}
        #mNav #nav5, #mNav #nav5 h3 a{background-image:url(images/nav5.gif);}
            
/*:: Content Area
------------------------------------- */
    #top img, #lCol img{display:block;} /* Fixes IE image space */

    /* - Drop Shadows - */
        #top{margin-bottom:2px;}
        #bottom{margin-bottom:6px;}
        .dsTop{background-repeat:no-repeat; background-position:top left; padding-top:9px;}
        .dsMid{background-repeat:repeat-y; background-position:top left; height:100px; padding:0 9px;}
         html>body .dsMid{height:auto; min-height:100px;} /* Min height IE fix */
        .dsBottom{background-repeat:no-repeat; background-position:bottom left; padding-bottom:9px;}
        /* - gifs - */
            #top{background-image:url(images/topTop.gif);}
            #top .dsMid{background-image:url(images/topMid.gif);}
            #top .dsBottom{background-image:url(images/topBottom.gif);}
            #bottom{background-image:url(images/bottomTop.gif);}
            #bottom .dsMid{background-image:url(images/bottomMid.gif);}
            #bottom .dsBottom{background-image:url(images/bottomBottom.gif);}
        /* - pngs - */
            html>body #top{background-image:url(images/topTop.png);}
            html>body #top .dsMid{background-image:url(images/topMid.png);}
            html>body #top .dsBottom{background-image:url(images/topBottom.png); }
            html>body #bottom{background-image:url(images/bottomTop.png);}
            html>body #bottom .dsMid{background-image:url(images/bottomMid.png);}
            html>body #bottom .dsBottom{background-image:url(images/bottomBottom.png);}
            
    /* - Content Columns - */
        #lCol, #rCol{display:inline; float:left;}
        #lCol{width:310px; margin-right:20px;}
        #lCol h2{margin:10px 0 0 10px; width:290px;}
        #lCol .fade{margin:0 10px 10px 10px;}
        #rCol{width:600px; padding:10px 10px 0 10px;}
        #rCol p {text-align: justify;}
        
        .print {display: none;}
        
/*:: Footer
------------------------------------- */
    #footer{padding:0 4px 10px 4px;}