@charset "UTF-8";
/* ------ Basic Styling --------*/
/*html {overflow-y:auto}*/

body  {
	margin-top: 5px;
	padding: 20px;
	text-align: left;
	color: #006;
	background-color:#FFF;
	margin-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-left: 20px;
	background:url(../Images/backgroundBlue.jpg) repeat-x;
	background-color:#FFF;
	background-attachment:inherit;
}

.main #wrapper {
	width: 1050px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	background: #fff;
	border:3px groove #135312;	
}

/*------ position header elements ---------*/  

.main #header {
	float:left;
	height:98px;
	width:775px;
	z-index: 1001;
	}

.main #header #logoimage {
	position:absolute;
	top:80px;
	left:-10px;
	width:30px;
	height:106px;
	padding: 4px;
	margin: 5px;
	}

.main #header ul {
	position:absolute;
	left: 39px;
	top: 76px;
	width:615px;
	list-style: none;
	cursor: pointer
	padding: 70;
}

.main #header ul li{
	float:left;
	padding: 0;
	margin: 0;
}

.main #header ul a{
	padding:0 1em;
	font-size:12px;
	line-height:1.5em;
	text-decoration:none;
	color:#fff;
	float:left;
	display:block;
	background:url(../Images/menuVertBar.gif) no-repeat left center;
}

.main #header ul a.last{
	background:url(../Images/menuVertBar.gif) no-repeat right center;
}

.main #header a:hover{
	color:#F00;
	text-decoration:underline;
}

/*controls the color of the last elements in the horizontal navhead list*/
.main #PAC .PAC {
	color:#393
}
.main #DDESS .DDESS {
	color:#396;
}
.main #DODEA .DODEA {
	color: #090
}
.main #EU .EU {
	color:#060;
}

/*------ position left sidebar elements ---------*/  

#Menu{
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #003399;
	width: 265px;
	background: #fff;
	float:left;
	margin:10px 5px 15px 10px;
	text-align:left;
}
#Events {
	float: left; 
	width: 255px; 
	background:#fff;
	padding:5px;
	margin-top:10px;
}
#Events a {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #003f8f;
	text-decoration: none;
}
#Events a:hover {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #004d99;
	text-decoration: underline;
	color:#FF0066;
	cursor: pointer;
}

#Events p {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #039;
	text-align:left;
	padding: 1px 1px 0px 2px;
}

#Events h1 {
	color: #003f8f;
	text-align:center;
	padding-bottom: 5px;
	/*background: url(Images/box250ltgreytop.gif) no-repeat left top;*/
	padding-top: 10px;
	padding-left: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}
#Events h1.tr-head{
	font-size: 1.1em;
	text-align:center;
	color:#4b6eb5;
	padding:5px 5px 10px 5px;
}

#Events h2 {
	font: bold 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #003f8f;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 1px;
}
#Events h3 {
	font: oblique 1em "Trebuchet MS", Helvetica, sans-serif;
	padding-left: 25px;
	padding-bottom: 5px;
	margin-top: -5px;
	color: #090;
}


/*------ position right sidebar elements ---------*/ 

.main #sideRight1 {
	float: right;
	width: 260px;
	background: #fff;
	margin-bottom:-20px;
	z-index: 10;
	margin-right: 1px;
}

#Date {
	color:#6078bf;
	text-align:right;
	font-weight: bold;
	margin-bottom:5px;
	margin-right:10px;
	font-size: smaller;
}
#TopRight {
	float: right; 
	width: 230px; 
	
	margin-top:-20px;
	margin-right:10px;
}

#TopRight  p.tr-para{
	font-size: .9em; 
	text-align:left; 
	color:#003f8f; 
	padding:10px 15px; 
}

#TopRight a{
	font-size: 1em; 
	text-align:left; 
	color:#003f8f;
	text-decoration:none;
	/*padding:10px 15px;*/ 
}

#TopRight a:hover{
	font-size: 1em; 
	text-align:left; 
	color:#F00;
	text-decoration:underline;
	/*padding:10px 15px;*/ 
}
#TopRight  h1.tr-head{
	font-size: 1.1em;
	text-align:center;
	color:#4b6eb5;
	padding:5px 5px 10px 5px;
}


#snowclick {
	text-decoration: underline;
	padding: 5px;
	cursor: pointer;
}

/*------ position News elements ---------*/ 

#News {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #039;
	width: 230px;
	background:#F6F6F6;
	float:right;
	margin-top:10px;
	margin-right:10px;
}

#News a {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
	color: #004d99;
}
#News a:hover {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #f06;
	text-decoration: underline;
}

#News p{
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	padding-left: 20px;
	padding-bottom: 8px;
}

#News h1 {
	font: bold 1.3em "Trebuchet MS", Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 10px;
}
#News h1.tr-head{
	font-size: 1.1em;
	text-align:center;
	color:#135312;
	padding:5px 5px 10px 5px;
}
#News.News h3 {
	font: italic 1.1em "Trebuchet MS", Helvetica, sans-serif;
	color: #00CC33;
	padding-left: 3px;
}
#Virtue p{
	text-align:right;
}
/*------ position Contact elements ---------*/ 

#Contact {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #003f8f;
	width: 230px;
	background:#F6F6F6;
	float:left;
	margin-top:10px;
	margin-right:10px;
}

#Contact a {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
	color: #004d99;
}
#Contact a:hover {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #004d99;
	text-decoration: underline;
}

#Contact p{
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	padding-left: 20px;
	padding-bottom: 8px;
}

#Contact h1 {
	font: 1.3em "Trebuchet MS", Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 10px;
	color: #003f8f;
}
#Contact.contact h3 {
	font: italic 1.1em "Trebuchet MS", Helvetica, sans-serif;
	color: #00CC33;
	padding-left: 3px;
}


/*------ position index page elements ---------*/ 

#mainContent {
	float:left;
	width:600px;
	padding: 10px;
	border-left-style:hidden;
	border-right-style:hidden;
	background:#fff;
	margin-top:20px;
	margin-left:30px;
} 

#mainContent a {
	cursor: pointer;
	color:#336;
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	text-decoration:none;
}
#mainContent a:hover {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #f06;
	text-decoration: underline;
	cursor: pointer;
	text-align: left;
}

#mainContent p {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color:#003f8f;
	font-style: italic;
}

#WelcomeMessage {
	margin-left: -70px;
}

#WelcomeMessage h2 {
	font: italic "Trebuchet MS", Helvetica, sans-serif;
	color: #003f8f;
	padding: 2px;
	text-align: center;
	font-size: 1.3em;
	font-style: italic;
}

#WelcomeMessage p {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #003f8f;
	text-align:left;
	text-decoration:none;
}

#WelcomeMessage a {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #003f8f;
	text-decoration:none;
	font-weight: bold;
}

#WelcomeMessage a:hover {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #f06;
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
}

#WelcomeMessageGreen {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #060;
	text-align:left;
	margin-left: 100px;
}

#WelcomeMessageGreen p{
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #060;
	text-align:left;
}
/*------ position footer elements ---------*/ 

.main #footer {
	background:#fff;
	min-width: 900px;
	color:#666;
	font:.8em "Trebuchet MS", Helvetica, sans-serif;
	height: 20px;
	float:left;
} 
.main #footer p {
	text-align:center;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0px;
}

.main #footer a {
	margin: 0; 
	text-align:center;
}

/*------ misc. elements for occasional use ---------*/  

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
}
.clearboth { 
	clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
}
.clearleft { 
	clear:left;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
}.clearright { 
	clear:right;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
}
* {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 5px;
}

/*this id=Pics is the rotating image on the opening page*/

.main #Pics {
	float:right;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left:5px;
	height:auto;
	width:410px;
	margin-top:0px;
	font: italic 1em "Trebuchet MS", Helvetica, sans-serif;
}

.main #Pics h1 {
	font: italic 1.3em "Trebuchet MS", Helvetica, sans-serif;
	color: #003f8f;
	margin-right: -30px;
	margin-left:20px;
	text-align:center;
	font-weight: bold;
}
.main #Pics h2 {
	font: italic .8em "Trebuchet MS", Helvetica, sans-serif;
	padding-bottom:10px;
	color: #003f8f;
	margin-right: -48px;
	text-align:center;
}
.main #Pics h3 {
	font: italic .8em "Trebuchet MS", Helvetica, sans-serif;
	padding-top:5px;
	color: #003f8f;
	margin-right: -48px;
	text-align:center;
}
.main #Pics img {
	margin-left: 20px;
	text-decoration:none;
	margin-right: 20px;
}
.main #Pics a {
text-decoration:none;
}
.main #Pics a:hover {
text-decoration:none;
}
.main #small p{
	font-size: x-small;
	margin-left: 20px;
	text-align: right;
	padding-top: -15px;
}

/* this is the text under the pic */

.main #text {
	float:right;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left:5px;
	height:auto;
	width:440px;
	margin-top:5px;
	font: italic 1em "Trebuchet MS", Helvetica, sans-serif;
}

/*------ both ID and Class clears are used ---------*/	
br #clear {
	clear:both;
	}	
	
br.clear {
	clear:both;
	}		

#search {
	background: #FFF;
	width: 230px;
	margin: 1px 0px 5px 0px;
	float: right;
	padding: 0 0px 5px 0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: .8em;
	text-align:right;
}

/*pageInfo the Title image */

#pageInfo {
	top: 0px;
	background: #FFF;
	height: 131px;
	width: 282px;
	padding:0px;
	margin:0px 20px 0px 152px;
	visibility: visible;
	float: left;
}

#pageinfo.center {
	background: center;
	position: relative;
}

#pageInfo h2 {
	font: italic 1.2em "Trebuchet MS", Helvetica, sans-serif;
	color: #003f8f;
	padding: 2px;
}

#pageInfo img {
	margin: 0px 0px 0px -25px;
	float: left;
	height: 131px;
	width: 282px;
}

#pageInfo .imgVideo {
	margin: 0 0 0 25px;
	height: 10px;
	width: 17px;
}
#pageInfo p {
	font: 12px "Trebuchet MS", Helvetica, sans-serif;
	color: #003f8f;
}


/*----this is the colored background------*/

#box{
	float: left;
	width: 10px;
	background:#4b6eb5;
	padding: 10px;
	margin: 0;
	/* [disabled]z-index: 500; */
}

/*----this is the colored background box on the right------*/

#boxRight{
	float: left;
	width: 10px;
	background: #6078bf;
	padding: 10px;
	margin: 0px;
	z-index: 500;
}

#boxRight ul{
	float:left;
	width: 200px;
	background-color:#3CF;
	border:dashed;
	border-color:#006;
}

#boxRight li a{
	background:#0D0;	
	text-decoration:none;
	margin:0px;
}

#boxRight li a:hover{
	background:#800;	
	text-decoration:none;
}

/*.QuickLinks{
	float: left;
	width: 100px;
	background: #6078bf;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
	z-index: 500;
}

.QuickLinks ul{
	float:left;
	width: 100px;
	background-color:#3CF;
	border:dashed;
	border-color:#006;
}

.QuickLinks li a{
	background:#0D0;	
	text-decoration:none;
	margin:-10px;
}

.QuickLinks li a:hover{
	background:#800;	
	text-decoration:none;
}
*/

/*----  content  ------*/

#content {
	margin-top:130px;
	margin-left:10px;
}

#content p {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #003f8f;
	margin:20px;
	padding: 20px,20px;
}

#content h1 {
	font: 1.5em "Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color: #003f8f;
	
}
#content h2 {
	font: 1.3em "Trebuchet MS", Helvetica, sans-serif;
	font-style:italic;
	color: #003f8f;
}
#content h4 {
	font: italic 1.1em "Trebuchet MS", Helvetica, sans-serif;
	color: #3C3
}
#content.top  {
	font: normal .9em "Trebuchet MS", Helvetica, sans-serif;
	color: #000099;
	margin-left: 150px;
}
#content a {
	text-decoration: none;
	cursor: pointer;
	color: #004d99;
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
}
#content a:hover {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #004d99;
	text-decoration: underline;
	cursor: pointer;
}
#moveit {
	text-decoration: none;
	margin-left: 380px;
	cursor: pointer;
	color: #000099;
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	font-style:italic;
	right: 50px;
}
#content .indent {
	text-decoration: none;
	margin-left: 55px;
	cursor: pointer;
	color: #000099;
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	font-style:italic;
	right: 50px;
}
#Video p{
	margin-left: 20px;
}

#video h1 {
	font: italic 1.2em "Trebuchet MS", Helvetica, sans-serif;
	padding-bottom: 5px;
	background: url(Images/Dodea/box_160gray_top.gif) no-repeat left top;
	padding-top: 10px;
	padding-left: 10px;
}

/*------ format contact elements ---------*/

#ContactInfo  h1{
	font: bold 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #039;
	margin-left: 30px;
	margin-top:10px;
	margin-bottom: 8px;
}
#ContactInfo a {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
	padding-left:20px;
	color: #004d99;
}
#ContactInfo a:hover {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	color: #004d99;
	text-decoration: underline;
	cursor: pointer;
}

#ContactInfo p {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	padding-left: 5px;
	padding-bottom: 3px;
}
#ContactInfo p.indent {
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	padding-left: 125px;
	padding-bottom: 3px;
}

/*----------Pull Box-------------
.pullbox260 is on the left, width 260px.*/

.pullBox260{
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:5px;
	background: #FFF;
	width: 260px;
	float: left;
}
#pullBox260 p{
	font: .9em "Trebuchet MS", Helvetica, sans-serif;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top:2px;
	margin:0px;
}
#pullBox260 h1{
	font: 1.3em "Trebuchet MS", Helvetica, sans-serif;
	text-align:center;
	padding-bottom: 2px;
	padding-top: 10px;
}
#pullBox260 h2{
	font: 1.1em "Trebuchet MS", Helvetica, sans-serif;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 3px;
}
.pullBox260 h3{
	font: 1em "Trebuchet MS", Helvetica, sans-serif;
	padding-left: 5px;
	padding-bottom: 1px;
}
/*the interior color of this pull quote

.pullBox260{
	background: #F2F2F2;
	width: 258px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
}*/

/*the color of the page on which this pull quote rests*/
b.rtop, b.rbottom{
	display:block;
	background: #FFF;
}
/*the color of the top and bottom rounded edges*/
b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
    overflow: hidden; 
	background: #4b6eb5;
}

b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{
	margin: 0 1px;
	height: 2px;
}


/*simple formatting for a page with an image and some text in the message class*/

/*the interior color of this message*/
#message{
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 100px;
	width: 680px;
}
/*the text color of this message*/
#message p{
	margin-left: 25px;
	margin-top: 3px;
	margin-bottom: 8px;
	font-size: 1em;
	color: #003f8f;
} 

#message h1{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 1.5em;
	text-align:center;
	color: #003f8f;
	margin-bottom: 20px;
} 

#message a{
	margin:2px;
	text-align:center;
	color:#0000FF;
	text-decoration: none;
}
#message img{
	padding-left:25px;
	padding-top:5px;
	padding-right:15px;
	padding-bottom:5px;
	float:left;
	text-decoration:none;
	border:none;
}

/*simple formatting for a page with an image and some text in the message2 class*/
/*the interior color of this message*/
#message2{
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 250px;
	width: 380px;
}
/*the text color of this message2*/
#message2 p{
	margin-left: -60px;
	margin-top: 3px;
	margin-bottom: 8px;
	font-size: 1em;
	color: #003f8f;
} 
#message2 a{
	color:#0000FF;
	text-decoration: none;
	font-size:18px;
}
#message2 h1{
	font-size: 20px;
	color: #003f8f;
	margin-bottom: 10px;
	margin-left: 28px;
} 
.rss{
	text-align:right;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	background: #fff;
	width: 220px;
	float: right;
	clear: right;
}
.rss p {
	margin-bottom:8px;
	padding:-4px;
}
.rss .small {
	font-size: 0.9em; 
	color: #009; 
	font-style:italic; 
}
.rss .small a {
	font-size: 0.9em; 
	color: #009; 
	font-style:italic;
	text-decoration:none;
}
.rss .small a:hover {
	font-size: 0.9em; 
	color: #009; 
	font-style:italic;
	text-decoration:underline;
}
.rss img {
	margin:3px 0 -5px 0;
}

#DoDEALinksInfo {
	margin-left: 20px;	
}

#DoDEALinksComment {
	margin-left: 40px;
}

#DoDEALinksInfo a{
	text-decoration:none;
	font-weight: bold;	
}

#DoDEALinksInfo a:hover{
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;	
}

/*Four ID rules to cover indenting*/

#indentS {
	padding-left: 10px;
}
#indentM {
	padding-left: 30px;
}
#indentL {
	padding-left: 100px;
}
#indentXL {
	width: 150px;
	margin-left: 300px;
}

/*A rule for an unused element*/
#cubed {
	margin-left: 6px;
	font-style: oblique;
	font-weight: bolder;
	font-variant: small-caps;
	vertical-align: super;
}

/*Small pic for news section*/
#newspic {
	float:right;
	margin:5px 6px 0 5px;
}

#SidebarCenter {
	text-align: center;
}