/*
------------------------------------------------------------------------
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:       February 28, 2009
Copyright:     © 2009 United Nations International School

All rights reserved.
*/

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

/* TABS */

.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 ... */

.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;
}

/* ... SUBLINKS MEDIA ... */

.subLinksMedia {
/* null */ 
}

	.subLinksMedia ul {
	list-style-type: none;
		margin: 0;
		margin-left: 0px; /*offset of first tab relative to page left edge*/
		padding: 0;
		width: 400px;
	}
	.subLinksMedia ul 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:#333;
		font-size: 12px; /*font of menu text*/
		font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
		border: 1px solid #FFF;
	}
	.subLinksMedia ul 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;
		}
		.subLinksMedia li {
			float: left;
			margin: 0;
			padding: 0;
		}

/* ... HEADER ... */

.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 ^ (above)
			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:190px;
		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: 95px;
		margin-top: 10px;
	}
	.header .theyear {
		color: #666;
		font-size: 20px;
	}

/* ... MAIN ... */

.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;
	width: 960px;
	height: 450px;
	text-align:left;
	padding: 10px;
	font: 76%/1.5em Arial, Verdana, sans-serif;  
	color: #666666;
	}
	.main-gal {
		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: 980px;
		height: 700px;;
		text-align:left;
		padding: 0px;
		font-size: 13px; /*font of main document*/
		font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
	}

/*	... THE CONTENT (subMain) ... */

.thecontent {
	float: right;
	width: 960px;
	text-align:justify;
	}
	.thecontent a{
		text-decoration: none;
		text-align:center;
		color: #0099FF;
		font-size: 12px; /*font of menu text*/
		font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	}
	.thecontent a:hover {
		text-decoration: none;
		text-align:center;
		color:#333;
		font-size: 12px; /*font of menu text*/
		font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	}

/*	... NEWS ... */

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

.workingPaperList {
	float: left;
	width: 550px;
}

.workingPaperLogos {
	float: left;
	width: 260px;
	margin-left: 40px;
}

.search {
	width: 260px;
	padding-bottom: 10px;
	position:relative;
}

/*	... FOOTER ... */

.footer {
	background: url(img/footer.png) no-repeat top;
	height: 46px;
	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:#0099FF;
			text-decoration:none;
		}
		
		.footer .copyright a:hover {
			color: #333;
			text-decoration: none;
		}