@charset "UTF-8";
body {
	background:#003300 url(../images/bg.png) repeat-x;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #171E25;
}
p {
	line-height: 1.2em;
	color: #171E25;
	text-decoration: none;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #425469;
}
.verticalnav {
	overflow: auto;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #313E4D;
	text-decoration: none;
	font-weight: normal;
	line-height: 15pt;
}
.quotes {
	overflow: auto;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .65em;
	color: #313E4D;
	text-decoration: none;
	line-height: 1.4em;
}
.navcontent/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
 {
	overflow: auto;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #313E4D;
	text-decoration: none;
	font-weight: normal;
}
.t1{
	border-left:#FFFFFF 1px solid; 
	border-top:#FFFFFF 1px solid;
	}
	
.subheader2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.7em;
	color: #000000;
	text-decoration: none;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #000000;
}
.rsscontent {
	overflow: auto;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #313E4D;
	text-decoration: none;
	font-weight: normal;
	line-height: 1.7em;
}
.style2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#313E4D;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}
.style7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	color: #171E25;
	text-decoration: none;
}
.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 1.3em;
	color: #171E25;
	text-decoration: none;
}
.style13 {color: #313E4D}
.style15 {
	font-size: 13px;
	color: #313E4D;
}
.style16 {font-size: 12px; color: #313E4D;}
.style17 {
	color: #313E4D;
	font-size: 12px;
	font-weight: bold;
}
.style18 {font-size: 14px}

.footer {
	font-size:11px;
	color: #313E4D;
	}
.footer a{
	color: #313E4D;
	}
.footer a:hover{
	color:#FFFFFF;
	}
	
.contact_area{
	background-color:#EAE6C8;
	border: 1px solid #666666;
	font-size:10px;
	}
.table_border{
	border-left:#FFFFFF 1px solid; 
	border-top:#FFFFFF 1px solid;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#313E4D;
	padding:5px;
	}


/* sNews */
fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { background: #F5F6F6; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #f4f4f4; color: #808080; padding: 10px; margin: 0 0 10px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }

/* Weather */

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}