/* National Geographic - Default Stylesheet for left nav, top nav and main content body
 * --------------------------*/
 

.loginTitle {
	height: 30px;
	background: url('images/furniture/natgeo_loginlogo.gif') no-repeat; 
	padding-left: 32px; 
}

.shadowseparatorhome{
	height:40px;
	width:167px;
	margin-left:5px;
	font-size:1px;
	background-image:url(images/furniture/shadow_separator.gif);
	background-repeat:repeat-x;
	background-position:top;
}
 body {
	background-color: #FFFFFF;
	height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Tahoma, Verdana, sans-serif;
	font-size:11px;
	color:#333333;
}
body a:link {
	color:#333333;
	text-decoration:none;
}
body a:visited {
	color:#333333;
	text-decoration:none;
}
body a:hover {
	color:#990000;
	text-decoration:underline;
}
h1 {
font-family:Helvetica,Arial,sans-serif;
font-size:22px;
font-weight:normal;
color:#333333;
}
.bodyText{
line-height:150%;
}

.spacer {
clear:both;
}
#container {
	position:relative;
	width:auto;
	height:auto;
	padding:17px;
}

#yellowbox {
	position:relative;
	width:760px;
	height:auto;
	background-color:#FFCC00;
	margin:0px auto;
}
#containercontent {
position:relative;
width:100%;
height:auto;
padding-top:15px;
padding-bottom:23px;
}
#topbar {
position:relative;
width:726px;
height:75px;
margin:0px auto;
}
#navbar {
position:relative;
width:726px;
height:35px;
margin:0px auto;
background-image:url(images/nav/bg_nav.gif);
overflow:hidden;
}
#navbar2 {
position:relative;
width:726px;
height:35px;
margin:0px auto;
background-image:url(../images/nav/bg_nav.gif);
overflow:hidden;
}
#navbar #navbox,
#navbar2 #navbox  {
float:left;
}
#navbar #searchBox,
#navbar2 #searchBox {
float:right;
}
#contentbox {
position:relative;
width:702px;
margin:0px auto;
margin-top:5px;
padding:5px;
background-color:#FFFFFF;
}
#contentnavholder{
float:left;
}
#contentnav {
width:154px;
background-color:#FFFFFF;
border: 3px solid #E3E3E3;
padding:1px;
}
#contentnavmyfiles {
margin-top:10px;
width:154px;
background-color:#FFFFFF;
border: 3px solid #E3E3E3;
padding:1px;
}
#content {
width:520px;
height:auto;
border: 1px solid #666666;
margin-left:175px;
}
#content #contentleft{
float:left;
padding:12px;
width:139px;
height:auto;
}
#content #contentleft #navlightbox {
width:auto;
height:auto;
margin-top:10px;
margin-left:5px;
font-size:9px;
}
#content #contentleft #navvideo {
width:auto;
height:100px;
margin-top:30px;
margin-left:5px;
}
.navvidbutton{
padding-top:14px;
}
#content #contentright{
width:330px;
height:auto;
margin-left:170px;
margin-top:14px;
}

#contentnav .header {
margin-top:5px;
height:20px;
text-indent:10px;
}
#contentnav .header img {
vertical-align:middle;
padding-right:2px;
}
#contentnav .subhead {
margin-bottom:5px;
margin-left:20px;
clear: left;
}

#contentnavmyfiles .header {
margin-top:5px;
padding-left:10px;
padding-bottom:10px;
}
#contentnavmyfiles .header img {
vertical-align:middle;
padding-right:2px;
}
#contentnavmyfiles .subhead {
margin-left:20px;
margin-bottom:5px;
clear: left;
}



/* PAGE BOX STUFF */
.pageboxLeft{
float:left;
width:129px;
}
.pageboxRight{
float:right;
width:129px;
}
.pageboxMiddle{
width:auto;
margin-top:17px;
text-align:center;
}
.menu_pagedropdown {
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
color:#333333;
background-color:#F2F2F2;
width:80px;
}


#input_search {
margin-top:-1px;
width:77px;
height:14px;
border:1px solid #818181;
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
color:#333333;
}

.dropdown{
margin-top:-7px;
margin-left:0px;
}
.menu_homedropdown {
width:130px;
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
color:#333333;
background-color:#F2F2F2;
}
.menu_homedropdownR {
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
color:#333333;
background-color:#FFE98F;
}




#tl {
position:absolute;
top:-10px;
left:-10px;
width:10px;
height:10px;
}
#tm {
position:absolute;
top:-10px;
left:0px;
width:100%;
height:10px;
background-image:url(/images/img_shadow/top.gif);
background-repeat:repeat-x;
}
#tr {
position:absolute;
top:-10px;
right:-10px;
width:10px;
height:10px;
}
#lm {
position:absolute;
left:-10px;
width:10px;
height:100%;
background-image:url(/images/img_shadow/left.gif);
background-repeat:repeat-y;
}
#rm {
position:absolute;
right:-10px;
width:10px;
height:100%;
background-image:url(/images/img_shadow/right.gif);
background-repeat:repeat-y;
}
#bl {
position:absolute;
bottom:-10px;
left:-10px;
width:10px;
height:10px;
background-image:url(/images/img_shadow/bl.gif);
background-repeat:no-repeat;
}
#bm {
position:absolute;
bottom:-10px;
left:0px;
width:100%;
height:10px;
background-image:url(/images/img_shadow/bottom.gif);
background-repeat:repeat-x;
background-position:top;
}
#br {
position:absolute;
bottom:-10px;
right:-10px;
width:10px;
height:10px;
background-image:url(/images/img_shadow/br.gif);
background-repeat:no-repeat;

/*Button stuff */

.button_main{
width:120px;
height:17px;
background-color:#CCCCCC;
background-image:url(/images/furniture/button_css/bg_grey.gif);
}
.button_main .button_leftbit{
float:left;
width:6px;
height:17px;
background-image:url(/images/furniture/button_css/leftcap.gif);
background-repeat:no-repeat;
}
.button_main .button_rightbit{
float:right;
width:17px;
height:17px;
background-image:url(/images/furniture/button_css/yellow.gif);
background-repeat:no-repeat;
}
.button_main .button_text{
padding-top:2px;
font-family:Tahoma;
font-size:10px;
color:#333333;
}