/* CSS Document */

body {
	background-image:url(../images/bg4.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#132137;
	margin:0px;
	padding:0px;
}


#header {
	background-image:url(../images/headerImage.jpg);
	width:950px;
	height:351px;
	margin: 10px auto;
}
#interiorHeader {
	background-image:url(../images/interiorHeader.jpg);
	width:950px;
	height:203px;
	margin: 10px auto;
}
#nav {
	width:950px;
	height:41px;
	text-align:center;
	position:relative;
	margin: 0px auto;
	padding: 5px 0px 20px 0px;
	background: url(../images/navBg.gif) no-repeat;
}
#nav ul {
	list-style-type:none;
	margin-left: -30px;
	margin-top: 11px;
}
#nav ul li {
	font:14px Arial; color:#333333;
	display:inline;
	margin: 0px 5px 0px 5px;
	padding: 0px 9px 0px 0px;
	border-right: 1px solid #132137;
	font-weight:bold;
}
#nav ul li.last{
	border-right: none;
}
#nav ul li a {
	color:#132137;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
}
#nav ul li a:hover {
	color:#3d7bc7;
	text-decoration: underline;
}

/* Removed do not use - old static nav 
li.rightNavImage {
	background-image:url(../images/navBar.jpg);
	background-repeat:repeat-x;
	height:39px;
	overflow:hidden;
}
a.leftNavImage {
	background-image:url(../images/navMiddle.jpg);
	background-repeat:no-repeat;
	height:39px;
	width:24px;
}
.navFirst {
	background-image:url(../images/navFirst.jpg);
	width:5px;
	height:39px;
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
}
.navLast {
	background-image:url(../images/navLast.jpg);
	width:70px;
	height:39px;
	background-repeat:no-repeat;
	position:absolute;
	right: 0px;
}
*/
/* Hack for safari - should be ignored by FF because of CSS3 Pseudo Selector 
.navLast:first-of-type{
	right: 14px; 
}
*/

#contentContainer {
	width:950px;
	margin:0px auto;
	border-bottom:1px solid;
	border-color:#5597d8;
	padding:10px 0px 0px 0px;
}

#contentContainer.basic{
	color: #fff;
	border-bottom: none;
}
	#contentContainer a {
		color:#ffcc00;
		text-decoration:none;
	}
	#contentContainer a:hover {
		color:#ffcc00;
		text-decoration:underline;
	}
#leftColumn {
	width:160px;
	float:left;
	font:12px "Myriad Pro", arial;
	color:#FFFFFF;
	margin-top:-5px;
}
	
	#leftColumn ul {
		list-style-type:none;
		margin: 0px 0px 15px 0px;
		padding: 0px;
	}
	#leftColumn ul li {
		border-bottom:1px solid;
		border-color:#5597d8;
		padding:8px 0px 8px 3px;
		letter-spacing:.1em;
		font-weight:normal;
	}
	#leftColumn ul li a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#leftColumn ul li a:hover {
		color:#ffcc00;
		text-decoration:none;
	}
	
	/*Left Column Images*/
	#phoneIcon {
		background-image:url(../images/phoneIcon.jpg);
		background-repeat:no-repeat;
		margin:5px;
		height:24px;
		font:11px Arial; color:#ffcc00;
		font-weight:normal;
		padding-left:30px;
		padding-top:5px;
		clear: right;
	}
	#peopleIcon {
		background-image:url(../images/peopleIcon.jpg);
		background-repeat:no-repeat;
		margin:5px;
		height:24px;
		font:11px Arial; color:#ffcc00;
		font-weight:normal;
		padding-left:30px;
		padding-top:5px;
		clear: right;
	}
	#handIcon {
		background-image:url(../images/handIcon.jpg);
		background-repeat:no-repeat;
		margin:5px;
		height:24px;
		font:11px Arial; color:#ffcc00;
		font-weight:normal;
		padding-left:30px;
		padding-top:5px;
		clear: right;
	}
	
#mainContent {
	width:534px;
	float:left;
	font:14px Arial; color:#FFFFFF;
	padding:0px 10px 0px 25px;
	border-right: 1px solid #5597d8;
	min-height: 320px;
}
	
	
#rightColumn {
	width:185px;
	float:right;
	font:11px Arial; color:#FFFFFF;
	padding:0px 10px 0px 20px;
}

#footer {
	width:950px;
	font:11px "Myriad Pro", arial;
	color:#FFFFFF;
	padding:5px 0px 50px 0px;
	text-align:right;
	margin: 0px auto;
}
	#footer ul {
		list-style-type:none;
		float:left;
		margin-left:-42px;
	}
	#footer ul li {
		display:inline;
		padding:0px 3px 0px 2px;
		color:#3d7bc7;
		border-right:1px solid;
		border-color:#3d7bc7;
	}
	#footer ul li a {
		color:#3d7bc7;
		text-decoration:none;
	}
	#footer ul li a:hover {
		color:#fff;
		text-decoration:none;
	}
	#footer li.last {
		border:none;
	}

/*Text Styles*/
h1 {
	font:20px Arial; color:#3d7bc7;
	font-weight:normal;
	margin-top:0px;
}
h2 {
	font:14px "Myriad Pro", arial;
	color:#3d7bc7;
	margin-bottom:0px;
}
h3 {
	font:11px Arial;
	font-weight:bold;
	color:#ffcc00;
	margin-bottom:1px;
	margin-top:2px;
}

.style2 {
	font:11px "Myriad Pro", Arial;
	color:#3d7bc7;
	text-align:left;
	padding:0px 0px 0px 5px;
}
.style3 {
	font:20px Arial;
	color:#ffcc00;
	padding: 5px 0px 5px 300px;
}

/*
 * The following are form styles for use with the
 * SS User Defined Form Page Type.  Custom forms
 * will likely use different styles.  All forms
 * at this time are user defined forms.
 */

#Form_Form fieldset{
	border: none;
	width: 100%;
}

	#Form_Form fieldset div.field{
		margin: 10px;
		clear: both;
	}
	
		#Form_Form fieldset div.field label.left{
			display: block;
			float: left;
			width: 200px;
			margin: 10px 5px;
			text-align: right;
		}
		
		#Form_Form fieldset div.field input.text{
			display: block;
			float: left;
			margin: 10px 0px;
		}
		
		#Form_Form fieldset div.field ul.optionset{
			list-style: none;
		}
			#Form_Form fieldset div.field ul.optionset li{
				float: left;
			}
			
 	#Form_Form div.Actions{
		text-align: center;
		margin: 5px;
	}
 
 
/* End of form styles for User Defined Forms */