* { outline:none;margin:0;padding:0; }

body {
	font:13px Arial, Helvetica, sans-serif;
	color: #222;
	margin:0;
	background:#fff url(../images/bg-body.jpg) repeat-x top center;
	}

a {
	color: #1052a1;
	text-decoration: none;
	}
	
a.external {
	background:transparent url(../images/external.png) no-repeat scroll right center;
	padding-right:13px;
	}
	 
a:hover {
	color: #000;
	}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-family:"Gill Sans", Arial, Helvetica, sans-serif;
	line-height:1.05em;
	}

h1 {
	font-size: 21px;
	margin:1px 0 15px;
	}

h2 {
	font-size: 21px;
	margin:15px 0;
	padding:0;
	color:#333;
	}
	
h3 {
	margin:15px 0 10px;
	color:#1052a1;
	font-weight:bold;
	font-size:18px;
	}
	
p {
	margin:0 0 12px;
	}
	
ol, ul { margin-left:30px; }	
ol { list-style-type:decimal; }
ul { }
li { margin:1px 0; }
.panel li { padding:2px 0; border-bottom:1px dashed #ddd; }
.panel li:hover { background:#eee;color:#000; }
ol li ol { list-style-type:lower-latin; }
.panel li li { border:0px; margin:0 50px; font-weight:bold; font-size:10px; text-transform:uppercase; }

#masthead {
	position:absolute;
	top:0;
	left:0;
	width:400px;
	height:400px;
	text-indent:-99999em;
	}
	html>body #masthead { background:transparent url(../images/logo-big.png) no-repeat; }


.hp-list {
	padding:30px 0 250px 20px;
	margin-left:430px;
	border-left:1px dashed #666;
	font:25px "Gill Sans", Arial, sans-serif;
	list-style:none;
	}
	
a.hp-link {
	background:#1052a1;
	color:#fff;
	padding:1px 5px;
	margin-bottom:2px;
	width:240px;
	display:block;
	}
a:hover.hp-link {
	color:#fff;
	background:#0066FF;
	}

/* Layout */

#wrap {
	width:740px;
	margin:0 auto;
	padding:0 20px 0;
	border:0px solid #fff;
	border-top:0px;
	background-repeat:no-repeat;
	background-position:top center;
	}
	html>body #wrap { background-image: url(../images/header-image.png); }

#wrap_admin {
	width:740px;
	margin:0 auto;
	padding:0 20px 0;
	border:0px solid #fff;
	border-top:0px;
	background-repeat:no-repeat;
	background-position:top center;
	}
	html>body #wrap_admin { background-image: url(../images/header-image_green.png); }

#header {
	position:relative;
	height:221px;
	clear:both;
	}
	
#header h1 {
	margin:0 0 0;
	padding:0;
	}
#header h1 a {
	position:relative;
	top:14px;
	left:520px;
	width:200px;
	height:164px;
	text-indent:-99999em;
	margin:0;
	padding:0;
	display:block;
	}
	html>body #header h1 a { background:url(../images/logo.png) no-repeat; }

#nav {
	position:relative;
	clear:both;
	}
	
#nav li {
	margin:0;
	padding:0;
	border:0px;
	}

#nav .links { font-size:12px; }

#nav .links a {
	border-bottom:6px solid #1052a1;
	padding:4px 37px 2px 2px;
	font-size:12px;
	line-height:1em;
	text-decoration:none;
	color: #1052a1;
	}
	
#nav .links a:hover {
	color:#1052a1;
	}
	
#nav .links a.active {
	border-bottom:0px;
	padding-bottom:8px;
	color:#c30;
	}
	
#nav .links a.last {
	padding:0px 545px 2px 2px;
	}	
	

#subnav {
	clear:both;
	}
#subnav ul {
	float:right;
	margin:8px 2px 0 0;
	padding:0;
	}
#subnav li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	border:0px;
	}
#subnav li a {
	display:inline;
	float:left;
	padding:9px 10px 9px;
	font-size:13px;
	line-height:1em;
	border-left:1px solid #1052a1;
	font-weight:bold;
	margin:0;
	}
	#subnav li.last a { border-right:1px solid #1052a1; }

#subnav li a:hover {
	color:#fff;
	background:#1052a1;
	}
	
#subnav li a.active { 
	background:#1052a1 url(../images/bg-nav.jpg) repeat-x bottom;
	color:#fff;
	}

#content {
	position:relative;
	float:left;
	width:500px;
	text-align:left;
	line-height:1.4em;
	}
	.wide { width:100%; }
	.interior {
		margin-top:50px;
		margin-left:20px;
		}
		
#wrapper ul,
#wrapper ol {
	margin:15px;
	}
	
#sidebar {
	float:right;
	width:200px;
	margin:65px 0 0;
	padding:0;
	}
	
.right {
	float:right;
	margin:0 0 0.2em 2em;
	display:inline;
	}	
	
.left {
	float:left;
	margin:0 2em 0.2em 0;
	display:inline;
	}

#center {
	 text-align:center;
	 width:550px;
	 margin:50px auto 0;
	 }
	
.center-form {
	position:relative;
	top:0px;
	text-align:center;
	}
	
.column {
	 float:left;
	 width:310px;
	 margin-left:30px;
	 }
	 
	.column blockquote {
		font-weight:bold;
		color:#1052a1;
		border-bottom:1px solid #ccc;
		margin:0px 0 2px;
		}
.blue { color:#1052a1; }
.red { color:#CC3300; font-weight:bold; }
.message { font-weight:bold; }
		
.comparison { margin-bottom:30px; border-right:1px solid #999; border-left:1px solid #999; font-size:11px; }
.comparison td {
	padding:2px 5px;
	border-bottom:1px solid #999;
	}	
		
.wide input,
.wide select,
.wide textarea {
	width:250px;
	}
	
.wide label {
	float:left;
	width:235px;
	display:block;
	padding:2px 0 2px 5px;
	font-weight:bold;
	color:#1052a1;
	}
	
.wide hr {
	margin:6px 0;
	border:0px;
	height:1px;
	background:#ccc;
	clear:both;
	}

#content ul.list { margin:0 0 10px; padding:0; }
#content ul.list li {
	font-weight:bold;
	padding:2px 0 2px 15px;
	margin:0 0 1px;
	list-style:none;
	background:#eee;
	width:auto;
	display:block;
	}
	
.column-two {
	position:absolute;
	top:-30px;
	left:720px;
	width:300px;
	height:523px;
	}
	html>body .column-two { 	background:url(../images/2up.png) no-repeat top left;}


/* Footer */

	
#footer {
	margin:15px 0 30px 0;
	padding:15px 0 0;
	}
	
#footer p {
	font:.8em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#1052a1;
	text-align:center;
	}
	
#footer p a {
	color:#1052a1;
	}
#footer p a:hover {
	color:#000;
	}
	
#footer ul {
	float:left;
	width:400px;
	height:2em;
	margin:0 0 2em;
	padding:0;
	list-style:none;
	display:block;
	}
#footer li {
	float:left;
	display:inline;
	}	
#footer li a {
	float:left;
	color:#1052a1;
	padding:0px 2px 2px 2px;
	margin:0 15px 0 0;
	border-bottom:3px solid #fff;
	text-decoration:none;
	display:inline;
	}	
#footer li a:hover {
	border-bottom:3px solid #1052a1;
	}
	
#footer li a:hover.active,
#footer li a.active {
	border-bottom:3px solid #1052a1;
	color:#00A0C6;
	}
	
	
	
	
	
	
/* SLIDER */
		
		
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px 0 0;
	position: relative;
	width: 100%;
	/*border-top:1px dashed #1052a1;*/
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 1100px; background: #fff; overflow: hidden;}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	/*border: 5px solid #fff;*/ /* this is the border. should have the same value for the links */
	margin: auto;
	width: 740px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 1100px;
	clear: both;
	/*background: #fff;*/
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 740px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	width:750px;
	min-width:750px;
	
}



.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin:0;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-weight:900;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 27px;
	/*background:#e5dedc;
	border:1px solid #1052a1;*/
	border-top:0px;
	color: #1052a1;
	text-decoration: none;
	display: block;
	padding: 1px 9px 0px;
	text-transform:uppercase;
}



.stripNav li a:hover {
	background: #1052a1;
	color:#fff;
}

.stripNav li a.current {
	background:#fff;
	color: #c30;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

/*.stripNavL {
	background: url("../images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("../images/arrow-right.gif") no-repeat center;
}*/
	
/* MISC */

p.image-holder {
	width:100%;
	margin-bottom:25px;
	display:block;
	}
p.image-holder a {
	margin-bottom:25px;
	}

a.thickbox { float:left; border:2px solid #1052a1; margin-right:4px; }
a:hover.thickbox { border:2px solid #000; }
a.thickbox img { border:none; display:inline; }