/* CSS Document */
/*
reset.css -- Reset default browser stylings.
Based on Eric Meyer's "reset.css"
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}




body {
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #444444;
	background-color: #555555;
	}
.skip {
	display: none;
	}

	
/* HEADER */

#header-outer {
	background-color: #ffffff;
	height: 100%;
	}
#header-inner {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	}

#wordmark {	
	width:500px;
	margin-top:1em;
	margin-left:230px;
	float:left;
	display:inline;
	}
.logo {
	display: none;
	}
#header-right-links {
	margin-top:20px;
	padding-top: 1em;
	line-height: 1.8em;
	font-size: 1.1em;
	text-align:right;
	padding-right:1em;
	float: right;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#header-right-links h2 {
	display: none;
	}
#header-right-links ul {
	list-style: none;
	}
#header-right-links a {
	color: #666666;
	}
#header-right-links a:hover {
	color: #666666;
	text-decoration: underline;
	}
#header-right-search {
	display: inline;
	float: right;
	padding-top: 12px;
	margin-right:1em;
	}
#header-right-search h2 {
	display: none;
	}
.searchbox {
	width: 111px;
	font-size: .9em;
	margin-top: 4px;
	padding: 1px 2px 1px 2px;
	}
.searchtext {
	width: 75px;
	font-size: .9em;
	}
.hide-search {
	display: none;
	}
.lines {
	background: url("../images/07_lines.gif") repeat-x;
	height:7px; 
	margin-top:12px; 
	}
	
div.hr {
  	height: 7px;
  	background: #fff url("../images/07_lines.gif") repeat-x;
	}
	
div.hr hr {
  	display: none;
	}
	
	
/* CONTENT TOP */

#content-top-outer {
	height: 100%;
	background: #e8e8e8 url("../images/back-top-content-out3.gif") repeat-x top;
	}
#content-top-inner {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	background: #333333;
	}
#main-nav {
	width: 479px;
	float: left;
	}
	.main-nav-row {
		background: #333333;
		border-bottom: 1px solid #666666;
		height: 100%;
		}
	.main-nav-row:hover {
		background: #5a6a78;
		border-bottom: 1px solid #999999;
		}
	.main-nav-row:hover a {
		text-decoration: underline;
		}
	.main-nav-left-54 {
		float: left;
		text-align: left;
		font-size: 1.4em;
		color: #ffffff;
		padding: 22px 10px 21px 10px;
		}
	.main-nav-left-36 {
		float: left;
		text-align: left;
		font-size: 1.4em;
		color: #ffffff;
		padding: 10px;
		}
	.main-nav-right-54 {
		float: right;
		text-align: right;
		font-size: 1.2em;
		line-height: 1.5em;
		color: #ffffff;
		padding: 12px 10px 11px 10px;
		}
	.main-nav-right-36 {
		float: right;
		text-align: right;
		font-size: 1.2em;
		color: #ffffff;
		padding: 11px 10px;
		}
	#main-nav a {
		color: #ffffff;
		}
	#main-nav a:hover {
		color: #ffffff;
		text-decoration: none;
		}
		
#main-spotlight {
	width: 480px;
	float: right;
	background: #333333;
	}
	

/* CONTENT BODY */

#content-body-outer {
	height: 100%;
	background-color: #ffffff;
	}
#content-body-inner {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	background: #ffffff url("../images/back-content-body-in.gif") repeat-y;
	}
#content-bodysub-outer {
	height: 100%;
	background: #ffffff url("../images/back-content-bodysub.gif") repeat-y center top;
	}
#content-bodysub-inner {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	}	
#content-body-left {
	float: left;
	width: 480px;
	}
	#left-sidebar {
		width: 350px;
		padding: 43px 40px 0px 0px;
		float: right;
		text-align: right;
		}
	#left-sidebar img {
		border: 1px solid #bbbbbb;
		margin-top: 20px;
		}
#content-body-middle {
	float: left;
	width: 267px;
	padding: 15px 0 15px 15px;
	text-align: left;
	}
	#content-body-middle h2, #left-sidebar h2 {
		font-size: 1.6em;
		font-weight: lighter;
		line-height: 1.25em;
		margin-bottom: 0.8333em;
		color: #405364;
		}
	#content-body-middle li {
		font-size: 1.2em;
		line-height: 1.667em;
		padding: 0.8333em 0;
		border-top: 1px dotted #ffffff;
		}
	#content-body-middle a {
		color: #405364;
		}
	#content-body-middle a:hover {
		text-decoration: underline;
		}
#content-body-right {
	float: right;
	width: 183px;
	}
#content-bodysub-right {
	float: right;
	width: 430px;
	padding: 25px 25px 25px 0px;
	text-align: left;
	}
	#content-bodysub-right h1 {
		font-size: 2em;
		font-weight: lighter;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #aa4101;
		padding-bottom: 0.5em;
		}
	#content-bodysub-right h2 {
		font-size: 1.6em;
		font-weight: lighter;
		line-height: 1.25em;
		margin: 1.25em 0 0.625em 0;
		color: #405364;
		}
	#content-bodysub-right p, #left-sidebar p {
		font-size: 1.2em;
		line-height: 1.6667em;
		margin: 0.8333em 0;
		}
	#content-bodysub-right a, #left-sidebar a {
		color: #aa4101;
		text-decoration: underline;
		}
	#content-bodysub-right a:hover, #left-sidebar a:hover {
		text-decoration: none;
		}
	#content-bodysub-right ul {
		list-style-type: square;
		padding-left: 15px;
		margin-left: 15px;
		}
	#content-bodysub-right li {
		list-style-type: square;
		font-size: 12px;
		line-height: 1.6667em;
		margin: 0.8333em 0;
		}
		
.boldtext {
	font-weight: 300;
      color: #4173b5;
      font-size: 16px;
      line-height: 20px;
      }
.right-float-photo {
	/* Adds the shaded margin and border, and also floats the image to the right with a bit of padding so that text does not butt up directly beside it */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	float: right;
	margin: 0px 0px 15px 15px;
	}
.left-float-photo {
	/* Adds the shaded margin and border, and also floats the image to the left with a bit of padding so that text does not butt up directly beside it */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	float: left;
    margin: 0px 15px 15px 0px;
	}
.border-photo {
	/* Adds a shaded margin and border */
	background-color: #f8f8ee;
	padding: 3px;
	border: 1px solid #d5d5bf;
	}