body, html{ 
	font-family:  Arial,Sans-serif;
	color: #fff; 
	font-size: 9pt;
	margin: auto; 
	padding: 0; 
	height: 100%
	font-size: 11px;
 }


.language{
	position: absolute;
	top: 5px;
	left: 0px;
	font-size: 11px;
}

.language span{
	display:block;
	float: left;
	margin-right: 5px;
}

.language a{
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #bbb;
/*	height: 16px;
	width: 16px;
	background-image: url(/images/flags.png);
*/
	color: #336699;
}


.language a.mx{
	background-position: -16px;
}

.language a.pt{
	background-position: -32px;
}



.loContent{
	float: left;
	width: 630px;
	margin-right: 40px;
}

.loGutter{
	margin-top: 10px;
	width: 255px;
	float: left;
}


.loContent h1{
	border-bottom: 2px solid #777;
}


.sbButton{
	background: url(/images/bgbutton.png) repeat-x;
	height: 19px;
	text-align: center;
	padding-top: 4px;
	font-weight: bold;
	color: #24556f;
}

.sbButton a{
	text-decoration: none;
	color: #24556f;
}

.sbButton a:hover{
	text-decoration: underline;
}

sup{
	height: 0;
	line-height: 1;
	vertical-align: text-top;
	_vertical-align: top;
	position: relative;
	top: .6ex;
	font-size: .5em;
}


#main{ 
	position: relative;
	width: 975px;	
	margin-left:auto;
	margin-right:auto;  
	margin-top: 5px;
	color:#333;
}

.header{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 15px;
	height: 140px;
}

.nav a{
	display: inline-block;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 6px;
	margin-right: 6px;
	border-right: 1px solid #cc0000;
	text-decoration: none;
	color: #777;
	font-family: arial;
	letter-spacing: 1px;
}

.nav a:nth-last-child(1){
	border-right: 0px solid #999;	
	margin-right: 0px;
	padding-right: 0px;
}


.nav a:hover{
	text-decoration: underline;
	color: #CC0000;
}


.flipcity img{
	border: 1px dotted transparent;
	display: block;
	padding: 0px;
	float: right;
}

.flipcity:hover img{
	border: 1px dotted red;
	cursor: pointer;
}


.nav {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: url(../images/nav-shadow.png) bottom left repeat-x;
	padding-bottom: 10px;
	text-align: center;
	padding-top: 15px;
}


.layout{
	position: absolute;
	top: 170px;
	left: 0px;
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	margin-top: 12px;
	margin-bottom: 15px;
}

.layoutTable{
	height: 550px;
}

.techNote{
	border: 1px dotted #990000;
	color: #990000;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #FFFFCC;
}


/*
	SIDE BAR CLASSES

*/

.sb{
	border: 1px solid #ccc;
	margin-top: 25px;
}


.sbTitle{
	border-bottom: 1px solid #ccc;
	background: url(../images/nav-shadow.png) bottom left repeat-x;
}

.sbTitle h3, .sbTitle a{
	color: #4D4D4D;
	font-size: 16px;
	font-weight: bold;
	padding: 7px;
	margin: 0px;
	text-decoration: none;
}

.sbTitle a:hover{
	color: #993300;
	text-decoration: underline;
}


.sbContent a.more{
	display: block;
	font-size: 12px;
	text-align: center;
	background-color: #ffffcc;
	text-decoration: none;
	padding: 3px;
	margin: 5px;
	color: #5d5d5d;
	font-weight: bold;
}

.sbContent a.more:hover{
	background-color: #efdeb6;
	color: #990000;
}




.sbContent{
	padding: 7px;
}

.sbContent h3{
	padding: 2px; 
	margin: 0px; 
	font-size: 16px; 
	color: #444; 
	letter-spacing: 0px;
}



.sbLinks div{
	padding: 0px;
	margin: 0px;
}

.sbbm div{
	margin-bottom: 8px;	
}

.sbLinks img{
	margin-right: 10px;
	border: 0px;

}

.sbLinks li{
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}

.sbLinks a{
	font-size: 12px;
	padding-right: 20px;
	text-decoration: none;
	color: #336699;
	display: inline;
}

.sbLinks a:hover{
	text-decoration: underline;
	color: #CC0000;
}


.sbAd{
	font-size: 10px;
	text-align: center;
	color: #aaa;
	padding-top: 20px;
	margin-bottom: 20px;
}


.imgzoom img{
	cursor: url('/images/magnify.cur'), pointer;
}

.voteBox{
	position: relative;
	float: left; 
	width: 208px; 
	margin-left: 60px;
	margin-right: 60px;
	text-align: center;
	height: 300px;
	overflow: hidden;
}

.voteBox .copyright{
	display: inline-block;
	text-align: left;
	position: absolute;
	bottom: 55%;
	right: -133px;
	color: white;
	font-size: 11px;
	font-weight: normal; 
	transform: rotate(-90deg);
	transform-origin: center;
	z-index: 200;
	line-height: 25px;
	width: 300px;
}


.sbTop{
	margin-top: 0px;
}


.hpArt{
	width: 305px; 
	vertical-align: top;
	background: url(../images/department-shadow.png) top left repeat-x;
	padding-top: 14px;
	height: 220px;
	float: left;
	margin-right: 50px;
}


.hpArt .sectionImg{
	width: 115px;
	float: left;
}

.hpArt .storyList{
	font-family:  Verdana, Arial,Sans-serif;
	width: 	177px;
	float: left;
	padding-left: 10px;
}

.storyList h2 {
	text-transform: uppercase;
	color: #777777;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
	line-height: auto;
}
.storyList h2 a{
	text-decoration: none;
	color: #777777;
}
.storyList h2 a:hover{
	text-decoration: underline;
	color: #990000;
}

.storyList h3{
	font-size: 10px;
	font-weight: bold;
	color: #336699;
	margin: 0px;
	padding: 0px;
	line-height: 13px;
}

.storyList h3 a{
	text-decoration: none;	
	color: #777777;
}

.storyList h3 a:hover{
	text-decoration: underline;	
	color: #990000;
}




.storyList span{
	font-size: 10px;
	display: block;
	color: #777;
	padding-bottom: 5px;
	margin-bottom: 8px;
	line-height: 13px;
}


.footer{
	border-top: 1px solid #BCCBE0;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer a{
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	color: #777;
	letter-spacing: 1px;
}

.footer a:hover{
	text-decoration: underline;
	color: #CC0000;
}


/*ARTICLE CSS*/

.articleTitle{
	line-height: 20px;
	font-size: 20px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #777;
}

.lead-sentence {
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 20px;
	color: black;
	background-color: transparent;
}
.byline {
	color: #777;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
}

.articleText{
	line-height: 22px;
	font-size: 14px; 
}

.articleText ul{
	list-style-type: disc;
	margin-left: 20px;
}


.articleText ol{
	list-style-type: decimal;
	margin-left: 35px;
}


.articleText li{
	margin-top: 4px;
	margin-bottom: 4px;
}



.sectionTitle{
	
	margin-top: 21px;
	font-size: 15px;
	color: #DE8D45;
	font-weight: bold;

}

.imgButton{
	cursor: pointer;
}

/*SECTION COLORS*/

.featuresMain{
	color: #31639C
}
.featuresSub{
	color: #C48945
}

.encountersMain{
	color: #BA6B3A
}
.encountersSub{
	color: #BA6B3A
}


.waterPlanetMain{
	color: #666600
}
.waterPlanetSub{
	color: #663300
}


.diveSlateMain{
	color: #008080
}
.diveSlateSub{
	color: #800000
}









.bgImgFrame{
	float: left;
	/*border: 1px solid #BEBEBE;
	background: #eee  url(/alertdiver/images/minizoom.png);
	*/
	background-position: top right;
	background-repeat: no-repeat;
	font-family: Arial, Verdana, Sans-serif;	
	font-size: 10px;
	padding: 5px;
	padding-bottom: 4px;
	overflow: auto;
	display: inline-block; 
	margin-right: 8px;
	margin-bottom: 4px;
	color:#00736B;
	line-height:12px;
	width: 210px;
}

.bgImgMed{
	overflow: hidden;
	width: auto;
}

.bgImgFull{
	overflow: hidden;
	width: auto;
}

.bgImgFrame img{
	margin-bottom: 4px;
	display: inline;
}

.bgImgCenter{
	clear: both;
	margin-bottom: 8px;
}

.bgImgLeft{
	float: left;
	margin-right: 8px;
}

.bgImgRight{
	float: right;
	margin-left: 8px;
}


.storyTools th{
	border-bottom: 1px dotted #ddd; 
	color: #999; 
	font-size: 10px; 
	text-align: left;
	font-weight: normal;
}

.storyTools td{
	margin-top: 5px
}

/*Rating System*/

#star ul.star { 
	LIST-STYLE: none; MARGIN: 0; 
	PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 10px; TOP: -5px; POSITION: 
	relative; FLOAT: left; BACKGROUND: url('../images/stars.gif') repeat-x; CURSOR: pointer; 
}
#star li { 
	PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; 
	TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; 
	POSITION: absolute; PADDING: 0; 
}
#star li.curr { BACKGROUND: url('../images/stars.gif') left 25px; FONT-SIZE: 1px; }
#star div.user { LEFT: 15px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px; FONT-FAMILY: Arial; COLOR: #888; }



/*section list css*/

.sectionList {
	font-family: arial,verdana;
	color: #858585;
	font-size: 12px;
	padding-bottom: 7px;
	width: 100%;
}

.sectionList a{
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}

.sectionList a:hover{
	text-decoration: underline;
}



.sectionList h2{
	margin: 0px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #5F5F5F;
}




div.imgDisplay{
	position: relative;
	overflow: hidden;
	width: 115px;
	height: 165px;
	text-align: center;
	xborder: 1px solid #3366CC;
	margin-right: 9px;
}

div.imgDisplay table{
	width:115px; 
	height:150px;
	vertical-align:middle; 
	text-align:center; 
	top:-5px; 
	left:-55px; 
	position:relative; 
	xoverflow:hidden; 
}


div.imgDisplay img.std{
	width: 115px;
	xmin-height: 165px;
	top:-5px; 
	left:-5px; 
	position: relative;
}

div.imgDisplay img.left{
	max-width: 250px;
	top:-10px; 
	left:-85px; 
	position: relative;
}

div.imgDisplay img.right{
	max-width: 250px;
	top:-8px; 
	left:-25px; 
	position: relative;
}

div.storyDivBar{
	width: 98%;
	text-align: left;
	height: 1px;
	border-top: 1px dotted #9DA2B0;
	padding-bottom: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 0px;
}





/* exclusive list css*/

.exList {
	font-family: arial,verdana;
	color: #858585;
	font-size: 10px;
	padding-bottom: 7px;
	width: 100%;
}

.exList a{
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}

.exList a:hover{
	text-decoration: underline;
}



.exList h2{
	margin: 0px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #5F5F5F;
}



div.sectionImgDisplay{
	position: relative;
	overflow: hidden;
	width: 115px;
	height: 165px;
	text-align: center;
	border: 0px solid 3366CC;
	margin-right: 9px;
}

img{
	border: 0px;
}


div.exImgDisplay{
	position: relative;
	overflow: hidden;
	width: 75px;
	height: 80px;
	text-align: center;
	border: 1px solid #555;
	margin-right: 9px;
}

div.exImgDisplay table{
	width:200px; 
	height:150px;
	vertical-align:middle; 
	text-align:center; 
	top:-5px; 
	left:-45px; 
	position:relative; 
	xoverflow:hidden; 
}


div.exImgDisplay img.std{
	max-width: 80px;
	top:-9px; 
	left:-1px; 
	position: relative;
}

div.exImgDisplay img.left{
	max-width: 150px;
	top:-10px; 
	left:-85px; 
	position: relative;
}

div.exImgDisplay img.right{
	max-width: 150px;
	top:-8px; 
	left:-25px; 
	position: relative;
}

div.exStoryDivBar{
	width: 98%;
	text-align: left;
	height: 1px;
	xborder-top: 1px solid #9DA2B0;
	padding-bottom: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 0px;
}



/* contact */

.contact{
	color: #777;
	font-size: 18px;
	line-height: 25px;

}

.contact th{
	vertical-align: top;
	color: #777;
	font-size: 14px;
	font-weight: normal;
}

.contact input, .contact textarea{
	border: 1px solid #777;
	color: #777;
	font-size: 14px;
	padding: 2px;
}


/*Photo Tech*/

.pt .headingbig{
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #336699;
}

.pt img{
	padding: 5px; 
}

.pt .imgHold{
	width: 220px;
	padding: 5px;
	margin-left: 7px;
	margin-bottom: 7px;
	border: 1px dotted #777;
	background-color: #eee;
	float: right;
	text-align: center;

}

.imgHold img{
	border: 1px solid #777;
	display: block;
	max-width: 205px;
	margin: auto;
	padding: 0px;
}



.pt .caption{
	font-size: 11px;
	padding-bottom: 12px;
	color: #4B87C2;
	line-height: 12px;
	display: none;
}

/*rss feed*/


.adOnPost {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	padding-bottom: 15px;
	color: #336666;
}


.onPostTitle{
	font-size: 1.5em;
	color: #444;
	display: block;
}

.onPostByLine{
	font-size: .8em
	color: #777;
	display: block;
	margin-bottom: 15px;
}

.adPost {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	padding-bottom: 15px;
	color: #336666;
	margin-bottom: 20px;
}


.postTitle{
	font-size: 1.2em;
	color: #444;
	display: block;
}

.postByLine{
	font-size: .9em
	color: #777;
	display: block;
	margin-bottom: 7px;
}


.postLink:hover{
	color: red;
}


/*article-essay*/

.essayBrowser{
	border-top: 1px solid #888;
	margin-bottom: 8px;
	font-size: 12px;
	color #888;
}

.essayButton{
	margin: auto;
	padding: auto;
	border: auto;
	font-size: 12px;
	width: 70px;
	color: #336699;
	font-weight: bold;
}

/*login*/


.login .container{
	border: 1px solid #777;
	background-color: #eee;
	padding: 7px;
}


.container td{
	padding: 4px;
}

.login th{
	font-weight: bold;
	text-align: left;
}

.login input{
	font-size: 12px;
	color: #336699;
	padding: 2px;
	width: 130px;
	border: 1px solid #777;
}


.newsLinks{
	margin-bottom: 15px; 
}

.mtitle{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 7px;
}


.newsLinks .section{
	margin-top: 0px;
	font-size: 11px
	color: #999;
	font-weight: normal;
	margin-left: 20px;
	text-decoration: underline;
}

.newsLinks a{
	font-size: 11px;
	padding-left: 20px;
	text-decoration: none;
	color: #3366CC;
	display: block;
	margin-bottom: 4px;
}

.newsLinks a:hover{
	text-decoration: underline;
	color: #CC0000;
}



.contest{
	position: relative;
	background: url(../images/contest/votebg.jpg); 
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #E9EEF5;
	height: 340px; 
	border: 1px solid #aaa; 
	width: 658px; 
	padding-top: 35px;
}

.contest .note{
	position: absolute;
	font-size: 11px;
	bottom: 5px;
	left: 10px;
	color: #fff;
}

.contest .note a{
	text-decoration: underline;
}

.contest .note a:hover{
	color: #cc0000;
}


.contest .login{
	margin: auto; 
	text-align: center; 

}

.contest .login a{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	color: #CC0000;
}

.contest .login a:hover{
	text-decoration: underline;
	color: #006600;
}

.ofade{
	filter:alpha(opacity=80);
	opacity: 0.8;
}

.ofade:hover{
	filter:alpha(opacity=100);
	opacity: 1.0;
}

/******/


/*multi css -- need to be at bottom because affect previous classes*/

 a.current {
	color: #de1829;
	text-decoration: none;
}


.getAnswers{
	margin-top: 20px;
	font-weight: bold;
	color: #777;
	margin-bottom: 2px;
}

.getAnswers:hover{
	color: red;
	text-decoration: underline;
	cursor: pointer;
}

.showAnswers{
	display: none; 
	padding: 10px; 
	border: 1px solid #ccc; 
	background-color: #f5f5f5;

}


.questionNo{
	margin-top: 20px;
	font-size: 17px;
	padding: 4px;
	padding-left: 0px;
	background-color: #e5e5e5;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
}

.questionNo img{
	padding-right: 5px;
}



.search{
	position: relative;
	float: right;
	width: 206px;
	margin: 0px;
	margin-bottom: 6px;
}

.search .icon{
	position: absolute;
	top: 3px;
	right: 8px;
	cursor: pointer;
}

.search .icon img{
	max-width: 20px;
}


.search input{
	border: 1px solid #bbb;
	font-size: 14px;
	padding: 5px;
	padding-right: 35px;
	width: 160px;
}



/*For Share Box*/
#sharebox {
    xfloat: left;
    xmargin-left: -103px;
    background: #FAFAFA;
    position: absolute;
    border: 1px solid #E5E5E5;
    -moz-border-radius: 3px;
    border-radius: 3px;
	text-align: center;
}
#sharebox .wdt {
    xfloat: left;
    clear: left;
    padding: 5px;
	border-bottom: 1px solid #eee;
	margin-bottom: 5px;
}

#share .fixed {
    position:fixed;
    top:15px;
}


/*gutter box float*/

#gutterbox {
    position: absolute;
}

#gutter .fixed {
    position: fixed;
    top:15px;
}



.radio {
    display: block;
    float: left;
    margin-right: 8px;
}

.answer {
    border: 1px dotted transparent;
    color: #5F5F5F;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
    margin-left: 27px;
    position: relative;
}

.answer:hover{
	color: #930;
}


.quizButton{
	color: #3366ff;
	font-size: 16px;
	font-weight: bold;
}