body {
	margin: 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4B575A;
	line-height: 155%;
	background-color:#4B575A;
}


/* 
STRUCTURE -------------------------------------------------------------------------------------------
*/



/* 
LINKS & HOVER EFFECTS -------------------------------------------------------------------------------------------
*/

a, a:link, a:visited {color:#4B575A; text-decoration: underline;}

a:hover {
	color:#4B575A;
	text-decoration: none;
}

a.lnkAccent01, a.lnkAccent01:link, a.lnkAccent01:visited {color:#407EC1; text-decoration: underline;}
a.lnkAccent01:hover {color:#407EC1; text-decoration: none;}

#wayfinderTextSizer a, #wayfinderTextSizer a:link, #wayfinderTextSizer a:visited {font-size:10px; color:#FFFFFF; text-decoration:none;}
#wayfinderTextSizer a:hover {color: #FFFFFF; text-decoration:underline;}

#horizNavWrapper a, #horizNavWrapper a:link, #horizNavWrapper a:visited {font-family:Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; font-size:9px; letter-spacing:1px; color:#BAC0C1; text-decoration:none;}
#horizNavWrapper a:hover {color:#DCE0E0; text-decoration:none;}

#navWrapper a, #navWrapper a:link, #navWrapper a:visited {font-size:12px; line-height:110%; text-transform:uppercase; color:#FFFFFF; letter-spacing:.03em; display:block; background:url(../../images/bkgNavItemMain.gif) #9D95A5; padding:15px 15px 15px 27px; text-decoration:none;}
#navWrapper a:hover {color: #FFFFFF; background:url(../../images/bkgNavItemMaino.gif) #877F8F; text-decoration:none;}


a.lnkSubNavWrapper, a.lnkSubNavWrapper:link, a.lnkSubNavWrapper:visited {font-size:11px; line-height:110%; color:#4C6B39; letter-spacing:.05em; font-weight:bold; display:block; padding:15px 15px 15px 27px; text-decoration:none;}
a.lnkSubNavWrapper:hover {color: #FFFFFF; text-decoration:none;}


.wantToDo a, .wantToDo a:link, .wantToDo a:visited {font-size:14px; line-height:107%; color:#89999D; display:block; padding-bottom:10px; text-decoration:none;}
.wantToDo a:hover {color: #5D6C70; text-decoration:none;}


#footer a, #footer a:link, #footer a:visited {color:#8A9294; text-decoration:none;}
#footer a:hover {color: #8A9294; text-decoration:underline;}

#directorPod a, #directorPod a:link, #directorPod a:visited {color:#9B8DA8; text-decoration:underline;}
#directorPod a:hover {color: #9B8DA8; text-decoration:none;}

.nestedRtPodContent a, .nestedRtPodContent a:link, .nestedRtPodContent a:visited {color:#407EC1; text-decoration:underline;}
.nestedRtPodContent a:hover {color: #407EC1; text-decoration:none;}

.nestedRtPod {
	float:right;
	width:187px;
	background:url(../../images/bkgSidePod.gif) repeat-y;
	margin:0px 0px 20px 30px;
}

.nestedRtPodContent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:160%;
	padding:20px 21px 4px 20px;
	color:#407EC1;
}

.nestedRtPodContent p {
	line-height:110%;
	padding-top:10px;
}




/* 
FORMS -------------------------------------------------------------------------------------------
*/

input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.searchField {
	margin: -2px 6px 0px 25px;  
	height: 15px;
	background-color:#FFFFFF;
	float:left;
}



/* 
LISTS -------------------------------------------------------------------------------------------
*/

.hmDoublePodContent ul{
    margin: 0px 10px 0px 0px;
    padding: 0px;
	list-style-type: none;
	line-height:150%;
}
.hmDoublePodContent li{
    background: url(../../images/imgBulletArrowBoxGry.gif) no-repeat 2px 4px;
    padding: 3px 0px 13px 30px;
    margin: 0;
}



/* 
LAYOUT -------------------------------------------------------------------------------------------
*/


/* ----- SITE TEMPLATE STYLES ----- */
#wrapper {
	width: 955px;
	background: url(../../images/bkgMain.gif) repeat-y 0px 0px #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0px;
	padding: 0px;
	display:table; /* this is extremely important; it tells this div to ENCLOSE ALL OF ITS CONTENT (as tables do), not just the non-floated nested divs; this means that the background will extend vertically to include all nested div's content, whether they're floated or not! */
	position:relative; /*Not fully essential; mostly using this to help Dreamweaver display properly so that it's easier to do content styling*/
}

#bkgTop {
	background: url(../../images/bkgMainTop.gif) no-repeat;
}


#wayfinderTextSizer {
	padding:12px 39px 0px 0px;
	font-size:10px;
	color:#FFFFFF;
}

#horizNavWrapper {
	text-align:right;
	background-image:url(../../images/bkgHorizNav.gif);
	background-repeat:no-repeat;
	padding:4px 20px 0px 32px;
	height:17px;
}

#leftColumn {
	width:215px;
	margin:0px;
	padding:0px;
	text-align:left;
	/*background:url(../../images/bkgMain.gif) repeat-y; implementing same background as 'main wrapper' b/c it wasn't extending based on this floated column's content*/
	float:left;
	clear:left;
	position:relative;
}

#mainColumn {
	margin:0px 0px 0px 248px; /*-- this is the proper width (in all browsers except IE6)*/
	_margin:0px 0px 0px 245px;  /*-- this is the IE6 width required to accomodate their 3px left margin error; the underscore before the property feeds it to IE6 ONLY; the uncerscored property must immediately follow the non-underscored property*/
	padding:0px;
	text-align:left;
	clear:none;
	position:relative;
}

#navWrapper {
	padding:0px 0px 0px 23px;
}


#search {
	width:192px;
	height:58px;
	background-image:url(../../images/bkgSearch.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding-left:23px;
}

.lftColLogosWrapper {
	padding-left:23px;
}


#directorPod {
	padding:0px 15px 18px 24px;
	color:#9B8DA8;
	line-height:135%;
}

#directorPod .name {
	color:#9B8DA8;
	font-size:14px;
}

#directorPod .label {
	color:#A2A7A8;
	font-weight:bold;
}

.sidePromo {
	margin:9px 0px 0px 31px;
	border:1px solid #C9CCCD;
}

#footer {
	width:955px;
	font-size:10px;
	color:#8A9294;
	text-align:left;
	padding:0px 0px 25px 0px;
}


/* ----- HOMEPAGE STYLES ----- */

#homeContent {
	width:707px;
	text-align:left;
	margin-top:3px;
}

.hmIntroText {
	font-size:12px;
	line-height:180%;
	padding:44px 300px 0px 0px;
	background:url(../../images/bkgIntro.jpg) right top no-repeat;
}

.hmRtPad {
	padding-right:38px;
}

.hmDoublePodContent {
	padding:30px 25px 10px 30px;
	text-align:left;
}

.hmDoublePodHdln {
	font-size:12px;
	font-weight:bold;
	line-height:110%;
	color:#9B8DA8;
	display:block;
	padding-bottom:15px;
}





/* ----- INTERIOR PG STYLES ----- */

#intContent {
	width:665px;
	text-align:left;
	margin-top:30px;
}

.dottedDivider {
	border-top:1px dotted #979A9F;
	margin-top:38px;
	padding-bottom:38px;
}





/* ----- CONTENT STYLES ----- */

.accent01 {
	color:#407EC1;
}

.text11 {
	font-size:11px;
}

.small {
	font-size:10px;
	line-height:110%;
}

.pageTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#407EC1;
	line-height:105%;
	border-bottom:1px solid #C7C7C7;
	padding-bottom:4px;
	margin-bottom:30px;
}

.header {
	font-size:16px;
	color:#9B8DA8;
	line-height:105%;
}

.subHeader {
	font-size:12px;
	color:#407EC1;
	font-weight:bold;
	font-style:italic;
	line-height:105%;
}

.tertHeader {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:105%;
	color:#407EC1;
}
.tableLayout {
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;

}
.tableLayout td {
	padding:8px;
	border-bottom:1px solid #CCCCCC;
}