﻿* 
{
    border:0;
}


body
{
    margin: 0;
    background-color: #ffffff;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    border: 0;
}


#header 
{
    background-image: url('../../images/bkgrnd.jpg');
    width: 100%;
    float: left;
}

h1.viewing 
{
  visibility: hidden;
}  
    

#leftimage 
{
    background-image: url('../../images/topleft_header.jpg');
    display: block;
    width: 815px;
    height: 117px;
    text-indent: -9999px;
    
}

#splash 
{
    background-color: #ffffff;
    width:1030px;
    height: 340px;
}

#rightimage 
{
    background-image: url('../../images/topright_header.jpg');
    float: left;
}

.leftcorner 
{
    width: 15px;
    background-image: url('../../images/left_corner.png');
    background-repeat: no-repeat;
}

.rightcorner 
{
    width: 15px;
    background-image: url('../../images/right_corner.png');
    background-repeat: no-repeat;
}

a.box {text-decoration: none; color: blue; border:0;}
a.box:hover {color: blue; text-decoration: underline; border:0;}
a.box:active {color: Red; text-decoration: underline; border:0;}

a.body {text-decoration: none; color: Orange; border:0;}
a.body:hover {color: Orange; text-decoration: underline; border:0;}
a.body:active {color: Red; text-decoration: underline; border:0;}

a.main {text-decoration: none; color: #666666; font-family: Arial; font-size: 12px; border:0;}
a.main:hover {text-decoration: underline; color: #000000; font-family: Arial; font-size: 12px; border:0;}
a.main:active {text-decoration: underline; color: #666633; font-family: Arial; font-size: 12px; border:0;}

a.footer {text-decoration: none; color: #333333; font-family: Verdana; border:0;}
a.footer:hover {color: #000000;text-decoration: underline; font-family: Verdana; border:0;}
a.footer:active {color: red; text-decoration: underline; font-family: Verdana; border:0;}


.navtabs
{
    width: 800px;
    overflow: hidden;
    padding:0px;
    float: left;
}

.navtabsright
{
    width: 300px;
    float: left;
}

.navtabs ul, .navtabsright ul
{
    margin: 0;
    padding: 0;
    padding-left: 2px; /*offset of tabs relative to browser left edge*/
    font: bold 12px Arial;
    list-style-type: none;
}

.navtabs li, .navtabsright li
{
    display: inline;
    margin: 0;
}

.navtabs li a
{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 7px 8px; /*padding inside each tab*/
    border-right: 1px solid #cccc99; /*right divider between tabs*/
    color: white;
    background: #336699; /*background of tabs (default state)*/
}

.navtabsright li a
{
    float: left;
    display: inline;
    text-decoration: none;
    margin: 0;
    padding: 7px 8px; /*padding inside each tab*/
    border-right: 1px solid #cccc99; /*right divider between tabs*/
    color: #333300;
    background: #336699; /*background of tabs (default state)*/
}

.navtabs li a:visited 
{
    color: white;
    border-right: 1px solid #cccc99; /*right divider between tabs*/
}

.navtabsright li a:visited
{
    color: #333333;
    border-right: 1px solid #cccc99; /*right divider between tabs*/
}

.navtabsright li a:hover, .navtabsright li.selected a
{
     background-color: #333333;
     color: White;
     border-right: 1px solid #cccc99; /*right divider between tabs*/
}

.navtabs li a:hover, .navtabs li.selected a
{
    background: #333333; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}  

#footer {
	height: 60px;
    background-image: url('../../images/footerbkgrnd.jpg' );
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: center;
    line-height: 60px;
    font: Verdana;
    color: #cccccc;

} 
    
.contentbox 
{
    padding: 0px;
    vertical-align: top;
}

.search 
{
    border: none;
    background-color: #000000;
    font: 11px Arial;
    color: #ffffff;
    height: 18px;
}


.inputbox 
{
    border: none;
    height: 16px;
}

/* stylesheet for this content area */

.lefttopcontent 
{
    width: 240px;
    height: 300px;
    float: left;
    padding: 10px;
    background-color: #ffffff;
}

.topmiddlecontent 
{
    width: 510px;
    height: 300px;
    float: left;
    padding: 5px;
    background-color: #ffffff;
}

.righttopcontent 
{
    height: 300px;
    float: left;
    padding: 10px;
    background-color: #ffffff;
}

#leftbottomcontent 
{

    width: 270px;
    height: 350px;
    float: left;
    padding: 0px;
    background-color: transparent;
}

#rightbottomcontent 
{

    width: 245px;
    height: 350px;
    float: right;
    padding: 0px;
    background-color: #ffffff;
}

.rightbottombox 
{
    background-color: #ffffff;
    width: 220px;
    padding: 10px;
    font: 2em Times;
    color: #336699;
    vertical-align: top;
}

.featurednewsbox 
{
    background-color: #ffffff;
    width: 490px;
    padding: 10px;
    font: 2em Times;
    color: #336699;
    vertical-align: top;
}

.spacerone 
{
    background-color: #cccccc;
    width: 275px;
    height: 5px;
}

.missionbox 
{
    background-color: #ffffff;
    width: 255px;
    padding: 10px;
    vertical-align: top;
    font: 2em Times;
    color: #336699;
}

.mission 
{
    background-color: #ffffff;
    width: 255px;
    height: 200px;
    padding: 10px;
    color: #000000;
    vertical-align: top;
    font-size: 12px;
    font-family: Arial;
}

.missionLinks 
{
    background: #ffffff;
    width: 250px;
    padding: 5px;
    height: 180px;
}

#middlebottomcontent 
{
    border-left-style: dashed;
    border-left-width: 1px;
    border-left-color: #cccccc;
    background-color: #ffffff;
    border-right-style: dashed;
    border-right-width: 1px;
    border-right-color: #cccccc;
    background-color: #ffffff;
    width: 513px;
    height: 350px;
    float: left;
    padding: 0px;
}

.spacertwo 
{
    background-color: #cccccc;
    width: 513px;
    height: 5px;
}

.featurednewsbox 
{
    background-color: #ffffff;
    width: 475px;
    padding: 10px;
    font: 2em Times;
    color: #336699;
    vertical-align: top;
}

.featurednews 
{
    background-color: #ffffff;
    border: solid 1px #cccccc;
    width: 500px;
    height: 800px;
    padding: 10px;
    color: #000000;
    vertical-align: top;
    
}

table.main 
{
    background: #ffffff;
    width: 490px;
}


.td 
{
    border: 1px #cccccc solid;
    width: 50px;
    
}

.tdcell 
{
    font: 12px arial;
    color: #000000;
}

.Quote 
{
    font-family: Arial;
    color: #666666;
    font-size: 12px;
    font-style:italic;
}

/* News Ticketer */

#NewsTicker{
	border:solid 1px #cccccc;
	background:#eaf5e0;
	width:300px;
	height:364px;
	margin:0 auto;
}

#NewsTicker h1{
		padding:6px; margin:0; border:0;
		background:#dfe9d5;
		color:#000000;
		font-size:11px;
		font-weight:bold;
	}

#NewsVertical {
	width: 300px;
	height: 300px;
	display: block;
	overflow: hidden;
	position: relative;
	}

#controller{
	padding:6px;
	font-size:11px;
	color:#666;
	}

#play_scroll_cont{display:none;}
/* --------------- */
/* Ticker Vertical */

#TickerVertical {
		width: 300px;
		height: 330px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

#TickerVertical li {
		display: block;
		width: 288px;
		color: #333333;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}

#TickerVertical li .NewsTitle{
		display: block;
		color: #000000;
		font-size: 12px;
		font-weight:bold;
		margin-bottom:6px;
	}

#TickerVertical li .NewsTitle a:link, #TickerVertical li .NewsTitle a:Visited {
		display: block;
		color: #000000;
		font-size: 12px;
		font-weight:bold;
		margin-bottom:6px;
		text-decoration:none;
	}

#TickerVertical li .NewsTitle a:hover {
		text-decoration:underline;
	}
		
#TickerVertical li .NewsImg{
		float:left;
		margin-right:10px;
	}

#TickerVertical li .NewsFooter{
		display: block;
		color: #000000;
		font-size: 10px;
		margin:6px 0 14px 0;
	}


div.marqueecontainerc:hover { color:#666666;}
div.marqueecontainerc:focus { color:#666666;}
