@charset "utf-8";
/* colors: #fdfdb9; #f8a12d; #e4e4c3 */

a { outline:none; }
/* reset all */
/***** Global Settings *****/
html, body {
	border:0;
	margin:0;
	padding:0;
}
body {
	font:90%/1.15 helvetica, arial, helvetica, sans-serif;
	background-image:url(../images/bkg2.jpg);
	background-repeat: repeat-x;
	background-color: #05438d;
	text-align: center;
}
/***** Common Formatting *****/
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal;}
h1 {padding:30px 0 25px 0; letter-spacing:-1px; font:2em arial, helvetica, sans-serif;}
h2 {padding:20px 0;letter-spacing:-1px; font:1.5em arial, helvetica, sans-serif;}
h3 {font:1em arial, helvetica, sans-serif;font-weight:bold;}
p, ul, ol {margin:0; padding:0 0 18px 0;}
ul, ol { padding:0 0 18px 40px;}
blockquote {margin:22px 40px; padding:0;}
small {font-size:0.85em;}
img {border:0;} 
sup {position:relative; bottom:0.3em; vertical-align:baseline;}
sub {position:relative; bottom:-0.2em; vertical-align:baseline;}
acronym, abbr {cursor:help; letter-spacing:1px; border-bottom:1px dashed;}
/***** Links *****/
a, a:visited {text-decoration:none;}
a:hover {text-decoration: underline;}
/***** Forms *****/
form {margin:0; padding:0; display:inline;}
input, select, textarea {font:1em arial, helvetica, sans-serif;}
textarea {line-height:1.25;}
label {cursor:pointer;}
/***** Tables *****/
table {border:0; margin:0 0 18px 0; padding:0;}
table tr td {padding:2px;}
/***** Wrapper *****/
#wrap {width:960px; margin:0 auto;}
/***** Global Classes *****/
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.wrap          { width:960px;margin:0 auto; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
/* end reset all */

.main a, .main a:visited {color:#05438d;}

.main #container {
	width: 774px;
	margin: 0 auto;
}
.main #header{
	position:relative;
	height:269px;
}
#header_left {
	position:absolute;
	top:0;
	left:-46px;
}
#header_right {
	position:absolute;
	top:0;
	left: 774px;
}

.main #navbar {
    position:relative;
	height:51px;
	background:url(../images/navbar1.jpg) no-repeat;
}
.main #mainContent {
	text-align:left;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../images/main_body.jpg);
	background-color:#fdffd8;
}
.main #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:52px;
	background:url(../images/footer1.jpg) no-repeat;
	color: white;
	font-size:80%;
}
.main #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.main #footer a, .main #footer a:visited {color:white; text-decoration:underline;}


.t {background: url(../images/top_dot.gif) 0 0 repeat-x; width: 469px; background-color:#fdfdb9; }
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/yellow_bottom_left.jpg) 0 100% no-repeat;}
.br {background: url(../images/yellow_bottom_right.jpg) 100% 100% no-repeat;}
.tl {background: url(../images/yellow_top_left.jpg) 0 0 no-repeat}
.tr {background: url(../images/yellow_top_right.jpg) 100% 0 no-repeat; padding:10px}
.t, .b, .l, .r, .bl, .br, .tl, .tr, .t_g, .b_g, .l_g, .r_g, .bl_g, .br_g, .tl_g, .tr_g, .t_f, .b_f, .l_f, .r_f, .bl_f, .br_f, .tl_f, .tr_f {height:100%;}
.t h3 {padding-bottom:10px;letter-spacing:-1px; font:1.5em arial, helvetica, sans-serif; text-align:center; color:white; margin-top:-5px;}

.t_g {background: url(../images/top_dot_grey.gif) 0 0 repeat-x; width: 230px; background-color:#fdfdb9;}
.b_g {background: url(../images/dot_grey.gif) 0 100% repeat-x}
.l_g {background: url(../images/dot_grey.gif) 0 0 repeat-y}
.r_g {background: url(../images/dot_grey.gif) 100% 0 repeat-y}
.bl_g {background: url(../images/grey_bottom_left.jpg) 0 100% no-repeat;}
.br_g {background: url(../images/grey_bottom_right.jpg) 100% 100% no-repeat}
.tl_g {background: url(../images/grey_top_left.jpg) 0 0 no-repeat}
.tr_g {background: url(../images/grey_top_right.jpg) 100% 0 no-repeat; padding:10px}
.t_g h3 {padding-bottom:10px;letter-spacing:-1px; font:1.5em arial, helvetica, sans-serif; text-align:center; color:white; margin-top:-5px;}

.t_f {background: url(../images/top_dot_grey.gif) 0 0 repeat-x; width: 230px; height: 100%; background-color:#e4e4c3;}
.b_f {background: url(../images/dot_grey.gif) 0 100% repeat-x}
.l_f {background: url(../images/dot_grey.gif) 0 0 repeat-y}
.r_f {background: url(../images/dot_grey.gif) 100% 0 repeat-y}
.bl_f {background: url(../images/fill_bottom_left.jpg) 0 100% no-repeat;}
.br_f {background: url(../images/fill_bottom_right.jpg) 100% 100% no-repeat}
.tl_f {background: url(../images/grey_top_left.jpg) 0 0 no-repeat}
.tr_f {background: url(../images/grey_top_right.jpg) 100% 0 no-repeat; padding:10px}
.t_f h3 {padding-bottom:10px;letter-spacing:-1px; font:1.5em arial, helvetica, sans-serif; text-align:center; color:white; margin-top:-5px;}



.col1 { width:46%; border-right:2px solid #f8a12d; float:left; padding:0 6px;}
.col2 { width:46%; float:right; padding:0 6px;}
.clear {clear:both;}

.image {padding:6px; border:1px solid navy; margin:0 10px 0 0; clear:both;}
.arialRed {color:red; font-family:Arial, Helvetica, sans-serif;}
.gallery img {padding:6px; border:1px solid navy;}
.news {height:78px; font-size:12px; text-align:left; padding-top:5px;}
.news img {padding:3px; margin:2px 5px 0 0; border:1px solid #999; float: left; }
.pointer {cursor: pointer}
.press img {float:left;margin-right:20px;}
.press h2 {line-height:20px;}
.press ul {padding-left:80px; list-style-type: none;}
.press ul li { background: url(../images/arrow_double.png) left center no-repeat; padding-left: 25px; margin-bottom: 10px; }
.partner { background-image:url(../images/partner_bkg.gif); background-repeat:no-repeat; width:340px; height:60px; margin-left:10px; float:left;}
.partner p {padding:15px 10px 10px 0; text-align:left; font-size:11px; color:#333;}
.partner img {float:left; margin-right:15px;}
.student {width: 100%; clear:left; padding:15px 0; min-height:140px;}
.embed {margin-left:auto; margin-right:auto;}

.message {margin:0 0 20px 0; text-align:center; color:red; border-top:1px dotted red; border-bottom:1px dotted red; padding:10px;}
.extra li {margin-top:20px;}



/*------------------------------------------------Contact Form--------------------*/

.contactformfield {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 18px;
	width: 400px;
	float: left;
	margin: 3px;
	padding: 3px;
	top: 1px;
	clip: rect(1px,auto,auto,auto);
	clear: none;
	right: 30px;
}
.contactsubmit {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	background-attachment: scroll;
	background-image: url(../images/read_more_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 76%;
	clip: rect(500px,500px,auto,auto);
	top: 500px;
	right: 500px;
	bottom: 500px;
	left: 500px;
	float: left;
	margin: 5px;
	padding: 5px;
}

.contactformmessage {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 170px;
	width: 400px;
	float: left;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.contactbox {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
	height: 18px;
}
.commentslabel {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	height: 170px;
	width: 100px;
	margin: 3px;
}

.contactmessagebox {

	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
	height: 170px;
}
.contacttextarea {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	margin: 3px;
	padding: 3px;
}
.submitarea {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	width: 600px;
}
.submitbutton {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(../images/latest_service_bg.gif);
	background-repeat: repeat-x;
	background-position: center center;
	border: 1px solid #FFFFFF;
	height: 23px;
	width: 70px;
}


.contacttext {
	margin: 3px;
	height: 18px;
	width: 100px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #666600;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.contactcheck {
	margin: 3px;
	width: 92%;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #666600;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.contactareas {
	float: left;
	height: 540px;
	width: 465px;
	background-image: url(../images/contactbg.gif);
	top: 0px;
}
.contacthead {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 3px;
	height: 25px;
	width: 400px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}


.contacterrortext {
	margin: 3px;
	padding: 3px;
	height: 18px;
	width: 10px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}
.contactsidehead {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #CFC88B;
	margin: 4px;
	height: 20px;
	width: 400px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
}
.contactind {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	margin: 3px;
	height: 20px;
	width: 400px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}

/*------------------------------------------------Contact--------------------*/

.linkpopup {
	position: relative;
	font-family: Verdana;
	font-size: 11px;
	color: #666600;
	height: 18px;
	width: 250px;
}

.linkpopup span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopup:link span,
.linkpopup:visited span {
 visibility: hidden;
}

.linkpopup:hover span,
.linkpopup:focus span,
.linkpopup:active span {
	color: #000;
	text-decoration: none;
	visibility: visible;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.linkpopupmessagebox {
	position: relative;
	font-family: Verdana;
	font-size: 11px;
	color: #1D859B;
	height: 170px;
	width: 350px;
}

.linkpopupmessagebox span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopupmessagebox:link span,
.linkpopupmessagebox:visited span {
 visibility: hidden;
}

.linkpopupmessagebox:hover span,
.linkpopupmessagebox:focus span,
.linkpopupmessagebox:active span {
 color: #000;
 text-decoration: none;
 visibility: visible;
}


/*------------------------------------------------Email--------------------*/

.linkpopupemail {
	position: relative;
	font-family: Verdana;
	font-size: 11px;
	color: #1D859B;
	height: 18px;
	width: 200px;
}

.linkpopupemail span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopupemail:link span,
.linkpopupemail:visited span {
 visibility: hidden;
}

.linkpopupemail:hover span,
.linkpopupemail:focus span,
.linkpopupemail:active span {
	color: #000;
	text-decoration: none;
	visibility: visible;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/*------------------------------------------------Email--------------------*/
.contactcommenttext {
	margin: 3px;
	height: 170px;
	width: 100px;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #666600;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}

.bodytextarea {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	float: left;
	width: 560px;
	margin: 3px;
	padding: 3px;
}
.errortext {
	font-family: Verdana;
	font-size: 11px;
	color: #FF0000;
}

.body1text {

	font-family: Verdana;
	font-size: 16px;
	color: #27817D;
	width: 560px;
	font-weight: bold;
	margin: 3px;
	padding: 3px;
}
.submittextarea {

	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	float: left;
	width: 560px;
	margin: 3px;
	padding: 3px;
}
/*------------------------------------------------Textboxon Email--------------------*/

.borderEffect
{
background-color:#FFFFCC;
color:#7A8639;
margin:0px;
padding:0px;
border:1px solid #FFCC00;
}
.borderEffect:hover
{
background-color:#FFCC89;
color:#A05A3D;
margin:0px;
padding:0px;
border:1px solid #A05A3D;
}
/*------------------------------------------------Textbox on Email--------------------*/
/*------------------------------------------------Textbox --------------------*/

.textboxEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 18px;
	width: 250px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.textboxEffect:hover
{
background-color:#FFFFFF;
color:#666600;
margin:0px;
padding:0px;
border:1px solid #666600;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Textbox --------------------*/
/*------------------------------------------------Textboxdropdown --------------------*/

.dropdownEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 18px;
	width: 262px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.dropdownEffect:hover
{
background-color:#FFFFFF;
color:#666600;
margin:0px;
padding:0px;
border:1px solid #666600;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Textboxdropdown --------------------*/
/*------------------------------------------------Massagebox --------------------*/

.MassageboxEffect
{
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	height: 170px;
	width: 300px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
.MassageboxEffect:hover
{
background-color:#FFFFFF;
color:#666600;
margin:0px;
padding:0px;
border:1px solid #666600;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Massagebox --------------------*/
#contact p.contactTxt {
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	display:block;
	width:620px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.contacttop {

	float: left;
	height: 95px;
	width: 465px;
	top: 0px;
}
.contactbg {
	background: url(../images/contactbg.gif) 0 0 no-repeat;
	float: left;
	height: 600px;
	width: 600px;
	background-attachment: scroll;
	background-position: center top;
	margin:20px 50px 40px 50px;
	
}

#left h3.le {

	display:block;
	margin:50px 0 20px 0;
	font-size:0;
	line-height:0;
}
.contactformmsgfield {

	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 170px;
	width: 400px;
	float: left;
	margin: 3px;
	padding: 3px;
	top: 1px;
	clip: rect(1px,auto,auto,auto);
	clear: none;
	right: 30px;
}
.contactdropdownmenu {
	margin: 3px;
	float: left;
	height: 20px;
	width: 400px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.rightempty {
	height: 10px;
	width: 237px;
	float: left;
}
.submitbuttonarea {
	margin: 5px;
	float: left;
	height: 50px;
	width: 300px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 132px;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}
	
.partners {
	cursor:pointer;
	margin:0 auto;
	width:708px;
	height:60px;
	background-image:url(../images/bar-partners.jpg);
	background-repeat:no-repeat;
	
}
	
.partners h3 {
	line-height:34px;
	text-align:center;
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-weight:normal;
}
.partner_one { background-image:url(../images/partner_bkg.gif); background-repeat:no-repeat; width:340px; height:60px; margin:0 auto 0 180px; float:left;}

.obis { text-align: center; color: #10578c; line-height: 20px;}

.top_red { display:block; width: 84px; height: 120px; background:url(../images/top5_red.gif) no-repeat; margin:0 4px; float:left;}

.top_yellow { display:block; width: 84px; height: 120px; background:url(../images/top5_yellow.gif) no-repeat; margin:0 4px; float:left;}

.top_green { display:block; width: 84px; height: 120px; background:url(../images/top5_green.gif) no-repeat; margin:0 4px; float:left;}

.more {margin-bottom: -2px;}

.sponsors {
	cursor:pointer;
	margin:10px auto 0px auto;
	width:708px;
	height:80px;
	background-image:url(../images/bar-sponsors.jpg);
	background-repeat:no-repeat;
	
}
div .staff {
	display:block;
	width:105px;
	height:170px;
	text-align:center;
	border:1px dotted black;
	padding: 5px;
	margin:10px 5px 0 0;
	float:left;
}
.staff p {
	text-align:center;
	font-size:70%;
	
	}