*{
	margin: 0 auto;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	color: #555555;

	}

body{
	width: 100%;
	text-align: center;
	background:url(../images/index-header-bg.gif) repeat-x 0 0;
	outline: none;
	z-index: 0;}

/*black bar*/
#blackBar{
	position: fixed;			/*fixed is independent of any containing element - doesn't matter where you put this div*/
	top: 0;
	left: 0;
	width: 137px;
	height: 32px;
	z-index: 100;	
	border: 0;}
	
#blackBar img{
	outline: none;		
	border: 0;}

#blackBar{
	width: 100%;
	height: 39px;
	top: 0;
	left: 0;
	position: fixed;	/*indedpendent of any containing element*/
	z-index: 99;
	background: url(../images/repeatX.png) repeat-x 0 -82px;
	text-align: center;
	margin: 0;
	padding: 0;
	outline: none;
	overflow: hidden;}
	
@-moz-document url-prefix()
{
	#blackBar{
	overflow: auto;/*eliminates flickering in Firefox on scroll - should be fixed in ver4.0*/}
}

#blackBar ul{
	/*border: solid 1px white;*/
	height: 32px;
	line-height: 31px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline;}

#blackBar li{		
	display: inline;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	padding-left: 25px;}

#blackBar li span.doubleChevron{
	font-size: 12px;
	color:  #FFFFFF;}

#blackBar li a{
	color: #FFF;
	text-decoration: none;
	font-family: Arial;
	padding-left: 4px;
	outline: none;
	font-size:10px;}

#blackBar li a:link{
	color: #FFF;
	text-decoration: none;}

#blackBar li a:visited{
	color: #FFF;
	text-decoration: none;}

#blackBar li a:hover, #blackBar li a.selected:hover{
	color: #9ECEEB;
	text-decoration: none;}

#blackBar li a.selected{
	color: #FF9929;}

/*end of black bar*/

/*wrapper*/

#wrapper{
	position: relative;
	width: 999px;
	min-height: 500px;
	height: 100%;
	text-align: left;
	overflow: hidden;
	background-image: url(home/images/tag.png);
	visibility: visible;
	/*border: solid 1px black;*/}
	
#logo{
	position: absolute;
	top: 42px;
	left: 30px;
	/*border: solid 2px white;*/}

#logo img, #logo a
	{border: none;}
	
	#logo-1{
	position: absolute;
	top: 42px;
	left: 15px;
	/*border: solid 2px white;*/}

#logo img, #logo a
	{border: none;}
	

/*homepage navBar*/

#navBar, #navBarLeft, #navBarRight, #navBarUL
{
	position: absolute;
	top: 50px;
	height: 82px;
	z-index: 1;
	
		/*navBarUL set to 2 below*/
}

#navBar{
	right: 60px;	
	width: 580px;	/*navBarLeft right placement (640) - navBarRight width(60) */
	background: url(../images/repeatX.png) repeat-x 0 0;
	/*border: solid 1px white;*/}
	
#navBarLeft{
	right: 640px;
	width: 84px;	
	background: url(../images/navBarLeft84x82.png) no-repeat 0 0;}

#navBarRight{
	right: 0;
	width: 60px;	
	background: url(../images/navBarRight60x82.png) no-repeat 0 0;}

#navBarUL{	
	right: 0;	
	width: 670px;	/*This sits on top of navBar,navBarRight,& navBarLeft-stretch this to fit contents, mind the selected tab*/
	list-style: none;
	z-index: 2;
	/*border: solid 1px white;*/}

#navBarUL li{
	float: left;	/*floating allows us to set width & height in IE*/
	line-height:130px;
	text-align: center;
	display: inline-block;
	width: auto;	/*same width as selected bg image*/
	height: 82px;
	padding:0 16px 0 20px;
	/*border: solid 1px yellow;*/}
	
#navBarUL li.selected{
	line-height: 130px;	/*bump the text up a bit*/
	background: url(../images/navBarOrangeTab.png) no-repeat 0 25px;}	/*position based on ul height - bg image height*/
	
#navBarUL li a, #navBarUL li a:link, #navBarUL li a:visited, #navBarUL li a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;	
	/*border: solid 1px red;*/}

#navBarUL li a:hover{
	color: #FF9929;}
	
	

	
	#navBarUL li ul.navBar2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:96px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }
	
	
	#navBarUL li li:hover ul.navBar2
	{ display:block; }
	
	
	#navBarUL li ul.navBar2 li
	{ width:96px; clear:left; width:96px; }
	
	#navBarUL li ul.navBar2 li a:link,
	ul#navigation-1 li ul.navBar2 li a:visited
	{ clear:left; background:#b9121b; padding:4px 0; width:96px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
#navBarUL li ul.navBar2 li:hover a,
#navBarUL li ul.navBar2 li a:active,
#navBarUL li li ul.navBar2 li a:hover
	{ clear:left; background:#ec454e; padding:4px 0; width:96px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
	
	
	
#navBarUL li.selected a:hover{
	color: #FFFFFF;}

/*end of homepage navBar*/

#spacer{/*simply an empty div to push #mainBarker down to begin right below the navBar
			this enables us to avoid absolutely positioning content from here down*/
	height: 128px;}/*navBarUL height + top - 4px dropshadow*/


/*mainBarker*/
#mainBarkerTop{
	position: relative; /*enables z-index in relation to navBar*/
	z-index: 4;	/*sits on top of navBarUL*/
	height: 13px;
	background: url(../images/barkerTopsAndBottoms.png) no-repeat 0 0;}
	
#mainBarkerContent{
	overflow: auto;
	position: relative;
	height: 308px;	/*content should be 298px in height - this gives us 5px top & bottom*/
	background: url(../images/repeatY.png) repeat-y 0 0;}
	

/*home tab*/
#homeBarkerLeft{
	position: absolute;
	top: 5px;
	left: 15px;
	height: 298px;
	width: 473px;
	/*border: solid 1px black;*/}
	
#homeBarkerRight{
	position: absolute;
	right: 15px;
	top: 6px;
	width: 487px;
	height: 302px;
	background: url(../images/ALLIANCE-welcome.png) no-repeat 0 0;
	/*background-color: Blue;*/}

#homeBarkerRight #p1, #homeBarkerRight #p2{
	display: block;
	position: absolute;
	left: 30px;
	/*border: solid 1px black;*/}

#homeBarkerRight #p1{
	width: 425px;
	height: 65px;
	top: 75px;}

#homeBarkerRight #p2{
	width: 300px;
	height: 125px;
	top: 150px;}
	
	
#homeBarkerLeftTextOverlay{
	position: absolute;
	overflow: hidden;
	bottom: 5px;	/*top margin of div is 5px, leaving 5px at the bottom*/
	left: 15px;
	width: 473px;
	height: 60px;	
	line-height: 60px;
	text-indent: 10px;
	font-size: 14px;
	color: #FFFFFF;
	background: url(../images/repeatX.png) repeat-x 0 -164px;}
	
#homeBarkerLeftTextOverlay a, #homeBarkerLeftTextOverlay a:link, #homeBarkerLeftTextOverlay a:visited, #homeBarkerLeftTextOverlay a:hover{
		text-decoration: none;
		color: #FF9929;
		font-size: 14px;}
		
#homeBarkerLeftTextOverlay a:hover{
		color: #6EB5FC;}

/*end of home tab*/

/*homeBarker one and two up */
div.oneAndTwoUpBarker {
	position: absolute;
	top: 5px;
	left: 12px;
	width: 967px;
	height: 300px;
	/*background-color: Blue;*/}

/*homeBarker three and four up*/
div.threeUpBarkerLeft, div.fourUpBarkerLeft{
	position: absolute;
	top: 5px;
	left: 16px;
	width: 481px;
	height: 300px;
	/*background-color: Blue;*/}

div.threeUpBarkerRight, div.fourUpBarkerRight{
	position: absolute;
	top: 5px;
	right: 25px;
	width: 463px;
	height: 300px;
	/*background-color: Red;*/}
	
div p.imageCopy{
    position: absolute;
    top:100px;
    left:30px;
    display:block;
    width:225px;
    height:150px;
    color:#FFF;
    font-family:Arial, Helvetica;}
    
div p.imageCopyRight{
    position: absolute;
    top:130px;
    left:520px;
    display:block;
    width:225px;
    height:150px;
    color:#FFF;
    font-family:Arial, Helvetica;}    
    
div p.teachContent{
    position: absolute;
    top:20px;
    left:525px;
    display:block;
    width:420px;
    height:150px;
    color:#FFF;
    font-family:Arial, Helvetica;}    
    
div.button{
    position:absolute;
    top:248px;
    left:316px;
    width:132px;
    height:31px;}
    
div.button a{
    position:absolute;
    display:block;
    width:132px;
    height:31px;
    background:URL(../images/transparentPixel-1x1.gif)}
    
div.button a:hover{
    position:absolute;
    display:block;
    width:132px;
    height:31px;
    background:url(../images/mainHover.jpg) no-repeat top left;}
    
div.HSbuttonLeft{
    position:absolute;
    top:201px;
    left:56px;
    width:132px;
    height:31px;}

div.HSbuttonRight{
    position:absolute;
    top:225px;
    left:304px;
    width:132px;
    height:31px;}
    
div.HSbuttonLeft a, div.HSbuttonRight a{
    position:absolute;
    display:block;
    width:132px;
    height:31px;
    background:URL(../images/transparentPixel-1x1.gif)}
    
div.HSbuttonLeft a:hover, div.HSbuttonRight a:hover{
    position:absolute;
    display:block;
    width:132px;
    height:31px;
    background:url(../images/mainHover.jpg) no-repeat top left;}
    

ul.threeUp{
	list-style: none;
	background: url(../images/repeatX.png) repeat-x 0 -611px;}
	
ul.fourUp{
	list-style: none;
	background: url(../images/repeatX.png) repeat-x 0 -311px;}
	
ul.threeUp li, ul.fourUp li{
	overflow: hidden;
	cursor: default;}

ul.threeUp li{
	height: 100px;	/*barkerRight height / 3*/}	

ul.fourUp li{
	height: 75px;	/*barkerRight height / 4*/}
	
ul.threeUp li img{
	margin: 7px 8px 0 4px;}
	
ul.fourUp li img{
	margin: 5px 8px 0 4px;}
	


ul.threeUp li a.liHeader,ul.fourUp li a.liHeader, ul.threeUp li span.liHeader,ul.fourUp li span.liHeader{
	display: block;
	color: #225d8f;
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	text-decoration: none;}
	
ul.threeUp li a.liHeader:hover,ul.fourUp li a.liHeader:hover{text-decoration: underline;}
	
ul.threeUp li.showing{
	background: url(../images/li3and4UpBG.png) no-repeat 0 -75px;}

ul.fourUp li.showing{
	background: url(../images/li3and4UpBG.png) no-repeat 0 0;}	
	
ul.threeUp li.showing .liHeader, ul.fourUp li.showing .liHeader{
	color: #005e20;}	
	
/*end of homeBarker threeUp and fourUp*/
	
#mainBarkerBottom{
	height: 14px;
	margin-bottom: 5px;
	clear: both;
	background: url(../images/barkerTopsAndBottoms.png) no-repeat 0 -13px;}
/*end of mainBarker*/


/*bodyBarker*/
#bodyBarkerTop, #bodyBarkerContent, #bodyBarkerBottom{
	float: left;	
	width: 713px;
	position: relative;	/*z-index only works if elements are 'positioned'*/
	z-index: 2;	/*so they sit on top of the footer*/}

#bodyBarkerTop{
	height: 14px;
	background: url(../images/barkerTopsAndBottoms.png) no-repeat 0 -27px;
	/*border: solid 1px black;*/}
	
#bodyBarkerContent{
	height: 677px;
	background: url(../images/repeatY.png) repeat-y -999px 0;
	/*border: solid 1px black;*/}
	
.bodyBarkerSingle, .bodyBarkerDoubleVert, .bodyBarkerDoubleHoriz{
	position: absolute;
	background-image: url(../images/bodyBarkerBarkers.png);}

.bodyBarkerSingle{	
	width: 337px;
	height: 197px;
	background-position: 0 -253px;}
	
.bodyBarkerSingle p{
	padding: 10px 15px 0 25px;}
		
.bodyBarkerDoubleVert{
	width: 337px;
	height: 410px;
	background-position: -337px -253px;}
	
.bodyBarkerDoubleHoriz{
	width: 679px;
	height: 253px;
	background-position: 0 0;}
	
#bodyBarkerContent h1{
	font-size: 18px;
	font-weight: normal;
	color: #225D8F;
	margin: 20px 0 0 23px;}
	
	#bodyBarkerContent h4{
	font-size: 18px;
	line-height: 29px;
	font-weight: normal;
	color: #FFFFFF;	
	margin: 12px 0 0 21px;
	padding: 0 0 0 6px;}
	
	#bodyBarkerContent h4.blue{
	background: url(../images/repeatX.png) repeat-x 0 -253px;}
	
	#bodyBarkerContent h5{
	font-size: 18px;
	line-height: 29px;
	font-weight: normal;
	color: #FFFFFF;	
	margin: 12px 0 0 21px;
	padding: 0 0 0 6px;}
	
	#bodyBarkerContent h5.green{
	background: url(../images/repeatX.png) repeat-x 0 -224px;}


#bodyBarkerContent h2{
	font-size: 18px;
	line-height: 29px;
	font-weight: normal;
	color: #FFFFFF;	
	margin: 12px 0 0 21px;
	padding: 0 0 0 6px;}
	
	#bodyBarkerContent h6{
	font-size: 14px;
	line-height: 29px;
	font-weight: normal;
	color:#666666;
	margin: 6px 0 0 21px;
	padding: 0 0 0 6px;}
	
#bodyBarkerContent h2.orange{
	background: url(../images/repeatX.png) repeat-x 0 -282px;}
	
#bodyBarkerContent h2.green{
	background: url(../images/repeatX.png) repeat-x 0 -224px;}

#bodyBarkerContent h2.blue{
	background: url(../images/repeatX.png) repeat-x 0 -253px;}

/*news articles*/
#previousAndNextButtons{
	position: absolute;
	top: 374px;
	left: 15px;
	width: 316px;
	height: 28px;
	background: url(../images/repeatX.png) repeat-x 0 -180px;
}

#newsPrevious{	
	float: left;
	margin-left: 10px;
	text-indent: 14px;
	background: url(../images/leftAndRightChevrons.png) no-repeat 0 11px;}
	
#newsPrevious:hover{
	background: url(../images/leftAndRightChevrons.png) no-repeat 0 11px;}

#newsNext{	
	float: right;
	margin-right: 10px;
	width: 50px;
	background: url(../images/leftAndRightChevrons.png) no-repeat -355px 11px;}
	
#newsNext:hover{
	background: url(../images/leftAndRightChevrons.png) no-repeat -355px 11px;}

#newsBarker .newsPrevNext{
	display: block;
	font-size: 12px;
	line-height: 28px;
	color: #FFFFFF;
	cursor: pointer;}

#newsBarker .newsPrevNext:hover{
	color: #fff;}

#newsBarker div.newsArticle{
	position: absolute;
	top: 50px;
	left: 23px;
	width: 295px;
	height: 283px;
	display: none;
}
	
#newsBarker h1.newsHeadline{
	margin: 5px 0 0 0;}
	
#newsBarker .articleImage{
	width: 155px;
	height: 115px;
	margin: 0 7px 0 0;
	border: solid 3px #cbbfb4;}	
	
#newsBarker p.newsText{
	 margin-top: 8px;}
	 
#newsBarker a, #newsBarker a:link, #newsBarker a:visited, #newsBarker a:hover{
	color: #ff6309;
	text-decoration:none;}
	
#newsBarker a:hover{
	color: #1C6198;}

/*end of news articles*/

/*Program news and alerts*/
#pna a, #pna a:link, #pna a:visited, #pna a:hover{
	color: #1C6198;
	text-decoration: none;
	line-height: 18px;}
	
#pna a:hover{
	color: #ff6309;}



/*end of program news and alerts*/



/*blog barker*/

#blogBarker .blogDiv{
	position: relative;
	float: left;
	margin: 20px 0 0 25px;
	width: 310px;
	height: 150px;}
	
#blogBarker .photoCaption{
	color: #225d8f;
	position: absolute;
	width: 102px;
	height: 45px;
	text-align: right;
	top: 100px;
	left: 0;}
	
#blogBarker .photoCaption em{
	color: #225d8f;}
	
#blogBarker .blogPhoto{
	 margin-right: 20px;
	 float: left;
	 width: 102px;
	 height: 93px;}

#blogBarker .blogTitle{
	font-size: 16px;
	margin: 0 0 8px 0;
	color: #ff6309;}
	
#blogBarker .blogText{
	color: #225d8f;
	display: block;
	height: 120px;
	overflow: hidden;}
	
#blogBarker .blogText a, #blogBarker .blogText a:link, #blogBarker .blogText a:visited, #blogBarker .blogText a:hover{
	text-decoration: none;
	color: #ff6309;}
	
#blogBarker .blogText a:hover{
	color: #225d8f;}
	
#blogBarker .rssIcon{
	position: absolute;
	width: 24px;
	height:24px;
	bottom: 15px;
	right: 5px;}

#blogBarker .blogShadow{
	float: left;
	margin-top: 0;
	width: 20px;
	height: 150px;
	background: url(../images/blogSection/blogShadow10x149.png) no-repeat 0 0;}

/*end of blog barker*/
		
		
#bodyBarkerBottom{
	height: 14px;
	background: url(../images/barkerTopsAndBottoms.png) no-repeat 0 -41px;
	/*border: solid 1px black;*/}
/*end of bodyBarker*/

/*sideBarkers*/
#sideBarkerDiv{
	float: right;
	position: relative;
	width: 286px;/*container width - shadowFrame width*/}

.sideBarker{
	position: relative;
	width: 286px; 
	height: 238px;
	background: url(../images/sideBarkerShadow286x238.png) no-repeat 0 0;
	/*border: solid 1px black;*/}
	
.sideBarker img{
	border: none;
	margin: 5px 0 0 12px;/*designed for 269x229 images w/o shadows - background independent*/}

/*end of sideBarkers*/

/*footer*/
#footerDiv{
	float: left;
	position: relative;	/*kicks in z-index*/
	width: 713px;
	height: 43px;
	top: -14px;
	padding-bottom: 10px;
	z-index: 1;	/*so it sits under the bodyBarker*/}

#footerLeft{
	float: left;
	width: 16px;
	height: 43px;
	background: url(../images/footerLeftAndRight.png) no-repeat 0 0;}

#footerRight{
	float: left;
	width: 16px;
	height: 43px;
	background: url(../images/footerLeftAndRight.png) no-repeat -16px 0;}

#footerContent{
	float: left;	
	width: 681px;	/*713 - (16 + 16)*/
	height: 43px;
	position: relative;
	background: url(../images/repeatX.png) repeat-x 0 -121px;}
	
#footerContent ul{
	position: absolute;
	top: 18px;
	list-style: none;
	left: 10px;
}
	
#footerContent li{
	display: inline;
	border-left: solid 1px #FFFFFF;
	padding: 0 8px 0 11px;}
	
#footerContent li.first{
	border-left: none;
	padding-left: 5px;}
	
#footerContent li a, #footerContent li a:link, #footerContent li a:visited{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;}
	
#footerContent li a:hover, #footerContent li a.selected:hover
{
	color: #9ECEEB;}

#footerContent li a.selected
{
	color: #FF9929;}

#footerContent #shareButton{
	position: absolute;
	top: 18px;
	right: 4px;
	width: 120px;
	height: 16px;
}
	
#footerContent #copyright{
	position: absolute;
	top: 18px;
	right: -4px;
	width: 230px;
	height: 31px;
	font-size: 12px;
	color: #FFFFFF;
	/*border: solid 1px black;*/}
/*end of footer*/

/*end of wrapper*/


/*non-home pages - see how much CSS this generates and make a judgement call on wether to split out the home page into it's own.*/

#shellTop{
	position: relative; /*enables z-index in relation to navBar*/
	z-index: 4;	/*sits on top of navBarUL*/
	height: 11px;
	background: url(../images/nonHomeShells.png) no-repeat 0 0;}

#shellBody{
	overflow: auto;
	position: relative;	
	background: url(../images/repeatY.png) repeat-y -1712px 0;
	z-index: 2;	/*sits on top of footer*/}

#shellBottom{
	position: relative;
	height: 11px;	
	background: url(../images/nonHomeShells.png) no-repeat 0 -11px;
	z-index: 2; /*sits on top of footer*/}
	
#shellBody #headerImage{
	clear: both;
	padding:3px 0 10px 15px;}
	
#shellNavigationContainer{
	position: relative;
	float: left;
	width: 251px;
	margin-left: 12px;
	margin-right: 8px;}
	
#leftShadow{
	float: left;
	width: 10px;
	height: 600px;	/*make it long enough to pass navBottom*/
	background: url(../images/nonHomeShellShadows.png) no-repeat -10px 0;}

#navTop{
	float: left;
	width: 241px;
	height: 24px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -65px;}

#navContent{
	float: left;
	width: 241px;
	min-height: 236px;	/*leftShadow height*/
	background: url(../images/repeatY.png) repeat-y -2621px 0;}
	
#navContent ul{
	list-style: none;
	/*border: solid 1px black;*/}

#navContent li{	
	line-height: 29px;
	background: url(../images/libackground.jpg) no-repeat 0 0;}
	
#navContent li.first{background: none;}	
	
#navContent li a.subNav{
	color: #0C5E5A;
	padding-left: 10px;}
	
#navContent li.selected{
	background:url(../images/shellNavLiSelected.png) no-repeat 0 0;}
	
	#navContent li.selected1{
	background:url(../images/shellNavLiSelected1.png) no-repeat 0 0;}
	
	#navContent li.selected2{
	background:url(../images/shellNavLiSelected2.png) no-repeat 0 0;}

#navContent li a, #navContent li a:link, #navContent li a:visited, #navContent li a:hover{
	color: #707070;
	font-size: 12px;
	text-decoration: none;
	margin-left: 0px;
	padding-left:12px;
	display:block;}	
	
#navContent li a:hover{
	color: #a3620a;}
	
#navContent li.selected a{
	color: #FFFFFF;}

#navBottom{float: left;
	width: 241px;
	height: 21px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -89px;}

#shellContentContainer, #shellContentContainer-noNav{
	float: left;
	width: 623px;}
	
#shellContentContainer-noNav{
	margin-left: 12px;
	width: 882px;}

#shellContentLeftShadow{
	float: left;
	width: 10px;
	height: auto;	/*drives the min-height for the entire page*/
	background: url(../images/nonHomeShellShadows.png) no-repeat 0 0;}
	
#shellContentTop{
	float: right;
	width: 613px;
	height: 22px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -22px;}
	
#shellContentContainer-noNav #shellContentTop{
	float: right;
	width: 872px;
	height: 22px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -110px;}
	
#shellContent{
	float: right;
	width: 613px;
	min-height: 451px;	/*leftShadow height*/
	background: url(../images/repeatY.png) repeat-y -2862px 0;}
	
#shellContentContainer-noNav #shellContent{
	float: right;
	width: 872px;
	min-height: 451px;	/*leftShadow height*/
	background: url(../images/repeatY.png) repeat-y -3475px 0;}

#shellContent h1{
	color: #a3620a;
	font-size: 30px;
	font-weight: normal;
	margin-left: 20px;
	padding-bottom: 16px;}
	
	

#shellContent h2{    
	color: #464646;
	margin-left: 20px;
	margin-bottom:10px;
	font-size: 15px;}

#shellContent p{
	color: black;
	padding: 0 20px 10px 20px;}

#shellContent p strong{
    color:#464646;}
    
 #shellContent p em, #shellContent p em u{
    color:#000000;}

#shellContent a, #shellContent a:link, #shellContent a:visited, #shellContent a:hover, #shellContent a em{
	color: #000000;
	text-decoration: none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;}
	

#shellContent a:hover{
	text-decoration: underline;
	color: #e56f08;}
	
#shellContent ul{
	list-style: none;	margin: 0 30px 10px 30px;}
	
#shellContent li{
	background: url(../images/bullet.gif) no-repeat 0 2px;
	color:#000000;
	padding: 0 0 8px 20px;}

#shellContent li em{
    color:#000000;}
    
#shellContentBottom{
	float: right;
	width: 613px;
	height: 21px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -44px;}
	
#shellContentContainer-noNav #shellContentBottom{
	float: right;
	width: 872px;
	height: 21px;
	background: url(../images/nonHomeShells.png) no-repeat 0 -132px;}
	
	.reg{
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
	color:#facca5;
	text-decoration:none;
	padding-right:55px;
	}






#formTop, #formMiddle, #formBottom
{
	margin: 0;
	padding: 0;
	margin-left: 20px;
	width: 675px;
	text-align: left;
	font-size: 11px;
	color: #225B8C;
	background-color: #D4ECF8;
}

#formTop, #formBottom
{
	height: 17px;
}

#formTop
{
	/*border: solid 1px blue;*/
	margin-top: 7px;
	background: url(../images/formTop719x17.gif) no-repeat left top;
}

#formMiddle
{
	/*border: solid 1px green;*/
	background: url(../images/formMiddle719x1.gif) repeat-y left top;
}

#formMiddle p
{
	padding: 10px 20px 0 20px;
	color:#252525;
}

#formMiddle p strong
{
	color:#0076c0;
	font-weight:bold;
}

#formMiddle a 
{
	color:#1e86ce;
	text-decoration:none;
	font-weight:bold; 
}

#formMiddle a:hover
{
	color:#FF6600;
	text-decoration:underline; 
}

#formMiddle h2
{
	color:#072a5e;
	font-weight:bold;
	margin:0 0 5px 19px;
	padding-top:15px;
	font-size:11px;
}

#formMiddle h3
{
	color:#072a5e;
	font-weight:bold;
	margin:0 0 5px 19px;
	padding:15px 0 3px 0;
	border-bottom:solid 1px #99ccff;
	width:400px;
}

#formMiddle h3 a
{
	color:#072a5e;
	text-decoration:none;
	font-weight:bold;
}

#formMiddle h3 a:hover
{
	color:#FF6600;
	text-decoration:none;
	font-weight:bold;
}


#formBottom
{
	/*border: solid 1px red;*/
	background: url(../images/formBottom719x17.gif) no-repeat left top;
}













.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left:0px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}




#content_seperator {
	/* the line down the middle of the content */
	background:url(../images/main_dot.png) repeat-y 300px 0px transparent;/* change the 300px to change where line appears */
	padding-left:22px;

}
#content_seperator_none { /*used on pages where you dont want to divide it into columns*/
	padding:10px;
	min-height:307px;

}
#left_column {
	float:left;
	width:250px;
	padding:10px 20px 20px 20px;
}
#left_column p {
	margin:0px;
	padding:0px;
}
#right_column {
	float:right;
	width:450px;
	padding:10px 20px 20px 20px;
	overflow-y:auto; /*delete this if you want your design to grow and not scroll*/
	overflow-x:hidden; /*delete this if you want your design to grow and not scroll*/
	height:auto; /*delete this if you want your design to grow and not scroll*/
}
hr.clear {
	margin-top:10px;
	margin:0px;
	clear:both;
	visibility:hidden;
}


.left_details {
	float:left;
	width:300px;
}
.left_details p {
	margin:15px 0 !important;
}
.contact_title {
	font-weight:bold;
	float:left;
	width:90px;
}
.contact_detail {
	float:left;
	width:190px;
	clear:right;
}
.forms {
	background-color:#FFFFFF !important; /*the important gets rid of the yellow google toolbar field style*/
	border:1px solid #c8cdd2 !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
	margin:3px 0px;
	padding:4px;
	width:240px;
}
#contact {
	border:0;
}
#contact label {
	float:left;
	width:80px;
	margin-right:15px;
	clear:left;
	font-weight:bold;
	text-align:right;
	height:32px;
}
#contact .submit_button {
	clear:right;
	margin-left:95px;
	margin-top:5px;
	text-transform:uppercase;
	background:#EFEFEF url("../images/buttons_tile.jpg") repeat;
	border:1px solid #e5e5e5;
	font-family:'Droid Sans', arial, serif;
	font-size:11px;
	font-weight:bold;
	width:90px;
	height:22px;
}
#map {
	width:100%;
	height:48px;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	margin-bottom:10px;
	padding-top:5px;
}
#map .text {
	width:198px;
	float:left;
	font-size:12px;
	color:#666666;
	font-family:'Droid Sans', arial, serif;
}
#map .icon {
	width:32px;
	height:32px;
	float:right;
	margin-top:5px;
}
#map a, #map a:link, #map a:visited {
	text-decoration:none !important;
}