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

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;font-size:14pt; background-color: #FFF;}
a {}
a:hover, a:visited {text-decoration: none}
h1, h2, h3 {margin:0; padding:5px; letter-spacing:-2px; }
h1 {font-size:3em; line-height:.9em}
h2 {font-size:2em; }
h3 {color: #FFF; font-size:2em; }
h4 {color: #41bee2; font-size:1.1em}
h1, a {color:#b6cd49;}
h2, a:hover {color:#41bee2}
img {border:none}
em {font-size:.7em}
table {width:100%; padding:20px 0 20px 0}
table, tr, td {margin:0; padding:0; vertical-align:top}
.td_pad {padding:0 20px 20px 0; font-size:.8em; }
#wrap {width:1000px; background-color:#FFF; padding:0; margin:0 auto}
#main {padding:10px}
#logo {width:250px;float:left }
#logo div.padding{margin-top:50px; padding: 0 10px 0 10px}
.bold {font-weight:bold; border-top: 1px dotted #000; border-bottom: 1px dotted #000; padding:1px;}
.red {color:#F00; border:none}
li {margin-bottom:5px}
p.block img, span.rotator #quotes img {float:left; margin-right: 20px}
p.block {margin-bottom: 30px}
span.sm {font-size:.8em; margin-left:8px}

#content {width: 690px;padding:10px; margin:20px 0 0 20px; float:left; }
#header {margin:0 auto; width:100%; background-image:url(../../images/bg-header.png); }
#footer {clear:both; height:200px; width:100%; background-image:url(../../images/footer.png);}
.top {text-align:right;}
.title {padding:20px 0 20px 0}

span.rotator, h3 {background-color:#333}
span.rotator {
	padding:15px;
	display:block;
	height:200px;
	}
span.rotator h3 {color: #FFF; font-size:1.5em}	
span.rotator h4 {font-size:1em; color:#41bee2}	
span.rotator ul {list-style:none; padding:0; margin:0}
span.rotator blockquote {padding:0; margin:0}
/* tab pane styling */
.panes div {
	display:none;		
	padding:25px;
	border:1px solid #999;
	border-top:0;
	font-size:.9em;
	background-color:#fff;
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../../images/tabs/blue_UNISDR.png) no-repeat -420px 0;
	font-size:12px;
	font-weight:bold;	
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}


/** PopUp Overlay for October 13th **/

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color: #FFF;
	
	width:700px;	
	min-height:200px;
	border:2px solid #666;
	padding:10px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	background-image:url(../../images/close.png)
}
/* some styling for triggers */
#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}