@charset "utf-8"; 
/* CSS Document */
html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a, blockquote, img, dd, dt, td, tr {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
}
html, body {
    height: 100%;
}
body {
	font-family: "Arial";
	line-height: 18px;
	font-size: 14px;
	background: #f4fbfe;
	margin: 0 auto;
}
/* body {
	font-family: "Arial";
	line-height: 18px;
	font-size: 14px;
	background: #ffffff url(../images/background2.jpg) repeat-x;
	margin: 0 auto;
} */
/* ~~ Element/tag selectors ~~ */

/*p {
	padding:10px 10px 15px; adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
}

/* The container "contains" the entire space within the black borders */
.container {
	width:960px;
	background-color:#FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	border: 0;
	min-height:100%;
 	-moz-box-shadow: 0px 10px 12px 0px rgba(0,0,0,0.25),
                    0px -10px 12px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 10px 12px 0px rgba(0,0,0,0.25),
                    0px -10px 12px 0px rgba(0,0,0,0.25);
  	box-shadow: 0px 10px 12px 0px rgba(0,0,0,0.25),
            0px -10px 12px 0px rgba(0,0,0,0.25);
	/* -webkit-box-shadow: -1px 1px 2px 5px rgba(0,0,0,0.25);
 	-moz-box-shadow: -1px 1px 2px 5px rgba(0,0,0,0.25);
 	box-shadow: -1px 1px 2px 5px rgba(0,0,0,0.25); */
}

.searchcontainer {
	width:960px;
	background-color:#FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	border: 1px solid #999999;
	min-height:150%;
}

.header {
	width:960px;
	background:transparent;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	height: 180px;
	padding:0;
	margin:0;
}
.header a:link {
	color:#f15b29;
	font-weight: bold;
	font-size:14px;
}

h1	{
	color:#f15b29;
	font-size:32px;
	font-family: 'Cabin', sans-serif;
	text-transform:none;
	line-height:100%;
	padding-bottom: 15px;
}
h2	{
	color:#00457c;
	font-size:22px;
	font-family: 'Cabin', sans-serif;
	text-transform:none;
	line-height:100%;
	padding-bottom: 10px;
	padding-top:5px;
}
h3	{
	color:#000000;
	font-size:16px;
	font-family: 'Cabin', sans-serif;
	text-transform:none;
	line-height:100%;
	padding-top: 3px;
	padding-bottom: 3px;
}

#searchbluebar {
	width:186px;
	background-color:#00457c;
	margin-left:17px;
	padding-left:10px;
	padding-right:5px;
	display:block;
	z-index: 10;
	min-height: 140%;
}


/* ~~ This grouped selector creates the top navigation ~~ */
.temptopnav {
	width:960px;
	color:#000;
	list-style:none;
	float:left;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	position:relative;
	z-index:1000;
	min-height:inherit;
	background-color: #3273b7;
}


/* ~~ This grouped selector creates the main content space ~~ */
.main {
	min-height:100%;
}

.searchmain {
	height:auto;
	min-height:100%;
}
.temphomepagecontent {
	width: 920px;
	margin-left:20px;
	margin-top:50px;
	padding-top:50px;
	padding-bottom:30px;
	z-index:3;
}
.homepagecontent {
	width: 920px;
	padding: 30px 20px 30px 20px;
	top:290px;
	text-align: left;
	float:left;
	background-color: #ffffff;
	height:100%;
}
.homepagecontent p {
	line-height:150%;
	color: #000;
	padding: 0 0 14px 0;
	text-align: left;
}
.homepagecontent li {
	font-size:14px;
	line-height: 150%;
}
.homepagecontent a:link {
	color: #f15b29;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	font-weight: bold;
}
.homepagecontent a:visited {
	color: #5e9732;
	text-decoration:none;
	font-weight: bold;
}
.homepagecontent a:hover, .homepagecontent a:active, .homepagecontent a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
.homepagecontent blockquote {
	margin-left: 30px;
}


.searchcontent {
	width: 800px;
	margin-left:230px;
	margin-top:50px;
	padding-bottom:30px;
	z-index:3;
}

.content {
	width: 920px;
	padding: 30px 20px 30px 20px;
	top:290px;
	text-align: left;
	float:left;
	background-color: #ffffff;
	height:100%;
}

.content ul, .content ol {
	padding: 15px 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.content p, .aside p {
    line-height: 150%;
    color: #000;
    padding: 0 0 14px 0;
    text-align: center;
}

.content li {
	font-size:14px;
	line-height: 150%;
}
.content a:link {
	color: #f15b29;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	font-weight: bold;
}
.content a:visited {
	color: #5e9732;
	text-decoration:none;
	font-weight: bold;
}
.content a:hover, .content a:active, .content a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
.content blockquote {
	margin-left: 30px;
}


ul.solo {
	padding: 0 15px 0 40px; 
	list-style-type:square;
}

li.solo {
	font-size:12px;
	line-height: 120%;
}

.searchcontent p, aside p {
	font-size:12px;
	color: #000;
	line-height:160%;
	padding:0px;
	text-align: left;
}
.searchcontent li {
	font-size:13px;
	line-height: 160%;
}
.searchcontent a:link {
	color: #5e9732;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	font-weight: bold;
}
.searchcontent a:visited {
	color: #5e9732;
	text-decoration:underline;
	font-weight: bold;
}
.searchcontent a:hover, .searchcontent a:active, .searchcontent a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
.caption {
	text-align:center;
	font-size: 75%;
		margin-top:6px;
}

/* Right-side News/Events box */

.eventsbox {
	width: 160px;
	background-color:#5e9732;
	color:#fff;
	font-size:14px;
	list-style:none;
	font-family: 'Cabin', sans-serif;
	position:relative;
	float:right;
	z-index:4;
	top:-50px;
	padding-top:20px;
	padding-bottom:30px;
	border-bottom:2px solid #000;
	border-left:2px solid #000;
}

.eventsbox p {
	padding-left: 15px;
	line-height: 140%;
	text-wrap:normal;
	font-size:14px;
	color:#fff;
}

.eventsbox a {
	line-height: 140%;
	text-wrap:normal;
	text-decoration: underline;
	font-size:14px;
	color:#ffffff;
	font-family: 'Cabin', sans-serif;
}

.eventsbox h1 {
	font-family: 'Cabin', sans-serif;
	color:#fff;
	font-size:17px;
	padding-left: 14px;
}	


/* The footer */
.tempfooter {
	margin: 0 auto;
	background-color: transparent;
	background-repeat:no-repeat;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	z-index:2;
	clear: both;
	font-size:12px;
	height:120px;
	width:960px;
	color:#FFF;
	border-top: 3px solid #3273b7;
	border-bottom: 3px solid #3273b7;
}

.footer {
	margin: 0 auto;
	width:100%;
	background-color:#e9f7fe;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	float:left;
	height:60px;
	border-top: 3px solid #1175bb;
	font-family:Arial;
}
.footer a:link {
	font-size:10px;
	color:#f15b29;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
.footer a:visited {
	color:#f15b29;
	text-decoration: none;
}
.footer a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color:#f15b29;
	text-decoration: underline;
}
.footermenu {
	float:left;
	height: 60px;
	background-color:#e9f7fe;
	color:#00457c;
	font-size:10px;
	padding-top:5px;
}
.footermenu ul {
	list-style: none;
	line-height:150%;
	padding-bottom:10px;
}
.altfootermenu {
	float:left;
	height: 60px;
	background-color:#3273b7;
	color:#fff;
	font-size:10px;
	padding-top:5px;
}
.altfootermenu ul {
	list-style: none;
	line-height:150%;
	padding-bottom:10px;
}
.altfootermenu a:link {
	font-size:10px;
	color:#fff;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
.altfootermenu a:visited {
	color:#fff;
	text-decoration: none;
}
.altfootermenu a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color:#fff;
	text-decoration: underline;
}


/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#breadcrumbs {
	float:left;
	width:500px;
	font-size:9px;
}
#presentedby {
	width: 960px;
	background-color: #fff;
	position: relative;
	top: 1px;
	height: 110px;
	font-size: 18px;
	font-family: Times New Roman;
	font-weight: bold;
	color: #000;
	left: 0px;
	float:left;
}
#search {
	float:left;
	width:600px;	
	margin-left:50px;
	height: 100%;
	z-index: 99;
	min-height:100%;
}
.tabcontent {
	font-family: "Verdana";
	line-height: 13px;
	font-size: 12px;
}
#slideshow { 
    margin-bottom:20px;
	position: relative; 
    width: 920px; 
    height: 250px;  
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
	z-index:-10;
}
#slideshow > div { 
    position: absolute; 
}