@charset "utf-8";
/* CSS Document */

body {
	background: url(../img/constants/background.jpg) top center no-repeat #74334f;
}

#header {

}
	#header a {
		display: block;
		width: 960px;
		height: 238px;
		background: url(../img/constants/giannas_light_logo.jpg) top left no-repeat;
		text-indent: -19000px;
		margin:0;		
	}

#page {
	width: 960px;
	margin: 0px auto;
}

#nav {
	margin: 0 auto;
	position:absolute;
	top:237px;
}
	
	#nav #nav1lev {
		height: 67px;
		float: left;
	}
	
	#nav #nav1lev li {
		float: left;
	}
	
	#nav #nav1lev li a {
		display: block;
		height: 67px;
		background-image: url(../img/constants/nav.jpg);
		background-repeat: no-repeat;
		cursor: pointer;
		text-indent: -19000px;
	}
		#nav_blank_l {
			width: 34px;
		}
		#nav_home {
			margin-left:34px;
			width: 84px;
			background-position: -34px 0px; 
		}
		#nav_home:hover, #nav_home.active {
			background-position: -34px -67px;
		}
		#nav_ribbons {
			width: 163px;
			background-position: -118px 0;
		}
		#nav_ribbons:hover, #nav_ribbons.active {
			background-position: -118px -67px;
		}
		#nav_story {
			width: 145px;
			background-position: -281px 0;
		}
		#nav_story:hover, #nav_story.active {
			background-position: -281px -67px;
		}
		#nav_events {
			width: 87px;
			background-position: -426px 0;
		}
		#nav_events:hover, #nav_events.active {
			background-position: -426px -67px;
		}
		#nav_resources {
			width: 164px;
			background-position: -513px 0;
		}
		#nav_resources:hover, #nav_resources.active {		
			background-position: -513px -67px;
		}
		#nav_contact {
			margin-right:155px;
			width: 128px;
			background-position: -675px 0;
		}
		#nav_contact:hover, #nav_contact.active {		
			background-position: -675px -67px;
		}
		
	#searchForm {
		background: url(../img/layout/search.png) top right no-repeat;
		position: relative;
		float: right;
		height: 31px;
		width: 183px;
	}		
		#searchL {
			display: block;
			background: url(../img/layout/searchL.png);
			width: 8px;
			height: 17px;
			position: absolute;
			top: 7px;
			left: 12px;						
		}
		#searchForm input#searchTxt {
			background: url(../img/layout/searchBg.png) repeat-x;
			position: absolute;
			height: 17px;
			border: 0;
			top: 7px;
			left: 20px;
			width: 140px;
			line-height:normal;
			color: #999999;
			font-size: 11px;
		}
		#searchR {
			display: block;
			background: url(../img/layout/searchR.png);
			width: 8px;
			height: 17px;
			position: absolute;
			top: 7px;
			left: 160px;						
		}
	
	#nav_skip {
		 height: 10px;
		 font-size:1px;
		 background: #d9202b;
	}
	
	#nav_skip.indexpage {
		background: #cbcbcb;
		border-bottom: 1px solid #dddada;
	}
	
	.nav3lev, #nav3lev {
		padding: 10px;
	}

#content {
	background: url(../img/constants/content_bg.jpg) top center no-repeat #fff;
	position:relative;
	top:65px;
	padding: 10px;
}

	#content #copy {
		margin: 10px 80px 30px;
	}

#content_feet {
	margin: 0 0 30px 0;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	background-color: #FFF;
}
	#content_feet ul {
		margin: 0 auto;
		height: 47px;
		width: 763px;
		background: #996633;
		background: url(../img/layout/bottomNavBg.gif) bottom center no-repeat;
	}	
	#content_feet ul li {
		display: inline;
		height: 31px;
	}
	#content_feet ul li a {
		display: inline;
		background-image: url(../img/layout/bottomNavButtons.gif);
		float: left;
		height: 31px;
		text-indent: -19000px;
		margin-top: 10px;
		margin-right: 20px;
	}
		#content_feet.addPage a#bottomTop {
			width: 79px;
			margin-left: 105px;
		}		
		#content_feet.removePage a#bottomTop {
			width: 79px;
			margin-left: 105px;
		}
		#content_feet.addSection a#bottomTop {
			width: 79px;
			margin-left: 97px;
		}		
		#content_feet.removeSection a#bottomTop {
			width: 79px;
			margin-left: 82px;
		}
		#content_feet.noPdf a#bottomTop {
			width: 79px;
			margin-left: 189px;
		}
		
		a#bottomTop:hover {
			width: 79px;
			background-position: 0 -31px;						
		}
		
		a#bottomFullReport {
			width: 116px;
			background-position: -111px 0;
		}
		a#bottomFullReport:hover {
			background-position: -111px -31px;						
		}
		
		#content_feet.addPage a#bottomAddRemove {
			width: 127px;
			background-position: -253px 0;
		}
		#content_feet.addPage a#bottomAddRemove:hover {
			background-position: -253px -31px;						
		}		
		#content_feet.removePage a#bottomAddRemove {
			width: 159px;
			background-position: -567px 0;
		}
		#content_feet.removePage a#bottomAddRemove:hover {
			background-position: -567px -31px;
		}
		
		#content_feet.addSection a#bottomAddRemove {
			width: 170px;
			background-position: -737px 0;
		}
		#content_feet.addSection a#bottomAddRemove:hover {
			background-position: -737px -31px;						
		}		
		#content_feet.removeSection a#bottomAddRemove {
			width: 202px;
			background-position: -916px 0;
		}
		#content_feet.removeSection a#bottomAddRemove:hover {
			background-position: -916px -31px;
		}
		
		a#bottomCustom {
			width: 143px;
			background-position: -403px 0;
		}
		a#bottomCustom:hover {
			width: 143px;
			background-position: -403px -31px;
		}

/* ---- Generic ---- */

.hidden {
	display: none;
}

p.noFlash {
	padding: 10px;
	border: 5px solid #CCCCCC;
	background: #EAEAEA;
}


.popImage, .popVideo {
	cursor:pointer;
}

/* overlays */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color: #FFFFFF;
	width:150px;
}

.details p {
	color: #FFFFFF;
}

.simple_overlay {	
	display:none;
	z-index:10000;
	background-color:#333;
	border:1px solid #666;	
}

.simple_overlay.withLabel {
	width: 800px;
}

.simple_overlay .close {
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:25px;
	width:25px;
	background: url(../img/layout/closePopup.gif) top left no-repeat;
}

div.overlay {
	width:576px;  
	display:none;	
	padding: 30px;
}

div.overlay div.close {
	background:url(../img/layout/closePopup.gif) no-repeat;
	position:absolute;
	top: 2px;
	right: 2px; 
	width:25px;
	height:25px;
	cursor:pointer;
}

/* Height is important */
a.player { 		
	display:block;
	height:408px;			
	border:1px solid #666;
}

/* TABS */

ul.tabs li {
	position: relative;
	width: 101px;
	margin-bottom: 5px;
	
}
ul.tabs li a {
	display: block;
	height: 19px;
	width:101px;
	text-indent: -19000px;
}

li.tabs2 {
	margin-left: 106px;
}

li.tabs3 {
	margin-left: 212px;
}

li.tabs4 {
	margin-left: 318px;
}

li.tabs5 {
	margin-left: 424px;
}

li.top {
	margin-top: -48px
}

ul.countries li a {
	background-image: url(../img/layout/countriesButtons.gif);
}

ul.countries li a#uk {
	background-position: 0 -19px;
}				
ul.countries li a#uk:hover, ul.countries li a#uk.current {
	background-position: 0 0px;
}

ul.countries li a#tz {
	background-position: 0 -209px;
}				
ul.countries li a#tz:hover, ul.countries li a#tz.current {
	background-position: 0 -190px;
}

ul.countries li a#bd {
	background-position: 0 -171px;
}				
ul.countries li a#bd:hover, ul.countries li a#bd.current {
	background-position: 0 -152px;
}

ul.countries li a#in {
	background-position: 0 -133px;
}				
ul.countries li a#in:hover, ul.countries li a#in.current {
	background-position: 0 -114px;
}

ul.countries li a#id {
	background-position: 0 -57px;
}				
ul.countries li a#id:hover, ul.countries li a#id.current {
	background-position: 0 -38px;
}

ul.countries li a#cn {
	background-position: 0 -95px;
}				
ul.countries li a#cn:hover, ul.countries li a#cn.current {
	background-position: 0 -76px;
}

.callout {
	width:300px;
	min-height:60px;
	float:right;
	position:inherit;
	margin:0px 0px 10px 10px;
}
.callout_top {
	width:300px;
	height:40px;
	margin:0;
	float:left;
}
.callout_body {
	width:300px;
	background-image:url(../img/secondary/callout_bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	margin:0;
	min-height:60px;
	float:left;
	text-align: center;
}

.callout_bot {
	width:300px;
	height:20px;
	background-image:url(../img/secondary/callout_bot.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	float:left;
}