
/* RESET STYLES */
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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET */



/********** GENERAL STYLE DEFINITIONS *************/

body {
font-family:'AvantGarde', Arial, Verdana, sans-serif;
font-size:12px;
letter-spacing:25;
color:#fff;
background:#96b7e0 url(img/bg.gif) repeat-x;
}

.hidden {
visibility:hidden;
}

.clear {
clear:both;
}

a:link, a:visited {
color:white;
text-decoration:none;
}

a:hover {
color:#3461a1;
text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

h1 {
font-size:24px;
color:#fff;
letter-spacing:5px;
}

h1.title {
font-size:26px;
color:#fff;
letter-spacing:5px;
margin-bottom:15px;
}

h2 {
font-size:22px;
color:#000;
}

h3 {
font-size:18px;
color:#000;
}

h4 {
font-size:16px;
color:#000;
}

h5 {
font-size:15px;
}

h6 {
font-size:14px;
}


p {
margin:5px 0 15px 0;
line-height:1.5em;
}

form {
margin: 0;
padding:0;
}

form input {
margin:0 0 3px 0;
padding:0;
}

form label {
font-weight:bold;
margin:0 0 0 0;
padding:0;
}

form label.required {
color:#567eaf;
font-weight:bold;
}

.separator2 {
	margin: 10px auto 10px 0;
	padding: 0 0 5px 0;
	border-bottom:1px #000 dashed;
	width: 100%;
	clear:both;
}

/* END GENERAL STYLE DEFINITIONS */

/***********slide images***********/
#slideshow { text-align: center; overflow: hidden; width: 100%; position:relative; height:951px;}
#slideshow img { margin-left: -800px; text-align: center; left: 50%; position:absolute; z-index:8; opacity:0.0;}
#slideshow img.active { z-index:10; opacity:1.0;}
#slideshow img.last-active { z-index:9;}

#wrap {
position:relative;
width:100%;
min-height:1040px;
}

#content {
width:995px;
min-hight:1040px;
margin:0 auto;
}

#header {
position:absolute;
top:0;
/*: transparent url(img/header.gif) no-repeat;*/
width: 995px;
height: 140px;
margin: 0 auto;
padding: 0;
z-index:100;
}

#header h1 a {
float:left;
width: 189px;
height: 142px;
background:transparent url(img/logo.png) top left no-repeat;
margin: 0;
padding: 0;
display: block;
border: none;
text-decoration:none;
}

#navbar {
float:right;
width:806px;
height:64px;
background:transparent url(img/nav_bg.png) top right no-repeat;
margin:0;
padding:0;
}

#front_row_box {
position:absolute;
top:480px;
width:995px;
height:397px;
background:transparent url(img/blue_fade.png) top right repeat-x;
margin:0 auto 60px auto;
z-index:100;
color:#1a1f26;
font-size:16px;
line-height:24px;
letter-spacing:25;
font-weight:600;
font-family:'AvantGarde', Arial, Verdana, sans-serif;
}

#front_row_box div.innertube {
padding:100px 58px 30px 53px;
}

#front_left_column {
float:left;
width:601px;
height:397px;
margin:0 11px 0 0;
background:transparent url(img/left_column_bg.png) top center no-repeat;
z-index:100;
}

#front_right_column {
float:left;
width:368px;
height:397px;
background-color:#96b7e0;
z-index:100;
}

/* FRONT PAGE PROMOS */
#promos {
min-height:148px;
margin:0 auto 30px 52px;
padding:0;
}

#promo1 {
float:left;
width:279px;
height:148px;
margin:0 22px 0 0;
background-color:#000;
text-align:center;
}

#promo2 {
float:left;
width:279px;
height:148px;
margin:0 22px 0 0;
background-color:#000;
text-align:center;
}

#promo3 {
float:left;
width:279px;
height:148px;
margin:0 0 0 0;
background-color:#000;
text-align:center;
}

.promophoto {
margin:9px auto 9px auto;
border:0;
}
/* END: FRONT PAGE PROMOS */

#secondary_content {
position:absolute;
top:160px;
width:980px;
height:397px;
min-height:800px;
background:transparent url(img/blue_fade.png) top right repeat-x;
margin:0 auto 60px auto;
z-index:10;
color:#1a1f26;
font-size:15px;
line-height:21px;
letter-spacing:25;
font-weight:600;
font-family:'AvantGarde', Arial, Verdana, sans-serif;
}

#secondary_content div.innertube {
padding:100px 53px 10px 53px;
}

/* PULLQUOTES */
blockquote.pullquote {
width: 200px;
margin: 10px 0 20px 30px;
padding: 0;
font-size: 18px;
letter-spacing:25;
color: #fff;
}

blockquote.pullquote-l {
float: left;
width: 240px;
margin: 15px 35px 20px 0;
padding: 0;
font-size: 18px;
letter-spacing:25;
color: #fff;
}

blockquote.pullquote-r {
float: right;
width: 240px;
margin: 15px 0 20px 35px;
padding: 0;
font-size: 18px;
letter-spacing:25;
color: #fff;
}
/* END: PULLQUOTES */

/* LIST STYLING */
ul, ol {
	margin:0.3em 0 0.5em 0.5em;
	padding:0;
}

.regularlist {
list-style:none;
color:#000;
list-style-position:inherit;
margin: 10px 0 !important;
margin-left: 0 !important;
}

.regularlist li { 
border: 1px solid #8FBFAD;
background:#E0EBE7;
margin: 4px 4px 4px 0;
padding: 4px 15px 4px 8px;
}

.regularlist2 {
list-style:none;
color:#000;
list-style-position:inherit;
width: 100%;
margin: 10px 0 !important;
margin-left: 0 !important;
}

.regularlist2 li { 
border: 1px solid #000;
background:#b3cded;
margin: 4px 4px 4px 0;
padding: 4px 15px 4px 8px;
}

.numbered1 {
list-style:decimal;
color:#00573d;
list-style-position: outside;
width: 100%;
margin: 10px 0 !important;
margin-left: 0 !important;
}

.numbered1 li { 
border: 1px solid #8FBFAD;
background:#E0EBE7;
margin: 4px 4px 4px 10px;
padding: 2px 15px 8px 8px;
}

.smalllist {
list-style:none;
color:#00573d;
list-style-position: outside;
width: 100%;
margin: 4px 0 !important;
margin-left: 0 !important;
font-size:15px;
border:0;
}

.smalllist li { 
margin: 4px 4px 4px 10px;
padding: 2px 2px 2px 8px;
border:0;
}
/* END: LIST STYLING */

/* LINE-BOX ITEMS (Staff Profiles) */
.callout {
margin: 5px 0 10px 0;
padding: 0 0 15px 0;
float:left;
width:100%;
clear: both;
border-bottom:1px #000 dashed;
}

.callout img {
float:left;
border:5px #000 solid;
width:73px;
height:107px;
}

.callout p {
margin: 0;
padding:0;
margin:5px 0 0 0;
}

.callout a {
width: auto;
float:none;
padding-bottom: 0;
}	

.callout h2 {
margin: 0;
padding:0;
}

.callout h2 a {
text-decoration:none;
padding:0;
margin:0;
}

.callout h3 {
font-size: 15px;
font-weight:bold;
margin: 0;
padding:0;
}

.callout * {
width:775px;
float:right;
}

.callout * * {
width:auto;
float:none;
}
/* END: LINE-BOX ITEMS (Staff Profiles) */

.listing {
	width: 100%;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;	
	border-bottom:1px #000 dashed;
}

.listing a img {
	border: 5px #000 solid;
}

.thumbnail {
	float:left;
	margin:3px 20px 15px 0;
	padding: 0;
	border: 5px #000 solid;
}

.thumbnail_publicity {
	float:left;
	margin:0 15px 10px 0;
	padding: 0;
	border: 5px #000 solid;
}

.leftphoto {
	float:left;
	margin:20px 30px 25px 0;
	padding: 0;
	border: 5px #000 solid;
}

.rightphoto {
	float:right;
	margin:20px 0 25px 30px;
	padding: 0;
	border: 5px #000 solid;
}

.newsphoto {
	margin: 0 10px 10px 0;
	padding: 0;
	border: 6px #000 solid;
	float:left;
}
	
.separator {
	margin: 5px 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom:1px #000 dashed;
	width: 100%;
	clear:left;
}


#footer {
clear:both;
width:825px;
height:70px;
background:#000 url(img/footer_bg.gif) top center no-repeat;
margin:10px auto 0 auto;
z-index:100;
font-size:10px;
color:#ccc;
padding:9px 155px 0 0;
text-align:right;
}

#footer p {
margin:0;
padding:0;
line-height:1.4em;
}

#footer a:link, #footer a:visited, #footer a:hover { 
	color: #849cba;
	text-decoration: none;
	}
	
#footer a:hover { 
	color: #b3bcc8;
	text-decoration: none;
	}

#developer {
	position:relative;
	width:977px;
	height:40px;
	margin:4px auto 15px auto;
	padding:10px 3px 20px 0;
	font-size:10px;
	text-align:right;
	color:#c5daf5;
}


#developer p {
	margin:0;
	padding:0;
}

#developer p a:link, #developer p a:visited {
color:#e8f2ff;
}

#developer p a:hover {
color:#fff;
text-decoration:none;
}	

#developer h5.facebook {
position:absolute;
left:39px;
top:7px;
width:37px;
height:37px;
display:block;
} 

#developer h5.facebook a:link, #developer h5.facebook a:visited  {
width:37px;
height:37px;
display:block;
background: transparent url(img/facebook_icon_small.png) top center no-repeat;
} 	

#random_photo {
position:absolute;
top:0;
width: 100%;
height: 951px;
margin: 0 auto;
padding: 0;
z-index:1;
overflow:hidden;
}

#dhtmltooltip{
position: absolute;
left: -200px;
width: 250px;
border: 1px solid black;
padding: 15px 15px 18px 15px;
background-color: #000;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
font-family:'AvantGarde', Arial, Verdana, sans-serif;
font-size:13px;
line-height:16px;
}

#dhtmlpointer{
position:absolute;
left: -200px;
z-index: 101;
visibility: hidden;
}

