html,body{margin:0 auto; padding:0}
body{font-family: Helvetica, Arial, sans-serif; text-align: center; background-color: #253D6A;}
table {font-family: Helvetica, Arial, sans-serif; font-size: 13px; color:#253D6A; }
p{margin:0 10px 10px}

div#rightcolumn img {margin-left: 10px;}

a{}
a:link{color: #2F4F88;}
a:visited{color: #61B5DF;}
a:active{color: #2F4F88;}
a:hover{color:#800000;}

/*wrapper for sub page content */
div#pagecontent {margin: 10px; font-size: 13px; color:#253D6A; line-height: 1.4em;}

/* layout for 2 column pages */
div#content {width: 775px;}
div#leftcolumn{width: 200px; float:left; text-align: left; }
div#leftcolumn ul {list-style-type: none;}
div#rightcolumn{width: 455px; float:left; text-align: left; padding-left: 30px;}
div#leftycolumn{text-align: left; padding: 30px;}
div#leftycolumn ul {list-style-type: none;}
div#leftycolumn ul li {margin-left: 20px;}
div#rightycolumn{text-align: left; padding: 30px;}
div#footer {clear:both; text-align: center; font-size: 11px;}

/* site container */
div#maincontainer{width: 775px; margin: 0 auto; text-align: left; background-color: #fdf8e2; padding:0;}
div#indexcontainer{width: 775px; margin: 0 auto; text-align: left; padding:0;}

/* header layout */
div#header{}
div#header img {border: 0px;}
div#members_only img{position: relative; top: 0px; left: 70px;}

/* main menu style */
#mainmenucontainer { width: auto; background-image: url(assets/images/navbg.jpg); height: 15px; padding-left: 40px; }

#mainmenu
{	margin: 0;
	padding: 0;
	z-index: 30}

#mainmenu li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
        white-space: nowrap;
	font: bold 12px arial}

#mainmenu li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 0px 15px;
	width: auto;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#mainmenu li a:hover
{	background: #253D6A;}

#mainmenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #fdf8e2;
	border-bottom: 0px solid #253D6A;}

	#mainmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #064797;
		color: #FFFFFF;
		font: 11px arial;
                font-weight: boldest;
                border-bottom: 1px solid #707070;
}

	#mainmenu div a:hover
	{	background: #AAB1D6;
		color: #FFF}

/*#mainmenu { width: 15em; z-index: 100; width: 100%; position: absolute; height: 15px; }
#mainmenu dl, dt, dd, ul li { padding: 0; margin: 0; list-style-type: none; white-space: nowrap; }
#mainmenu dl { float: left; width: 110px; }
#mainmenu dt { cursor: pointer; margin: 1px; text-align: center; font-weight: bold; color: #fff; }
#mainmenu dd { display: none; background: #253D6A; }
#mainmenu li { background: #253D6A; border-top: 1px solid grey; }
#mainmenu li a { color: #fff; text-decoration: none; display: block; border: 0 none; height: 100%; font-weight: bold; }
#mainmenu li a:hover, #mainmenu dt a:hover { background: #253D6A; }
/*
#mainmenu a { display: block; width: 110px; color: #ffffff; text-decoration: none; }
#mainmenu li { float: left; width: 110px; white-space: nowrap; }
#mainmenu li ul { position: absolute; width: 110px; left: -999em; background-color: #253D6A; border-bottom: 1px solid #C0C0C0; }
#mainmenu li ul li { margin: 3px 8px 3px 8px; }
#mainmenu li:hover ul, #mainmenu li.sfhover ul { left: auto; }*/

/*#mainmenu, #mainmenu ul a {
font-size: 12px;
width: 715px;
height: 15px;
}

#mainmenu ul {
padding: 0;
margin: 0;
list-style: none;
}

#mainmenucontainer{
background-image: url(assets/images/navbg.jpg);
width: 775px;
width: auto;
height: 15px;
padding-left: 60px;
padding-right: 0;
margin-right: 0; 
}


#mainmenu a {
display: block;
}


#mainmenu li {
float: left;
width: auto;
margin-right: 8px;
margin-left: 8px;
padding-left: 5px;
}

#mainmenu li ul {
position: absolute;
width: 12em;
left: -999em;
top: 100px;
background-color: #253D6A;
border-bottom: 1px solid #C0C0C0;
}

#mainmenu li:hover ul, #mainmenu li.sfhover ul {
left: auto;
}
*/
/* live work play menu */

#liveworkplaymenu ul {
list-style-type: square;
color:#253D6A;
border-right: 1px solid #253D6A;
}

#liveworkplaymenu li {
list-style-type: square;
color:#253D6A;
padding-bottom: 10px;
}
/* form styles */
input {color: #000000; background-color: #FFFFFF; border: 1px solid #7f9db9;}
select {color: #000000; background-color: #FFFFFF; border: 1px solid #7f9db9; width:200px;}
form { padding-bottom: 10px;}
form label {margin-top: 20px; text-align: left; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; display: block;}

/* members only styles */
div#welcome_message {margin-top: 20px;}
.survey_form {text-align: left; border-left: 3px double #2F4F88; padding-left: 30px; margin-bottom: 20px;}

/* global classes */
.align-left { float:left; margin: 0 15px 15px 0; }
.align-right { float:right; margin: 0 15px 15px 0; }

/* list style for lightbox gallery */

.lightboxlist ul {list-style-type: none; display:inline; float:left; margin-left:0;}
.lightboxlist li {list-style-type: none; display:inline; float:left; margin-left:0; padding:2px;}
.lightboxlist h3 {float:left; width:100%;}
.lightboxlist img {padding: 3px; border: 1px solid #D0D0D0; background-color: #FFFFFF;}
.lightboxlist li img {padding: 3px; border: 1px solid #D0D0D0; background-color: #FFFFFF;}

/* lightbox styles */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(assets/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#formbg { background-color: #fdf8e2; height:1200px; }

div #challengers {
font-family: Helvetica, Arial, sans-serif; color: #253d6a;
margin-left:160px;
margin-top: 20px;
}
div #challengers form dl dt label {
font-family: Helvetica, Arial, sans-serif; color: #253d6a;
}

div #formingbg {
font-family: Helvetica, Arial, sans-serif; color: #253d6a;
margin-left: 60px;
width: 400px;
float: left;
}

div #formingbg2 {
font-family: Helvetica, Arial, sans-serif; color: #253d6a;
margin-left: 60px;
width: 600px;
float: left;
}

div #enewsarchive {
font-family: Helvetica, Arial, sans-serif; color: #253d6a;
float: right;
width: 200px;
margin: 30px;
}

div #forminfo {
font-family: Helvetica, Arial, sans-serif; color: #253d6a;
float: right;
width: 200px;
line-height: 150%;
margin-right: 30px;
}

div #forminginfo ul li {
list-style: none;
}


div #articles { background-color: #fdf8e2; } div #articles p { font-family: Helvetica, Arial, sans-serif; color:#253d6a; text-align:left;} div #artheader h1 { margin: 10px;text-align:left; font-family: Helvetica, Arial, sans-serif; color:#fdf8e2; } div #artheader { font-color:#fdf8e2; background-color:#253d6a;}

div #leftyget {
font-family: Helvetica, Arial, sans-serif; color:#253d6a; text-align:left; margin: 16px;
}

div #leftyget2 {
font-family: Helvetica, Arial, sans-serif; color:#253d6a; text-align:left; margin: 16px; line-height:150%;
}

div #sitespace {
margin: 20px;
}
div #sitespace a:link {
color: #253d6a;
}
div #sitespace a:visited{
color: #253d6a;
}
div #sitespace a:hover{
color: #31b4e4;
}
div #sitespace a:active{
color: #253d6a;
}
div #sitespace h1 {
color: #253d6a;
}
div #sitespace h3 {
color: #253d6a;
}

div #biznewscontainer {
background-color: #fdf8e2;
}

#biznewscontainer table {
border: 0;
width: 700px;
margin: 0 auto;
padding: 0;
}

#biznewscontainer table tbody {
margin: 0;
padding: 0;
}

#biznewscontainer table tbody tr {
margin: 0;
padding-bottom: 34px;
}

#biznewscontainer table tbody tr td {
margin: 0;
padding-bottom: 4px;
padding-top: 20px;
}

#biznewscontainer table tbody tr td a:hover {
text-decoration: underline;
}

td#pads {
padding:0;
margin:0;
border-bottom: 1px solid #999999;
}

#rightboardwrap {
border-right: 1px solid #999999;
}

div #biznewscontainer table tbody tr td img{
padding: 0;
margin: 0;
}

div #biznewscontainer table tbody tr td p{
padding: 4px 0 4px 0;
margin: 0;
border: 1px solid #999999;
}

div #biznewscontainer table tbody tr td p.nobord{
padding: 4px 0 4px 0;
margin: 0;
border: 0px solid #fdf8e2;
}

div #biznewscontainer table tbody tr td#rightborders p {
padding: 4px 0 4px 0;
margin-right: 16px;
border: thin solid #fdf8e2;
font-family: Helvetica, Arial, sans-serif; 
color:#666666; 
text-align:left; 
}

div #biznewscontainer table tbody tr td#rightborders p strong a {
color:#333333; 
font-size: 1.1em;
}

div #biznewscontainer table tbody tr td ul {
margin: 0;
padding: 0;
height: 16px;
text-align: right;
}

div #biznewscontainer table tbody tr td ul li {
display: inline;
margin: 0;
padding-left: 45px;
text-align: left;
}

div #biznewscontainer table tbody tr td ul li a:link, a:visited {
text-decoration: none;
color: #253d6a;
}

div #biznewscontainer table tbody tr td ul li a:hover {
text-decoration: underline;
color: #253d6a;
}

div #biznewscontainer table tbody tr td img {
border: thin solid #fdf8e2;
}

div #biznewscontainer table tbody tr td p#nobords {
padding: 0;
margin-right: 0px;
border-style: none;
height: 200px;
}

div #biznewscontainer table tbody tr td a p#nobords img {
padding: 0;
margin-top: 60px;
border-style: none;
}

#pagecontent table tbody tr td p a:hover {
text-decoration: underline;
}

h3 a:hover {
text-decoration: underline;
}

#eventslanding {
padding: 16px;
}

#eventslanding h1, #eventslanding h2, #eventslanding h3 {
color: #253a6d;
}

#bgextend {
background: #fdf8e2;
height: 1700px;
}
