/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0;
		padding: 0;
		background: url(../images/generic/body_bg.gif) 0 -17px;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	a {
		color: #666;
		}
		
	a img {
		border: 0;
		}
		
	.clear {
		clear: both;
		}

/* 2 :-------- Header ------------ */
		
	.mainLogo {
		position: absolute;
		width: 77px;
		height: 53px;
		margin: 0 0 0 3px;
		text-indent: -9999px;
		background: url(../images/generic/mainLogo.gif) 0 0 no-repeat;
		}

/* 3 :-------- Main Nav ------------ */


	#mainNav {
		margin-top: 70px;
		}
	
	#mainNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}

	#mainNav ul ul {
		margin: 5px 0 10px;
		}
				
	#mainNav li {
		display: block;
		margin: 0 0 5px;
		padding: 0;
		}
		
	#mainNav li li {
		margin-bottom: 2px;
		}		
			
	#mainNav a {
		display: block;
		height: 21px;
		width: 95px;
		overflow: hidden;
		text-indent: -9999px;
		background-position: 0 0;
		background-repeat: no-repeat;
		}
				
/* nav backgrounds */
			
	#mainNav .nav1 {background-image: url(../images/nav/nav1.gif);}
	#mainNav .nav2 {background-image: url(../images/nav/nav2.gif);}
		#mainNav .nav2-1 {background-image: url(../images/nav/nav_li_li_nav1.gif);}
		#mainNav .nav2-2 {background-image: url(../images/nav/nav_li_li_nav2.gif);}
		#mainNav .nav2-3 {background-image: url(../images/nav/nav_li_li_nav3.gif);}
		#mainNav .nav2-4 {background-image: url(../images/nav/nav_li_li_nav4.gif);}
		#mainNav .nav2-5 {background-image: url(../images/nav/nav_li_li_nav5.gif);}
		#mainNav .nav2-6 {background-image: url(../images/nav/nav_li_li_nav6.gif);}
                                #mainNav .nav2-7 {background-image: url(../images/nav/nav_li_li_nav7.gif);}
	#mainNav .nav3 {background-image: url(../images/nav/nav3.gif);}

	#mainNav li a:hover,
	#mainNav li.on a {
		background-position: -95px 0;
		}
		
	#mainNav li li a {
		background-position: 0 0!important;
		}
		
	#mainNav li li a:hover {
		background-position: -95px 0!important;
		}	
/* 4 :-------- Content ------------ */
		
	#page {
		background: url(../images/generic/page_bg.gif) 0 0 repeat-x;
		height: 450px;
		padding: 73px 0 0 20px;
		}
		
	.container {
		width: 975px;
		margin: 0 auto;
		background: url(../images/generic/rightEdge_bg.gif) 100% 0 no-repeat;
		}
		
	#panelA { /* nav one */
		float: left;
		width: 122px;
		height: 345px;
		background: url(../images/generic/panelA_bg.gif) 100% 0 no-repeat;
		}
		
	.home #panelA {
		background: url(../images/generic/panelA_bg-home.gif) 100% 0 no-repeat;
		}
			
	#panelB {
		position: relative;
		float: left;
		width: 187px;
		padding: 18px 10px 0 18px;
		height: 327px;
		background: #f2e7e6 url(../images/generic/panelB_bg.jpg) 0 49px repeat-x;
		}

	#panelD {
		position: relative;
		float: left;
		width: 187px;
		padding: 18px 10px 0 18px;
		height: 327px;
		background: #f2e7e6 url(../images/generic/panelD_bg.jpg) 0 49px repeat-x;
		}

	.home #panelB {
		background-color: #fff;
		width: 390px;
		padding-top: 33px;
		height: 312px;
		}

	.home #panelD {
		background-color: #fff;
		width: 390px;
		padding-top: 33px;
		height: 312px;
		}
		
	.panelBHeader {
		height: 30px;
		margin: 0 0 20px -10px;
		padding-left: 10px;
		background: url(../images/icons/panelBTitle-icon.gif) 0 10px no-repeat;
		}

	.panelDHeader {
		height: 30px;
		margin: 0 0 20px -10px;
		padding-left: 10px;
		background: url(../images/icons/panelBTitle-icon.gif) 0 10px no-repeat;
		}
		
		
	#panelC {
		position: relative;
		float: left;
		width: 565px;
		height: 327px;
		overflow: hidden;
		padding: 18px 15px 0 20px;
		background: #fff url(../images/generic/panelC_bg.jpg) 0 49px repeat-x;
		}


		
	.home #panelC {
		background: #fff;
		width: 361px;
		text-align: right;
		padding-top: 78px;
		height:267px;
		}
		
	.panelCHeader {
		height: 30px;
		margin: 0 0 20px;
		padding-left: 7px;
		background: url(../images/icons/panelCTitle-icon.gif) 0 10px no-repeat;
		}

	#panelE {
		position: relative;
		float: left;
		width: 565px;
		height: 327px;
		overflow: hidden;
		padding: 18px 15px 0 20px;
		background: #fff url(../images/generic/panelE_bg.jpg) 0 49px repeat-x;
		}


		
	.home #panelE {
		background: #fff;
		width: 361px;
		text-align: right;
		padding-top: 78px;
		height:267px;
		}
		
	.panelEHeader {
		height: 30px;
		margin: 0 0 20px;
		padding-left: 7px;
		background: url(../images/icons/panelCTitle-icon.gif) 0 10px no-repeat;
		}
		
/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer {
		clear: both;
		padding: 4px 0 0 368px;
		font-size: .95em;
		color: #ada2a2;
		}
		
	.footer a {
		color: #ada2a2;
		text-decoration: none;
		}