/* ----- CSS RESET ----- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, foote, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
margin: 0 auto;
background: #1A435F url(../images/main/greenbg.png) top left repeat;
font: 85% "trbuchet ms", trebuchet, verdana, arial, sans-serif;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

.clear {
clear: both;
}

strong {
font-weight: bold;
}

img.floatright {
	float: right;
	margin: 10px 0 10px 10px;
	border: 1px solid #183D5E;
}

img.floatleft {
	float: left;
	margin: 10px 10px 10px 0;
	border: 1px solid #183D5E;
}

/* ----- STRUCTURE ------ */

.bgwrap {
background: transparent url(../images/main/bg.png) top center no-repeat;
position: relative;
display: block;
height: 100%;
padding-bottom: 40px;
}

.content {
margin: 0 auto 20px auto;
padding: 0;
top: 25px;
position: relative;
display: block;
width: 1000px;
}

.indexbanner {
z-index: 1;
display: block;
width: 1000px;
height: 326px;
margin-left: 0px;
position: relative;
background: url('../images/index/banner.png') no-repeat scroll top left; 

}

.videocontent {
z-index: 1;
display: block;
width: 1000px;
height: 326px;
position: relative;
background: transparent;
}

#footer {
width: 970px;
margin: 5px auto 15px auto;
padding-bottom: 15px;
padding-left: 15px;
}


/* ----- MAST ----- */

#mast {
display: block;
width: 1000px;
}

#mast h1 {
background: transparent url(../images/index/mast.png) top left no-repeat;
display: block;
height: 135px;
width: 1000px;
text-indent: -9999px;
}

/* ----- NAVIGATION ----- */

.nav {
display: block;
position: relative;
width: 1000px;
height: 50px;
margin: 0;
padding: 0;
background: transparent url(../images/nav/nav.png) top left no-repeat;
}

.nav ul {
height: 50px;
display: block;
position: relative;
margin: 0 auto;
padding: 0;
margin-left: 13px;
}

.nav li {
float: left;
z-index: 1000;
}

.nav ul li a, .nav ul li a:hover, .nav ul li a:visited  {
width: 230px;
height: 50px;
text-indent: -9999px;	
display: block;
position: relative;
}

.nav ul li a:hover  {
background-position: 0 -50px !important;
}


.nav li.home a, .nav li.home a:hover, .nav li.home a:visited  {
background: transparent url(../images/nav/home.png) top left no-repeat;
width: 99px;
}

.nav li.brochure a, .nav li.brochure a:hover, .nav li.brochure a:visited  {
background: transparent url(../images/nav/brochure.png) top left  no-repeat;
width: 182px;
}

.nav li.video a, .nav li.video a:hover, .nav li.video a:visited  {
background: transparent url(../images/nav/video.png) top left no-repeat;
width: 88px;
}

.nav li.dates a, .nav li.dates a:hover, .nav li.dates a:visited  {
background: transparent url(../images/nav/dates.png) top left  no-repeat;
width: 128px;
}

.nav li.sponsor a, .nav li.sponsor a:hover, .nav li.sponsor a:visited  {
background: transparent url(../images/nav/sponsor.png) top left  no-repeat;
width: 181px;
}

.nav li.applications a, .nav li.applications a:hover, .nav li.applications a:visited  {
background: transparent url(../images/nav/applications.png) top left  no-repeat;
width: 146px;
}

.nav li.contact a, .nav li.contact a:hover, .nav li.contact a:visited  {
background: transparent url(../images/nav/contact.png) top left  no-repeat;
width: 144px;
}



/* ----- INDEX PAGE ----- */

.indexcontent {
width: 965px;
background: transparent url(../images/index/bottombg.png) 0 240px repeat-y;
margin-left: 12px;
}

.topbgwrap {
background: transparent url(../images/index/bottomtop.png) top left no-repeat;
width: 965px;
}

.indexcontentfooter {
background: transparent url(../images/index/bottomfooter.png) bottom left no-repeat;
width: 965px;
}

.centergraphic {
float: left;
margin: 20px 0 50px 18px;
display: block;
position: relative;
width: 332px;
}

/* ----- newsbox ----- */

.countdown {
	background: url('../images/index/countdown.png') no-repeat scroll top left;
	width: 341px;
	height: 70px;
	display: block;
	position: relative;
}

.countdown p {
	font-size: 15px !important;
	top: 20px;
	margin: 0 15px 0 0 !important;
	width: 315px;
	color: #5d7f95 !important;
	text-align: right;
	display: block;
	position: relative;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
}

.rightcol {
	width: 341px;
	display: block;
	float: right;
	margin-bottom: 20px;
	margin-right: 11px;
}

.newsbox {
background: transparent url(../images/index/newsbox/newsbg.png) top left repeat-y;
}

.newstop {
background: transparent url(../images/index/newsbox/newstop.png) top left no-repeat;
width: 341px;
display: block;
}

.newsfooter {
background: transparent url(../images/index/newsbox/newsfooter.png) left bottom no-repeat;
min-height: 200px;	
height: auto !important;
height: 200px;		
width: 341px;
}

.newsbox h2 {
display:none;
}

.newstextwrap {
color: #034f7c;
line-height: 1.3em;
width: 290px;
padding-bottom: 20px;
padding-top: 10px;
margin: 0 0 0 25px;
}

.newstextwrap p {
border-bottom: 1px solid #A5BDD7;
padding: 10px 0;
font-size:  11px;
}


/* ----- leftnav ----- */

.leftnav {
display: block;
position: relative;
width: 230px;
float: left;
margin-left: 24px;
z-index: 600;
}

.leftnav ul {
width: 230px;
display: block;
position: relative;
}

.leftnav li {
margin-bottom: 7px;
width: 230px !important;
z-index: 600;
}

.leftnav ul li a, .leftnav ul li a:hover, .leftnav ul li a:visited  {
width: 230px !important;
height: 38px;
text-indent: -9999px;	
display: block;
position: relative;
background-position: top left;
z-index: 600;
}

.leftnav ul li a:hover  {
background-position: -240px 0 !important;
}

.leftnav li.one a, .leftnav li.one a:hover, .leftnav li.one a:visited  {
background: transparent url(../images/subnav/1.png) top left no-repeat;
}		

.leftnav ul li.two a, .leftnav ul li.two a:hover, .leftnav ul li.two a:visited  {
background: transparent url(../images/subnav/2.png) top left no-repeat;
height: 38px;
}		

.leftnav ul li.three a, .leftnav ul li.three a:hover, .leftnav ul li.three a:visited  {
background: transparent url(../images/subnav/3.png) top left no-repeat;
height: 38px;
}

.leftnav ul li.four a, .leftnav ul li.four a:hover, .leftnav ul li.four a:visited  {
background: transparent url(../images/subnav/4.png) top left no-repeat;
height: 38px;
}

.leftnav ul li.five a, .leftnav ul li.five a:hover, .leftnav ul li.five a:visited  {
background: transparent url(../images/subnav/5.png) top left no-repeat;
height: 38px;
}

.leftnav ul li.donate a, .leftnav ul li.donate a:hover, .leftnav ul li.donate a:visited  {
background: transparent url(../images/subnav/donate.png) top left no-repeat;
height: 67px;
margin: 25px 0 0 0 !important;
}

.leftnav ul li.donate a:hover {
	background-position: -260px 0 !important;
}


/* ----- FOOTER ----- */

#footer p {
color: #fff;
font-size: 9px;
float: left;
left: 10px;
font-weight: normal;
z-index: 300;
height: 50px;
margin-top: 20px;
}

#footer p.right {
text-align: right;
display: block;
float: right;
padding-right: 20px;
vertical-align: top;
}

#footer p.right img {
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: text-top;
}

#footer a, #footer a:visited, #footer a:hover {
color: #fff;
text-decoration: underline;
}

#footer a:hover {
text-decoration: underline;
}


/* ----- TYPOGRAPHY ----- */

p, li, dd {
font-size: 11px !important;
margin-bottom: -.4em;
line-height: 2em;
padding: 0;
}

.contenttextwrap p {
width: 580px;
}

table.session {
text-align: left;
margin: 0 auto 0 0;
}

table.session p {
width: auto;
text-align: left;
}	

.contenttextwrap li {
list-style: square;
margin-left: 35px !important;
margin-bottom: 5px;
}

.contenttextwrap ul {
padding-top: 0;
}

blockquote {
background-color: #F8E7A8;
padding: 10px;
border: 1px solid #EE8832;
}


h3 {
font-size: 1.3em;
border-bottom: 1px solid #4d0168;
width: auto;
font-weight: bold;
display: block;
padding-bottom: 0;
padding-left: 2px;
margin: 20px 10px 8px 0;
text-transform: capitalize;
line-height: 1.3em;
}

/* ----- FORM TABLE ----- */


table.form td {
padding: 5px;
}

table.form p {
margin: 0;
}



/* ----- LINKS ----- */

a, a:link {
color: #4775C7;
font-weight: bold;
}

a:hover {
color: #255C68;
text-decoration: underline;
}

a:visited {
color: #183643;

}