/*
------------------------------------------------------------------------
Theme Name:    UNIS-UN Official Website	
Theme URL:     http://www.unis-un.org/
Description:   A new design for UNIS-UN.
Version:       2.0
Author:        Jordan Sandrini-Cooke
Author URL:    http://www.unis-un.org/
------------------------------------------------------------------------

Updated:       January 28, 2009
Copyright:     © 2008 United Nations International School

All rights reserved.
*/

body {
	margin: 0 auto;
	background: #FFF;
}

.tabcontainer {
	width:100%;
	text-align:center;
}

.tabs{
	border-bottom: 0px solid #49a0c9;
	margin-top:20px;
	overflow: hidden;
	width: 992px;
	font-size: 14px; /*font of menu text*/
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
}

.tabs ul{
	list-style-type: none;
	margin: 0;
	margin-left: 10px; /*offset of first tab relative to page left edge*/
	padding: 0;
}

.tabs li{
	float: left;
	margin: 0;
	padding: 0;
}

.tabs a{
	float: left;
	position: relative;
	/* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	background: url(img/tabs-left.jpg) no-repeat left top;
	margin: 0 auto;
	margin-right: 3px; /*Spacing between each tab*/
	padding: 0 0 0 9px;
	text-decoration: none;
	text-align:center;
}

.tabs a span{
	float: left;
	position: relative;
	display: block;
	background: url(img/tabs-right.jpg) no-repeat right top;
	padding: 10px 52px 15px 40px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
	color: #333333;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.tabs .selected a{
	background-position: 0 -125px;
	top: 0;
}

.tabs .selected a span{
	background-position: 100% -125px;
	color: white;
	padding-bottom: 15px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
}

.tabs a:hover{
	background-position: 0% -125px;
	top: 0;
}

.tabs a:hover span{
	background-position: 100% -125px;
	color:#FFF;
	padding-bottom: 15px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
}
.subLinks {
height: 20px;
	background:#49a0cb;
	width:982px;
	padding-top:10px;
	text-align:center;
}

.subLinks ul {
list-style-type: none;
	margin: 0;
	margin-left: 0px; /*offset of first tab relative to page left edge*/
	padding: 0;
	width: 600px;

}

.subLinks li{
	float: left;
	margin: 0;
	padding: 0;
}

.subLinks a{
	float: left;
	position: relative;
	/* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	margin: 0 auto;
	/*Spacing between each tab*/
	padding: 3px 20px 5px 20px;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	color:#CAE4E8;
	font-size: 12px; /*font of menu text*/
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #49a0cb;
}
.subLinks a:hover {
	float: left;
	position: relative;
	/* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	margin: 0 auto;
	/*Spacing between each tab*/
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	color:#CAE4E8;
	font-size: 12px; /*font of menu text*/
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	background:#333;
	border: 1px solid #505050;
}
.header {
	background: url(img/header-back.jpg) repeat-x;
	width:982px;
	height:223px;
	text-align:center;
}

.header .container {
/*	background: url(img/header.png) no-repeat; 
	disable 
		if(flash = true); 
	*/ 
	background-position:center;
	width:982px;
	height:223px;
}

.header .logo {
	background: url(img/logo.jpg) no-repeat center;
	float:left;
	width: 285px;
	height:203px;
	position:relative;
	margin-left:7px;
	margin-top: 10px;
}

.header .title {
	float:right;
	width:500px;
	height:200px;
	color:#06C;
	font-size: 25px;
	position:relative;
	margin-right: 75px;
	margin-top: 15px;
}

.header .theyear {
	color: #666;
	font-size: 20px;
}



.main {
	background: url(img/top-main.png) no-repeat top #FFF;
	border-right: 1px #1b3e51 solid;
	border-left: 1px #1b3e51 solid;
	border-bottom: 1px #1b3e51 solid;
	color: #333;
	width: 960px;
	height: 450px;;
	text-align:left;
	padding: 10px;
	font-size: 13px; /*font of main document*/
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
}

.thecontent {
	float: right;
	width: 650px;
	text-align:justify;
}

.thenews {
	float: left;
	width: 260px;
	background: url(img/news-back.png) repeat;
	border: 1px solid #666;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top:6px;
	position:relative;
	
}

.thenews .newstitle {
text-align: right;
float:right;
text-decoration:underline;
font-size:15px;
}

.search {
	width: 260px;
	padding-bottom: 10px;
	position:relative;
}
.footer {
	background: url(img/footer.png) no-repeat top;
	height: 78px;
	width: 982px;
}

.footer .links {
	float:left;
	width:400px;
	height:20px;
	color: #000;
	font-size: 12px; /*font of main document*/
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
	position: relative;
	margin-left: 25px;
	margin-top: 5px;
}

.footer .links a {
	color:#333;
	text-decoration:none;
}

.footer .links a:hover {
	color: #0066FF;
	text-decoration: none;
}

.footer .copyright {
	float: right;
	width: 400px;
	height: 20px;
	color: #000;
	position: relative;
	margin-right: 25px;
	margin-top: 5px;
	font-size: 11px; /*font of main document*/
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
}

.footer .copyright a {
	color:#333;
	text-decoration:none;
}

.footer .copyright a:hover {
	color: #0066FF;
	text-decoration: none;
}

.aboutDrop_a{
position:absolute;
top: 0;
border: 1px darkgray solid; /*THEME CHANGE HERE*/
border-bottom-width: 0;
	font-size: 14px; /*font of menu text*/
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
line-height:18px;
z-index:100;
background-color: white;
width: 300px;
text-align:left;
visibility: hidden;
}


.aboutDrop_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #678b3f;
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .aboutDrop_a a{ /*IE only hack*/
width: 100%;
}

.aboutDrop_a a:hover{ /*THEME CHANGE HERE*/
background-color: #8a3c3d;
color: white;
}