/* CSS Document */

body{
color: #56383A;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size:100%;
background-color:#82C4F4;
}

#wrapper{
width: 700px;
background-color: #ffffff;
margin: 0px auto;
border: 0px solid #000000;
text-align: left;
background-repeat:repeat-y;
}

#banner{
height: 85px;
}
.topBG {
	background: #2E6400;
	height: 30px;
}
.secondTopLeftBG {
	background: #BEFF82;
}
.secondTopRightBG {
	background: #80B84C;
}

#leftcol #nav ul {
background-color: transparent;
list-style-type: none;
margin: 0px; 
padding: 0px;
font-size: 80%;
text-align: left;
color: #999999;
}

#leftcol #nav ul li {
padding: 0;
margin: 0;
color: #ffffff; 
}

#leftcol #nav ul li a{
border-bottom: 1px dashed #A1CFF3;
color: #725255;
display: block;
padding: 7px 0px 6px 7px;
text-decoration: none; 
height: 1%;
}

#leftcol #nav a:hover, #leftcol #nav a:focus { 
background-color: #D7EFFD;
border-bottom: 1px dashed #A1CFF3;
color: #725255;
}
#content{
margin-left: 185px;
width: 500px;
}

#content p{
font-size: 80%;
margin: 10px 20px 20px 20px;
}

#content h1{
font-size: 175%;
color: #415AFF;
padding: 0;
margin: 20px 20px 10px 20px;
}

#content h2{
font-size: 150%;
color: #415AFF;
padding: 0;
margin: /*100px 0 0*/ 20px 20px 10px 20px;
}

#content h3{
font-size: 125%;
color: #415AFF;
padding: 0;
margin: /*100px 0 0*/ 20px 20px 10px 20px;
}

.leftimage{
margin-bottom: 10px;
float: left;
margin-right: 10px;
border: 0px solid #000000;
}
.leftimageSmall{
margin-bottom: 5px;
float: left;
margin-right: 5px;
border: 1px solid #cccccc;
}

.rightimage{
margin-bottom: 10px;
float: right;
margin-left: 10px;
border: 0px solid #000000;
}
.rightimageSmall{
margin-bottom: 5px;
float: right;
margin-left: 5px;
border: 0px solid #000000;
}

/*.clearit{
clear: both;
display: block;
background-color:#00FF66;
width: 200px;
}*/


#footer{
border-top: 0px solid #000000;
background-color: #A1CFF3;
padding: 10px;
color: #ffffff;
clear: both;
}

#footer p{
margin: 0px;
font-size: 70%;
text-decoration: none; 
}
#footer p a{
border-right: 1px dashed #ffffff;
border-bottom: 1px none #ffffff;
margin: 0px;
padding: 10px;
color: #ffffff;
font-size: 100%;
text-decoration: none; 
}

#footer p a:hover, #footer p a:focus { 
background-color: #ffffff;
border-right: 1px dashed #A1CFF3;
color: #725255;
}

#leftcol{
margin-left: 5px;
margin-top: 10px;
width: 180px;
margin-bottom: 20px;
float: left;
}

#content p.right{
float: right;
}

.container{
width: 99%; 
float:right;
}


.story {
	padding: 0px 0px 0px 0px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.capsule{
	font: bold 1em Arial,sans-serif;
	color: #80B84C;
	display:block;
	padding-bottom: 5px;
	font-size:110%;
}

a.capsule:hover{
	text-decoration: underline;
	color: #006600;
}
.capsulea {
color:#80B84C;
}
a.capsulea:hover{
	text-decoration: underline;
	color: #006600;
}
.storyLeft{
font-size: 80%;
}
td.storyLeft{
	padding-right: 0px;
}
.imageNavBottom {
margin-top: 10px;
}
.imageNavTop {
margin-bottom: 7px;
margin-left: 7px;
margin-right: 5px;
}
.imageNavBottom2 {
margin-top: 10px;
margin-left: 7px;
margin-right: 5px;
}

.edit {
	font-size: 7px;
}
#wrapper #content .container embed {
	text-align: center;
	margin-left: 20%;
	controller: False;
}
#wrapper #content .container h2 {
	background-color: #FFCC00;
	margin: 0;
	text-align: center;
}
#wrapper #content .container #upcoming {
	border: 3px solid #0066CC;
	margin-bottom: 10px;
}
#wrapper #content .container #upcoming h3 {
	margin-top: 1%;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 4%;
}
#wrapper #leftcol .Update h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	background-color: #FFFFFF;
	text-align: center;
	color: #008AFF;
	margin-bottom: 2px;
}
#wrapper #leftcol .Update h6 {
	font-size: 14px;
	margin-bottom: 0px;
	font-style: italic;
	margin-top: 7px;
}
#wrapper #leftcol .Update a {
}

#wrapper  #leftcol  .Update  p {
	font-size: 12px;
	margin: 0px;
}