/***********************************************/
/* 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;
	display: none;
}

#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;
	display: none;
	
}
/***********************************************/
/* Components                                  */
/***********************************************/

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

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

#globalNav{
width: 760px;
margin-top: -30px;
background-color: #446AAE;
padding: 2px 0 2px 0px;
display: none;
}

/*************** #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;
	display: none;
}


/************** .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;
	display: none;
}
		
/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 30px 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;}


/*********** 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: 150px;
	text-align: left;
	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;
	display: none;
}

#form input {background-color: #E3E8F5;}
#form input.check {background-color: #FFFFFF !important;}
#form textarea {background-color: #E3E8F5;}
#form select {background-color: #E3E8F5;}
#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;
}

/*********** form styles *****************/
#galleryHeader{
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: 0 0 0 10px;
	line-height: 20px;
	font-weight:bold;
	display: none;
	}
	
	
	
	#galleryFooter{
	background-color: #87A8E5;
	height: 24px;
	border-left: 1px solid #87A8E5;
	color: #FFFFFF;
	padding: 0 0 0 10px;
	line-height: 20px;
	font-weight:bold;
	margin-bottom: 20px;
	display: none;
	}
	
	.galleryImageTitle{color: #446AAE; font-weight: bold;}
#gallery table { 
 border-spacing: 0;
	border-collapse: collapse; 
	border-right: 1px solid #E6E6E6;
    border-bottom: 1px dotted #E6E6E6;
	border-top: 1px dotted #E6E6E6;
	border-left: 1px solid #E6E6E6;
	}
#gallery td{   
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	}
	#gallery td.borderTop{   
	border-top: 1px dotted #E6E6E6;
	}
	
	#galleryImage{
	background-image: url(../../images/suff_gallery_main_mid.jpg);
	background-repeat: repeat-y;
	width: 546px;
	padding: 0px 0 0 6px;
	position: relative; left: -6px;}
	#galleryImageTop{
	background-image: url(../../images/suff_gallery_main_bak_top.jpg);
	background-repeat: no-repeat;
	width: 546px;
	height: 1px;
	min-height: 6px;
	padding: 0px 0 0 6px;
	position: relative; left: -6px;}
		
	*html #galleryImageTop{margin-bottom: -8px;}
	
	#galleryImageBottom{
	background-image: url(../../images/suff_gallery_main_bak_end.jpg);
	background-repeat: no-repeat;
	width: 546px;
	height: 14px;
	padding: 0px 0 0 6px;
	position: relative; left: -6px;}