/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #660265;
	 text-align:center;
}

#container{ position:relative;
width:760px;
margin-left:auto;
margin-right:auto;
text-align:left;

background-color: #FFFFFF;}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

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

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Verdana,Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
.purple {color: #660265;}

#seperator{
	background-image: url(../../images/suff_seperator_dotted.gif);
	background-repeat: repeat-x;
	height: 3px;
	width: 350px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0px 0px 0px 0px;
	width: 100%;
	
}
#contentContainer{
	background-color: #C0B0B9;
	position:relative;
	width:760px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;}
#navBar{
	float: left;
	width: 188px;
	margin: 0px;
	padding: 0px;
	background-color: #C0B0B9;
}

#headlines{

  float:right;
	width: 173px;
	margin-right: 10px;
	font-size: 12px;
	background-color: #EBE7EB;
	
}
#headlines ul a:link, #headlines ul a:visited {display: block;}
#headlines ul {list-style: none; margin: 0; padding: 0;}
#headlines h3{
  background-image: url(../../images/suff_form_header_corner.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #89A9E6;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
	}
	#headlines h4{
	background-color: #C0C0C0;
	color: #FFFFFF;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	}
	
	#headlines a{
		background-image: url(../../images/suff_newslist_bak.jpg);
		background-position: top;
		background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
		color: #000000;
		padding: 5px;
	}
	#headlines a:hover{
		text-decoration: none;
		background-image: url(../../images/suff_newslist_bak_rollover.jpg);
		background-position: top;
		background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
	}

	#headlines .moreNews a {
	position: relative;
	top: -2px;
		background-image: none;
		background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
		color: #000000;
		padding: 5px;
		font-size: 10px;
		text-decoration: underline;
	}
	#headlines .moreNews a:hover {
		text-decoration: underline;
		background-image: none;
		background-repeat: no-repeat;
		margin: 0px 0px 0px 0px;
	}
#content{
	float: left;
  width: 572px;
  background-color: #FFFFFF;
}
#mainHeader {
	background-image: url(../../images/suff_header_bak.jpg);
	background-repeat: no-repeat;
	width: 760px;
	height: 177px;
	
}
	#mainHeader .bannerLeft {float: right; padding: 1px 0px 0 0;}
	#mainHeader .bannerRight {float: right; padding: 1px 1px 0 0;}
#mainHeader h1{display: none;}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}

#siteTools {color: #FFFFFF; font-size: 10px; padding: 10px;background-color: #660265;
}
#siteTools a {color: #FFFFFF;}
/************* #globalNav styles **************/

#globalNav{
width: 760px;
margin-top: -30px;
background-color: #446AAE;
padding: 2px 0 2px 0px;
}
	*html #globalNav{padding: 0px; height: 21px;}
#globalNav a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../../images/suff_nav_main.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 22px;
	padding: 6px 18px 5px 18px;
}
#globalNav a:hover {
	
	background-image: url(../../images/suff_nav_main_rollover.jpg) !important;
	
}
#globalNav a.selected {
	
	background-image: url(../../images/suff_nav_main_rollover.jpg) !important;
	
}
#globalNav a.last {
	
	background-image: url(../../images/suff_nav_main_last.jpg) !important;
	padding-right: 28px !important;
	
}
#globalNav a.lastselected {
	
	background-image: url(../../images/suff_nav_main_last_rollover.jpg) !important;
	padding-right: 28px !important;
	
}
#globalNav a.last:hover {
	
	background-image: url(../../images/suff_nav_main_last_rollover.jpg) !important;
	
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#pageName h2{color: #680368; font-size: 22px; font-weight: bold; padding: 5px 0 0 5px;}
#pageName h3{color: #4E77BE; font-size: 14px; font-weight: bold; padding: 5px;}

	*html #pageName h3 {margin-top: -13px;}
/************* #breadCrumb styles *************/

#breadCrumb{
background-color: #6388CD;
	font-size: 10px;
	padding: 8px 10px 8px 10px;
}


/************** .feature styles ***************/
#subContent{
	padding: 0px 10px 10px 15px;
	font-size: 12px;
	
}
#subContent .introText{font-weight: bold;}
#subContent .insert{
	float: left;
	margin: 0px 15px 5px 5px;
	padding-right: 10px;
	width: 240px;
	font-size: 16px;
	font-weight: bold;
	color:#4F76BB;
	background-image: url(../../images/suff_seperator_dotted_vert.gif);
	background-repeat: repeat-y;
	background-position: right;
	text-align: right;
}
	
	#subContent .insert li{
		list-style: none;
		background-image: url(../../images/suff_bullet_related.gif);
		background-repeat: no-repeat;
		background-position: left;
		line-height: 15px;
		margin: 0 0 0 -35px;
		padding: 0 0 0 18px;
		
	}
	*>html #subContent .insert li {
	margin: 0 0 0 -20px !important;
	}
	#subContent .insert a{color: #4C4C4C; text-decoration:underline;}



#insertLeft{
	float: left;
	margin: 0px 15px 5px 5px;
	width: 240px;
	font-size: 16px;
	font-weight: bold;
	color:#4F76BB;
	background-image: url(../../images/suff_seperator_dotted_vert.gif);
	background-repeat: repeat-y;
	background-position: right;
	text-align: right;
}
#insert{
	min-height: 100px;
	float: right;
	margin: 0px 10px 5px 10px;
	width: 170px;
	font-size: 0.9em;
}
/*  IE5 on a mac*/
/**>html #insert {
	display:none;
}*/
#insertHeader{
	background-image: url(../../images/insert_header_bak.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 170px;
	height: 19px;
	color: #FFFFFF;
	line-height: 18px;
	font-weight: bold;
	font-size: 1em;
}
	#insertHeader .headerText{
		padding: 0 0 0 5px;
	}

#insertMain{
	background-image: url(../../images/insert_bak.gif);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	#insertMain .insertTxt{
		padding: 0 5px 0 5px;
		display: block;
	}
	#insertMain .insertImage{
		padding: 0 5px 0 5px;
		display: block;
	}
	#insertMain ul{
	}
	#insertMain li{
		list-style: none;
		background-image: url(../../images/suff_bullet_related.gif);
		background-repeat: no-repeat;
		background-position: left;
		line-height: 15px;
		margin: 0 0 0 -35px;
		padding: 0 0 0 18px;
		
	}
	*>html #insertMain li {
	margin: 0 0 0 -20px !important;
	}
	#insertMain a{color: #4C4C4C; text-decoration:underline;}

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 12px;
	width: 350px;
	
}

.feature p {padding-left: 5px; padding-top: 0px; margin: 0px 0 10px 0;}
.feature h3{
	padding: 5px 0px 5px 5px;
	background-color: #89A9E6;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px;
}
	.feature .links ul {list-style: none; margin: 0; padding: 0;}
	.feature .links li a{	
		display: block;
		padding: 0px 0px 0px 0px;
		background-image: url(../../images/suff_fade_content_bak.gif);
		background-repeat: no-repeat;
		background-position:top;
		color: #383737;
		font-weight: bold;
		font-size: 13px;
		height: 72px;
		min-height: 72px;
		margin-bottom: 10px;
		}
		.feature .links li a .image{	
		float: left;
		padding: 0 10px 0 0;
		}
		.feature .links li a:hover{text-decoration: none;}
		.feature .links li a h4{color: #4B8BD3; font-size: 18px; margin-bottom: -10px !important;}

	

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 11px;
	color: #cccccc;
	padding: 0px 0px 0px 0px;
	background-image: url(../../images/suff_footer_bak.gif);
	background-repeat: no-repeat;
	width: 760px;
	height: 39px;
	text-align: right;
}
#siteInfo .infoText{
	position: relative;
	top: 30px;
}
#siteInfo .infoText a{color: #B7ACB8;}



/************* #search styles ***************/

#search{
	position: relative;
	left: 550px;
	top: -20px;
	padding: 0px 0px 10px 10px;
	font-size: 10px;
	width: 200px;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search form input.text{
 border: 1px solid #FDFCFD;
 font-size: 10px;
 color: #ABABAB;
 padding-left: 5px;
}

#search form input.image{
position: relative;
top: 6px;
}
/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #C0B0B9;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	
}

#sectionLinks h3{
font-weight: normal;
	padding: 5px 0px 5px 10px;
	background-color: #9D8290;
	color: #FEFEFE;
}

#sectionLinks li a {
	display: block;
	padding: 5px 0px 2px 30px;
	background-image: url(../../images/suff_leftnav_bak.jpg);
	background-repeat: no-repeat;
	color: #000000;
}

#sectionLinks li a:hover{
	background-image: url(../../images/suff_leftnav_bak_hover.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}

#sectionLinks li.child a{
		list-style: none;
		background-image: url(../../images/suff_bullet_nav_lvl2.gif) !important;
		background-repeat: no-repeat;
		background-position: 30px 3px;
		line-height: 15px;
		padding: 0 0 0 40px;
		}
	#sectionLinks li.child a:hover{
		text-decoration: none;
		color: #FFFFFF;
		}
		
		#sectionLinks li.site a{
		list-style: none;
		background-image: url(../../images/suff_bullet_nav_lvl2.gif) !important;
		background-repeat: no-repeat;
		background-position: 50px 3px;
		line-height: 15px;
		padding: 0 0 0 60px;
		}
	#sectionLinks li.site a:hover{
		text-decoration: none;
		color: #FFFFFF;
		}
		
/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px 0 0 0;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
}
.relatedLinks p {
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	color: black;
}

.relatedLinks h3{
	font-weight: normal;
	padding: 5px 0px 5px 10px;
	background-color: #9D8290;
	color: #FEFEFE;
}

.relatedLinks a{
	display: block;
	margin-top: 7px;
	padding: 0px 0px 10px 30px;
	background-image: url(../../images/suff_leftnav_bak.jpg);
	background-repeat: no-repeat;
	background-position: 0px -4px;
	color: #000000;
}
.relatedLinks a:visited {
color: #000000;
}
#map a{padding: 0 0 0 10px; background-image: none !important;}




/*********** #connectWithUs styles ***********/

#connectWithUs { position: relative; margin: 0px 0 0 0; padding: 0px 0px 10px 0px; font-size: 12px; }
#connectWithUs h3 { font-weight: normal; padding: 5px 0px 5px 10px; background-color: #9D8290; color: #FEFEFE; }
#connectWithUs ul { margin-top: 16px; }
#connectWithUs a { display: block; margin-top: 7px; padding: 0px 0px 3px 38px; background-image: url(../../images/suff_leftnav_bak.jpg); background-repeat: no-repeat; background-position: 0px -4px; color: #000000; line-height: 20px; }
#connectWithUs .facebook a {background: url('../../images/facebook.png') no-repeat 12px 1px;}
#connectWithUs .twitter a {background: url('../../images/twitter.png') no-repeat 12px 1px;}
#connectWithUs a:visited { color: #000000; }



/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}

/*********** form styles *****************/
#form{
padding: 0px 10px 0px 10px;
	font-size: 12px;
	line-height: 18px;
	width: 540px;

}
	
#formHeader{
background-image: url(../../images/suff_form_header_corner.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #87A8E5;
	height: 24px;
	border-left: 1px solid #87A8E5;
	color: #FFFFFF;
	padding: 0px 0 0 10px;
	line-height: 23px;
	font-weight:bold;
	}
	
	#form .row {
	clear: both;
	border-bottom: 1px solid #FFFFFF;
	padding: 10px 0 10px 0;
	/*background-color: #FBFAFB;*/
	background-image: url(../../images/suff_fade_content_bak.gif);
	background-repeat: no-repeat;
	background-position:top;
}
		
#form .row .label {
	float: left;
	width: 200px;
	text-align: right;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 2px;
	color: #000000;
}
#form .row .labelChk {
	text-align: left;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 2px;
	color: #000000;
}
#form .row .formElement {
}
#form .row .required{
 text-align: right; 
 color: #5C6469; 
 vertical-align: top;
 position: absolute;
 right: 40px
}
#formFooter {
	text-align: left;
	padding-top: 7px;
	padding-right: 5px;
	border-top: 1px solid #87A8E5;
}

#form input {background-color: #E3E8F5; width: 300px;}
#form input.check {background-color: #F5F2F3 !important; width: 20px !important;}
#form input.submit {width: 87px !important;}
#form textarea {background-color: #E3E8F5;  width: 300px;}
#form select {background-color: #E3E8F5;  width: 300px;}
#form .error{
			color: #000000 !important;
			background-color: #DFE4F3 !important;
			font-weight: bold;
}
#membersBar{
	background-color: #F0F0F0; 
	padding: 5px 0px 5px 10px;
	font-size: 12px;
	color: #858585;
	}
	#membersBar a{
	color: #858585;
	font-weight: bold;
	}

.toolTip{
	border-bottom: 1px dotted black;
	cursor: help;
}
.inlineRight {
	float: right;
	margin: 1em 0 1em 1em;
}

.inlineLeft {
	float: left;
	margin: 1em 1em 1em 0;
}