/* Normalizes margin, padding */ 
body, div, ul, li, h1, h2, h3,h4, h5, p { margin : 0; padding : 0; } 
/* Normalizes font-size for headers */ h1,h2,h3 { font-size : 100%; } 
/* Removes list-style from lists */ ul { list-style : none; }


.clr{clear:both}
.FLT_L {float: left}
.FLT_R {float: right}
.floated23 {width: 34%}
.floated32 {width: 68%}

#left_page_shad    { background-image: url(../images/design/drop_shad_generic_01.png); background-repeat: repeat-y; visibility: visible; position: absolute; top: 0; bottom: 100%; left: -10px; width: 10px; height: 100%; z-index:10 }
#right_page_shad   { background-image: url(../images/design/drop_shad_generic_03.png); background-repeat: repeat-y; visibility: visible; position: absolute; top: 0; right: -10px; bottom: 100%; width: 10px; height: 100% z-index:10 }


html, body {height:100%;}
body{
	background-color: #D6D6D6;
	font-size: 16px;
	background-image: url(../images/design/rockford-rage-background.jpg);
	text-align: left;
}


#mainPage_wrap{
	width: 900px;
	margin:0 auto;
	min-height: 100%;
	background-color: #B2A6BF;
	position: relative;
	text-align: left;
}
* html #mainPage_wrap{height:100%; }
#branding { position: relative; height: 200px; background-color: #7242A5}
#branding h1 {
	position: absolute;
	text-indent: -9999px;
	background-image: url(../images/design/DERBY_logo.gif);
	width: 279px;
	height: 170px;
	background-repeat: no-repeat;
	top:21px;
	left:211px;
	z-index: 206
}
#branding p em {
	display:block;
	position: absolute;
	text-indent: -9999px;
	background-image: url(../images/design/Brandstaement_02.gif);
	width: 100%;
	height: 134px;
	width:900px;
	background-repeat: no-repeat;
	bottom: 2469px;
	left: -43px;
}
#branding p img{position: absolute; z-index: 206; right:-43px; top:-35px}


#main_Nav{float: right; width:250px; padding-top: 38px; background-color: #000; background-image: url(../images/design/menu_01.gif); background-repeat: no-repeat; background-position: 0 15px}
#main_Nav ul { padding-top:18px; background-image: url(../images/design/menu_02.gif);background-repeat: repeat-y;}
#main_Nav li a{font-size: 120%; padding: .35em 0 .35em 26px; font-family: Verdana;; display: block; text-decoration: none; color: #595959; font-weight: bold; letter-spacing: -1.3;}
#main_Nav a:hover{background-image: url(../images/design/menushade.png); color:#fff;}
#main_Nav .bottom_mainnav {background-image: url(../images/design/menu_04.jpg);background-repeat: no-repeat; padding-top:40px}


#submain_wrap{background-color:#000}
#content {background-color:#000; color:#f4f4f4; width: 650px; float: left; font-family: Arial, Helvetica, san-serif; font-size: 90%;padding: 1.6em 0;}
#mainContent > p,  #mainContent > ul{font-size: 90%; line-height: 1.6em; padding: 0 3em 1.5em 2em; }
#mainContent > ul li {font-size:100%; margin-left:1.1em;list-style: circle; padding-top:.2em ; padding-bottom:.2em}
#mainContent > h2 {font-size: 150%; line-height: 1.25em; padding: 0 1em 0 1.1em; text-transform:uppercase}
#mainContent > h3 {font-size: 110%; line-height: 1.8em; padding: 0 1em 0 1.6em; text-transform:uppercase}

#content a, #secondContent a{color:#328f48; text-decoration:none}
#content a:hover, #secondContent a:hover{color:#6c419a; text-decoration:underline}

#secondContent{ float:right; width:250px; color: #fff; margin-top:20px; font-family: Arial, Helvetica, san-serif; font-size: 90%}
#secondContent> p {font-size: 85%; line-height: 1.6em; padding: 0 3em 1.5em 1.6em}
#secondContent> h3 {font-size: 100%; line-height: 1.25em; padding: 0 1em 0 1.3em; text-transform:uppercase}
#secondContent> h4 {font-size: 80%; line-height: 1.8em; padding: 0 1em 0 1.6em; text-transform:uppercase}



.box_content {font-size: 90%; line-height: 1.3em; margin: .4em 2em 1.2em 2em;   color: #000000; background-image: url(../images/design/box_01.jpg); background-repeat: no-repeat;  background-color: #D6D6D6}
.box_content > div {font-size: 90%; padding:2.4em .8em 1.6em .8em;   color: #000000; background-image: url(../images/design/box_02.jpg); background-repeat: no-repeat; background-position: left bottom;}
.box_content h2 { font-size: 130%; line-height: 1.2em; padding: .2em 0 .4em 0}



#siteInfo{position: relative; height: 200px;background-image: url(../images/design/futer_04.gif); background-position: top left; background-repeat: no-repeat; clear: both; font-family: Arial, hevetica, san-serif; font-size: 75%; line-height: 1.5em; padding-top: 45px;text-align: center}
#siteInfo h4{text-indent: -9999px;  background-image: url(../images/design/DERBY_logoH4.png); height: 60px; background-repeat: no-repeat ; background-position: center; position: relative; top:-10px}


/*for IE*/

* html #mainContent p,  * html #mainContent  ul{font-size: 90%; line-height: 1.6em; padding: 0 3em 1.5em 2em; }
* html #mainContent  ul li {font-size:100%; margin-left:1.1em; padding-top:.2em ; padding-bottom:.2em}
* html #mainContent h2 {font-size: 150%; line-height: 1.25em; padding: 0 1em 0 1.1em; }
* html #mainContent  h3 {font-size: 110%; line-height: 1.8em; padding: 0 1em 0 1.6em;}

* html #secondContent p {font-size: 85%; line-height: 1.6em; padding: 0 3em 1.5em 1.6em}
* html #secondContent h3 {font-size: 100%; line-height: 1.25em; padding: 0 1em 0 1.3em; }
* html #secondContent h4 {font-size: 80%; line-height: 1.8em; padding: 0 1em 0 1.6em; }

* html #content{overflow:hidden}
* html #siteInfo {background-position: top 20px}