/* colors:  #A1C83B(#C1E85B)  #769539(#86A549) #67821F */
/* new: #3BA1C8(#6BD1F8) #397695(#4986A5) #275166 */

html { height:100%; }
body 
{
    background-color: #3BA1C8;
    color: #6BD1F8;
    font-family: "Times New Roman", Serif;
    margin:0;
    padding:0;
    min-height:99%;
}
h1 { color: White; font-family: Arial, Sans-Serif; text-align:center; margin:.5em; margin-top:0em; }
h2 { color: White; font-family: Arial, Sans-Serif; margin:.5em 0;}
h3 { color: White; font-family: Arial, Sans-Serif; margin:0 0; font-size:large; }
h4 { color: White; font-family: Arial, Sans-Serif; margin:.5em 0; font-size:medium;}
a { color: #6BD1F8; }
a:hover { color:White; }
ul { margin-left:0; padding-left:0; }
li { margin-left:.5em; padding-left:0; marker-offset:0; }
p { margin:0; /*text-indent:1em; */}
h4 + p { margin-top:-.5em; }
dl { margin-left:2em; }
dt { font-weight:bold; margin-top:.5em; color:White; }
dd { margin-left:0; text-indent:1em; }


/* Positions */
#mast  
{
	margin: 10px auto; 
	padding:0;
	width: 762px;
	height:245px;
	position: relative; }
#BannerScroll 
{
	margin:0; 
	padding:0; 
	height:60px;
	width:300px; 
	max-height:60px;
	max-width:300px; 
	min-height:60px;
	min-width:300px; 
	position:absolute; 
	top:65px; 
	left:425px;
	overflow:hidden;
	font-size:0;
	color:White;
	white-space:nowrap;
}	
#LinkBar  
{
	margin:0; 
	padding:0; 
	height: 1.5em; 
	width:742px; 
	position:absolute; 
	top:205px; 
	left:5px; 
}
#LinkBar a {
	text-decoration:none;
}

#popup  
{
	margin: 10px auto; 
	padding: 0; 
	width: 762px; 
	height:82px; 
	background-color: #FFFFFF; 
	position: relative; }
#wrap  
{
	margin: 10px auto; 
	padding: 0; 
	width: 762px; 
	background-color: #275166; 
	position: relative; }
#content  
{
	width: 722px; 
    margin: 5px 20px 5px 20px; 
    position: relative; }
	/* Clear Floats: http://www.positioniseverything.net/easyclearing.html 
	#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#content {display: inline-table;}
	/* Hides from IE-mac \ * html #content {height: 1%;} #content {display: block;}/* End hide */
#foot  
{
	width: 722px; 
	margin: 5px 20px 5px 20px; 
	position: relative; 
	text-align: right; 
	font-size: small; }

.hbar { width: 762px; height: 6px; margin: 0; padding: 0; border-width: 0; display:block; clear:both; }
.right { float: right; clear:right; }
.left { float: left; clear:left; }
.vcenter { vertical-align: middle; }
.imgbox { margin: 5px; padding: 5px; display:block; border:none; }

/* Content Columns */
#mainCol { margin:15px 0; float: right; width:530px; clear: none; }
#sideCol { margin:15px 0; width:155px; border-left: 1px solid #4986A5; border-right: 1px solid #4986A5; float:left; clear: none; padding-left:10px; font-weight:bold; }

#content #sideCol, #content #mainCol { padding-bottom:201em; margin-bottom:-200em; }
#content { overflow:hidden; }

/* Structure */
#content.ms #mainCol { float:left; width:560px; }
#content.ms #sideCol { float:right; padding-left:10px; border-width:0 0 0 1px; }

#content.msW #mainCol { float:left; width:460px; }
#content.msW #sideCol { float:right; width:250px; padding-left:10px; border-width:0 0 0 1px; }

#content.sm #mainCol { float:right; width:560px; }
#content.sm #sideCol { float:left; padding-right:10px; border-width:0 1px 0 0; }

.subCol { margin:.75em 0; padding:.75em 0 0 0; float:left; width:100%;
  font-size:90%; border-top:1px solid #4986A5; }

.PopupBox 
{
	color:Black;
    width:250px;
    max-width:245px;
    height:70px;
    max-height:70px;
    margin-left:1px;
    margin-right:1px;
    padding-left:5px;
    float:left;
    clear:none;


	font-size:24px;
	font-weight:bold;
	font-family:Arial;
	text-align:center;
}

.PopupBlurb {
	font-weight:normal;
	font-family:Arial;
	text-align:center;
}



div.PopupBox + div.PopupBox
{
    border-left:1px solid #4986A5;
}

.PopupLetter 
{
	color:#275166;
	display:block;
	float:left;
	vertical-align:top;
	font-size:xx-large;
	font-weight:bold;
	margin-left:.2em;
	margin-right:.2em;
}

.PopupBlurb 
{
	font-size:small;
	margin-top:.5em;
	margin-left:2em;
	margin-right:1em;
}

.LinkBox 
{
	float:left;
	width:147px;
	text-align:center;
	font-size:large;
	font-family:Arial;
}

div.LinkBox + div.LinkBox 
{
    border-left:1px solid #4986A5;
}

.FrontBox 
{
	margin-top:1em;
	margin-bottom:1em;
	padding:0;
	position:relative;
	width:49%;
	height: 5em;
	overflow:hidden;
}

.todo 
{
	display:none;
}

.BodyList  
{
	list-style:disc; 
	margin-left:1em; 
}

.SideList  
{
	list-style:none; 
	margin-left:0; 
	padding-left:0; 
	marker-offset:0; 
}

.Label
{
	text-align:right;
	font-weight:bold;
}

.Name 
{
	color:White;
	font-weight:bold;
	margin-left:2em;
}

.Name + p 
{
	margin-top:1em;
}