@charset "UTF-8";

/* For use on: Missions, Links */
body {
	font-family: verdana,  helvetica, arial,sans-serif;
	font-size: .8em;
	text-align:center;
	/* background-color: #000000; */
	background-color:#CCCCCC;
	background-attachment: fixed;
	/* background-image: url(../images/background.jpg); */
	background-repeat: no-repeat;
	background-position: center top;
}

* {margin:0; padding:0;}

h1{
	font-size: 1.5em;
} 

h2 {
	font-size: 1.3em;
}

h3 {
	font-size:1.2em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}
/*old hover color:#89250E;*/


a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	color:#fff;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#A25300;
}
a:link img, a:visited img {
	border-color: #fff;
}
a:hover img {
border-color:#A25300;
}

.thrColLiqHdr #mainContent table.event a:link {
	color:#A25300;
	text-decoration:underline;
}

.thrColLiqHdr #mainContent table.event a:visited {
	color:#A25300;
	text-decoration:underline;
}

.thrColLiqHdr #mainContent table.event a:hover  {
	color:#A25300;
	text-decoration:underline;
}

.thrColLiqHdr #mainContent .container22 a:link, .thrColLiqHdr #mainContent .container21 a:link {
	color:#fff;
}

.thrColLiqHdr #mainContent .container22 a:visited , .thrColLiqHdr #mainContent .container21 a:visited {
	color:#fff;
}

.thrColLiqHdr #mainContent .container22 a:hover, .thrColLiqHdr #mainContent .container21 a:hover  {
	color:#A25300;
}

.textlink a:link {
	color: #004056;
}

.textlink a:visited {
	color: #004056;
}

.textlink a:hover {
	color:#A25300;
}


table.event td{
	padding:5px;
}

/* the horizontal menu starts here */
div#listmenu {
	width:900px; /* makes the div full width */
	font-size:1.25em;	/* SET FONT-SIZE HERE   font-size:.95em;*/
	padding-top: 5px;
	padding-bottom: 2px;
	font-weight: bold;
	}

div#listmenu ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3em;
}/* indents ul from edge of container */
div#listmenu li {
	z-index:100; /* had to add this to make the drop be on top in Safari */
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	/*background-color:#004056; sets the background of the menu items*/
	text-align: left;
	background-position: center;
	}
	
div#listmenu li:hover {
	background-color:#008FBF; /* *444? sets the background of the hover menu items */
	}
	
div#listmenu a {
	display:block; /* 2px 6px MENU PADDING creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FFFFFF;	/* sets the type color */
	padding-top: 2px;
	padding-right: 32px;
	padding-bottom: 2px;
	padding-left: 6px;
	}
	
div#listmenu a:hover {
	background-color:#008FBF;
	color:#000000;
	}
	
div#listmenu a:active {
	color:#004056;
	}
/* the menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul {
	background-color:#004056;
	font-weight:normal;
	font-size: .85em;
	margin:0;
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:135%; /*  10em; sets the width of the submenu - in combo with the li's 100% width, makes the menu stack , used to be width:100%;*/
			/*left:-1px;  (use if using 10em; above) aligns the drop exactly under the menu */	/*left:-41px;*/
	}
	
div#listmenu ul li ul li a{
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 6px;
	}
	
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul), used to be width:100%;   */
	padding:0 0 0px; /* used to be     padding:0 0 1px */
	}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden;  /*same effect as display:none in this situation */
	left:10em; 
	position:relative;
	z-index: 100;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */


/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */

* html div#listmenu ul {
	margin-left:15px; /* IE doubles the given value above - why? */
	background-position: center;
	text-align: center;
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #004056;
	border-left-color:#004056;
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */

div.list ol {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1.75em;
}

div.list ul{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1.25em;
}

div.list ol ul{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3em;
}

.thrColLiqHdr #container {
	text-align: left;
	margin-bottom: 0;
	background-position: center;
	width: 900px;
	color: #FFFFFF;
	position:relative;
	z-index:1;
	border: 2px solid #333333;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/transparent_black.png);
	background-repeat: repeat;
} 

.thrColLiqHdr #container2 {
	height:660px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #FFFFFF;
	background-position: center;
	float: none;
	border: 2px solid #004056;
	overflow:auto;
}

.thrColLiqHdr #container #show {
	height: 300px;
}

.thrColLiqHdr #container10 {
	width:896px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #FFFFFF;
	background-position: center;
	border: 2px solid #004056;
}
.thrColLiqHdr #container11 {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #FFFFFF;
	background-position: center;
	float: none;
	border: 2px solid #004056;
}
.thrColLiqHdr #container3 {
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: center;
}
.thrColLiqHdr #header {
	margin: 5px;
	padding-top: 10px;
}  
.thrColLiqHdr #header h1 {
}

.thrColLiqHdr #container #header #uppernav {
	float: right;
	padding-top: 3px;
	padding-right: 15px;
	font-weight: bold;
}

.thrColLiqHdr #container #header #uppernav li {
	z-index:100; /* had to add this to make the drop be on top in Safari */
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	/*background-color:#004056; sets the background of the menu items*/
	text-align: left;
	background-position: center;
	}
	
.thrColLiqHdr #container #header #uppernav a {
	display:block;
	padding:2px 10px; /* 2px 6px MENU PADDING creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FFFFFF;	/* sets the type color */
	}	
	
.thrColLiqHdr #container #header #uppernav a:hover {
	color:#000000;
	background-color:#008FBF;
	}
	
.thrColLiqHdr #container #header2 {
	width: 900px;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 20px;
}
/* Tips for sidebars:
1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColLiqHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.thrColLiqHdr #sidebar1 {
	float: left;
	height: 650px;
	background-color: #004056;
	color: #FFFFFF;
	font-size:.7em;
	padding: 5px;
}
.thrColLiqHdr #sidebarnew {
	background-color: #004056;
	float: left;
	width: 70px;
	margin-top: 115px;
	margin-left: 20px;
	height: 150px;
}

.thrColLiqHdr #sidebar2 {
	float: right;
	background-color: #004056;
	padding: 5px;
	height: 650px;
	visibility: visible;
}
.thrColLiqHdr #container #header #listmenu li {
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.thrColLiqHdr #container #header #listmenu {
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.thrColLiqHdr #mainContent {
	color: #004056;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: center;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #FFFFFF;
	padding: 5px;
	z-index:1;
	float: left;
}
.thrColLiqHdr #container #container2 #mainContent .container21 .wrap3 .wrap4 .xheader .title {
	float: left;
}
.thrColLiqHdr #container #container2 #mainContent .container21 .wrap3 .wrap4 .xheader .icon {
	float: right;
}

.thrColLiqHdr .leftmission {
	float: left;
}
.thrColLiqHdr .leftmission275 {
	float: left;
	width:275px;
}
.thrColLiqHdr .rightmission {
	float: right;
}


.thrColLiqHdr #mainContent a:link {
	color: #004056;
	text-decoration: none;
}
.thrColLiqHdr #mainContent a:visited {
	color:#004056;
	text-decoration: none;
}
.thrColLiqHdr #mainContent a:hover {
	text-decoration: none;
	color:#A25300;
}

.thrColLiqHdr #container #mainContent h1 {
	color: #004056;
}
.thrColLiqHdr #container #container10 #mainContent th {
	cursor: pointer;
	color: #004056;
	margin-left: 15px;
}
.thrColLiqHdr #container #container10 #mainContent td {
	padding-left: 2px;
	padding-right: 2px;
}

.thrColLiqHdr #footer {
	padding: 0 0px;
	background-color: #004056;
} 
/*.thrColLiqHdr #footer2 {
	background-position: center;
	padding-left: 0%;
	padding-top: 0.75%;
	background-color: #004056;
	width: 86%;
	text-align: left;
	border: 0px none #004056;
}*/
.thrColLiqHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.thrColLiqHdr #footer2 {
	padding-top: 5px;
	color: #FFFFFF;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
} 



/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.thrColLiqHdr #container #header #logo {
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
}
.thrColLiqHdr #container #header #search {
	float: right;
	padding-right: 10px;	
}

.thrColLiqHdr #container #container10 #mainContent .sprywrap div h3{
	color:#004056;
	text-decoration: none;
	cursor: pointer;
}
.thrColLiqHdr #container #container2 #sidebar1 h3 {
	margin-bottom: -15px;
	position: absolute;
	left: 120px;
	top: 239px;
}


.thrColLiqHdr #container #container10 #mainContent #flashPlayer {
	padding-left: 100px;
	width: 500px;
	position:relative;
	z-index:10;
}

div.list ol {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1.75em;
}

div.list ul{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1.25em;
}

div.list ol ul{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3em;
}

.oddRow{
	background-color: #004056;
	color: #FFFFFF;

}

.hoverRow, .selectRow{
	background-color: #474F49;
	color: #FFFFFF;

}
button:hover {
	text-decoration: none;
	cursor: pointer;
	color:#fff;
}


.wrap img {
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 5px;

}

.wrap3 img {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
}

.thrColLiqHdr #container #container2 #mainContent .container20 {
	width: 450px;
	color: #FFFFFF;
	margin-bottom: 10px;
	border-bottom-style: none;
	padding-top: 3px;

}

/*missions*/
.thrColLiqHdr #container #container2 #mainContent .container21 {
	width: 750px;
	color: #004056;
	margin-bottom: 10px;
	border-bottom-style: none;
	padding-top: 3px;
	background-image: url(../images/world_map3.png);
	background-repeat: no-repeat;
	background-position: center top;

}

/*beliefs*/
.thrColLiqHdr #container #container2 #mainContent .container22 {
	width: 100%;
	color: #004056;
	margin-bottom: 10px;
	border-bottom-style: none;
	padding-top: 3px;

}

.thrColLiqHdr .wrap .wrap2 {
	width: 350px;
	background-color: #004056;
	margin-bottom: 5px;
	border-bottom-style: none;
	overflow: hidden;
	padding-top: 3px;
}

/*missions*/
.thrColLiqHdr .wrap3 .wrap4{
	width: 750px;
	background-color: #004056;
	color: #FFFFFF;
	margin-bottom: 5px;
	border-bottom-style: none;
	overflow: hidden;
	padding-top: 3px;
	
	
}

/*links*/
.thrColLiqHdr .container22 #submenu1, #submenu2, #submenu3, #submenu4, #submenu5{
	background-color: #999;
	text-align:left;
	height: 100px;
	width: 343px;
	overflow:hidden;
	color: #004056;
	border: 1px solid #004056;
	margin-top: 3px;
	padding-left: 5px;
}

/*beliefs*/
.thrColLiqHdr .container22 #beliefs1, #beliefs2, #beliefs3, #beliefs4, #beliefs5, #beliefs6, #beliefs7, #beliefs8, #beliefs9, #beliefs10, #beliefs11, #beliefs12{ 
	background-color: #999;
	height: 140%;
	width: 738px;
	overflow:hidden;
	color: #004056;
	border: 1px solid #004056;
	margin-top: 3px;
	padding: 5px;
}

/*missions*/
.thrColLiqHdr .container21 #submission1, #submission2, #submission3, #submission4, #submission5, #submission6, #submission7, #submission8, #submission9{
	background-color: #999;
	height: 375px;
	width: 743px;
	overflow:hidden;
	color: #004056;
	border: 1px solid #004056;
	margin-top: 3px;
	padding-left: 5px;
}


.thrColLiqHdr .container21 #submission9 td, th{
padding:5px;
}


.thrColLiqHdr .container21 #submission9 ol{
padding-left:20px;
}

.thrColLiqHdr .container20 h3, .thrColLiqHdr .container21 h3, .thrColLiqHdr .container22 h3{
	padding-left: 5px;
}

.thrColLiqHdr .container20 .wrap .wrap2 h3, .thrColLiqHdr .container21 .wrap3 .wrap4 h2, .thrColLiqHdr .container22 .wrap3 .wrap4 h2{
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom:4px;
}


.thrColLiqHdr #container #container2 #mainContent .icon {
	float: right;
}

.thrColLiqHdr #container #container11 #mainContent #searchresults {
	background-position: center;
	text-align: center;
	width: 885px;
}