/* 
title:     EXP styles
Updated:   Dec 2007
Author:    ITHACA web squad
*/

html {
	margin: 0;
	padding: 0;
	}

body {
font-size: 11px; 
font-family: "Lucida Grande", Arial, Helvetica, Tahoma, Verdana, sans-serif;
/* background: #c9c9c9; */
/* background: #cfd4d8; */
background:    #dedee6;
margin: 0px;
padding: 0px;
}

td {
	font-family: Arial, san-serif;
	font-size: small;
	color: #333;
	}

img { /* needed for firefox */
	border: 0px;
	}
		
a {
	color: #369;
	text-decoration: none;
	}
	
a:hover {
	color: #7ab;
	text-decoration: underline;
	}
		
a:visited {
	color: #369;
	}
	
h3 a:hover {
	color: #C30;
	}
	
p {
	font-size: 11px;
	line-height: normal;
	text-decoration: none;
	/* color: #666; */
	}


h4 {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	}
	
h5 {
	color: #000;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}

ul {
	list-style-type: none;
	padding: 0px;
	}

ul li {
	color: #666;
	margin:0;
  	padding:0;
  	}
  	
ol {
	margin-left: 0px;
	padding-left: 30px;
	}
  	
ol li {
	color: #666;
	margin-left: 0px;
	margin-bottom: 10px;
	}
	
ul li ul, ol li ol, ol li ul, ul li ol {
	margin-top: 10px !important;
	}
   
  
/* forces the hand cursor on links in Safari */
a:link, a:hover {
	cursor: pointer;
	}	

/* page structure 
---------------------------------------------- */

#wrapper {
margin: auto;
padding-top: 8px;
padding-left: 18px;
padding-right: 18px;
width: 902px;
background:url(wrapper_bg.gif);
/* background: #dedee6; */
}

#header {
float: left;
width:902px;
height: 94px;
background: url(logo90.gif);
background-repeat: no-repeat;
vertical-align: bottom;
}

#menu {
float: left;
width:902px;
height: 28px; 
border-bottom: 2px solid #7999be;
background:url(menu_bg.gif) repeat-x;
}

#sidebar {
margin-top: 0px;
float: right;
width:306px;
background: #efefef;
}


#content {
margin-top: 0px;
float: left;
width: 510px;
}

#footer {
clear: both;
height: 160px;
width: 902px;
background: url(globe.png) no-repeat;
background-position: bottom left;
}

#home-footer {
clear: both;
height: 120px;
width: 902px;
background: url(globe_small.png) no-repeat;
background-position: bottom left;
}

/* header elements 
---------------------------------------------- */

#header-search {
float: right
}

.search {
background-color:#efefef;
font-size: 10px; 
margin-top: 8px;
margin-right: 4px;
border: 1px solid #999;
cursor: pointer;
}

#search-input {
border: 1px solid #999;
font-size:10px;
}

#header img {
margin: 2px;
float: right;
vertical-align: baseline;
}

#credit {
	position: relative;
	top: 48px;
	left: 100px;
	width: 480px;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#credit dt {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 2px;
	color: #0075be;
	}

#header-partner {
float: right;
position: relative;
top: 46px;
width: 180px;
height: 40px;
vertical-align: bottom;
}


/* menu elements
---------------------------------------------- */
#menu ul {
margin: 2px;
padding: 4px;
}
#menu ul li {
list-style-type: none; 
display: inline; 
font-weight: bold; 
font-size:12px; 
text-transform:uppercase; 
letter-spacing:2px; 
padding: 8px 12px 4px 6px;
}

#menu li a {
text-decoration:none; 
color: #FFF;
}

body.home li#home a{
padding: 4px 4px 8px 4px;
color: #000;
background-color: #bfd7f3; 
border-bottom: 2px solid #bfd7f3;
}

body.about li#about a{
padding: 4px 4px 8px 4px;
color: #000;
background-color: #bfd7f3; 
border-bottom: 2px solid #bfd7f3;
}

body.news li#news a{
padding: 4px 4px 8px 4px;
color: #000;
background-color: #bfd7f3; 
border-bottom: 2px solid #bfd7f3;
}

body.projects li#projects a{
padding: 4px 4px 8px 4px;
color: #000;
background-color: #bfd7f3; 
border-bottom: 2px solid #bfd7f3;
}

body.maps li#maps a{
padding: 4px 4px 8px 4px;
color: #000;
background-color: #bfd7f3; 
border-bottom: 2px solid #bfd7f3;
}

#submenu{
float: left;
height: 22px; 
width: 902px; 
background-color: #bfd7f3; 
border-bottom: 1px solid #6699FF;
}
#submenu ul{
margin: 1px;
padding: 4px;
}
#submenu ul li {
list-style-type: none; 
display: inline; 
font-weight: normal; 
font-size: 11px; 
text-transform: lowercase; 
padding: 8px 12px 4px 6px;
}
#submenu li a {
text-decoration:none;
}
#submenu li a:hover {
text-decoration:none;
}

body.about div.overview li#overview a{
color:#000;
}
body.about div.compet li#compet a{
color:#000;
}
body.about div.mission li#mission a{
color:#000;
}
body.about div.sponsor li#sponsor a{
color:#000;
}
body.about div.statute li#statute a{
color:#000;
}
body.about div.contact li#contact a{
color:#000;
}

body.projects div.sdi li#sdi a{
color:#000;
}
body.projects div.impact li#impact a{
color:#000;
}
body.projects div.snow li#snow a{
color:#000;
}
body.projects div.uav li#uav a{
color:#000;
}
	
/* sidebar elements 
---------------------------------------------- */

#cap {
font-size: 12px; 
text-transform: uppercase;
letter-spacing: 1px;
padding-left: 36px;
padding-top: 4px;
height:20px;
width:270px;
background: #c9c9c9 url(squares_white_small.gif) 4px 2px;;
background-repeat: no-repeat;
border-bottom: 1px solid #7999be;
/* border-bottom: 1px solid #006FC3; */
}

#cap-home {
margin-top: 8px;
padding: 5px 5px 5px 36px;
color: #369;
font-size: 12px; 
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
width:265px;
background: #c9c9c9 url(squares_white_small.gif) 4px 2px;;
background-repeat: no-repeat;
border-bottom: 1px solid #7999be;
/* border-bottom: 1px solid #006FC3; */
}

#sidebar ol {
color: #666;
font-weight:bold;
padding-left: 10px;
}

.list {
font-size: 12px;
}

#sidebar li {
padding: 2px 10px 5px 25px;
background: url(square.gif) no-repeat 10px 6px; 
}

.pdf {
background: url(pdf.gif);
background-repeat: no-repeat;
padding-left: 18px
}


/* content elements 
---------------------------------------------- */

.main-title {
color:#000;
padding-top: 8px;
font-size: 24px;
margin: 0;
}

#main-content {
text-indent: 0px;
}

#main-content p {
color: #666;
line-height: 1.8em;
}


/* footer elements 
---------------------------------------------- */

#footer p {
padding-top: 110px;
text-align: center;
color: #333;
}

#home-footer p {
padding-top: 70px;
text-align: center;
color: #333;
}

#footer-text {
float:right;
word-spacing: 2px;
}

#joint {
float:right;
width: 240px;
background-image: url(WFP_logo_blue.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

#joint p {
color: #074e74;
}

/* images
---------------------------------------------- */
ul#minipics {
margin:0;
padding:0;
list-style-type:none;
}

ul#minipics li {
float:right; 
margin: 10px;
padding:0 0 7px 0;
background: url(shadow.png) no-repeat bottom right;
}

ul#minipics li img {
display:block;
border:1px solid;
padding: 5px;
border-color: #ccc #999 #666 #ccc;
}

/* home page elements
---------------------------------------------- */

#wide-content {
float: right;
margin-top: 0px;
width: 902px;
background: #efefef;
}

#map {
	margin: 8px 0 8px 8px;
	width: 578px; 
	height: 366px;
	border: 1px solid #0075be;
	}

#latestmap-box {
	float: right;
	width: 288px;
	height: 180px;
	margin: 8px 0 8px 8px;
	border: 1px solid;
	border-color: #ccc #999 #666 #ccc;
	}
	
.box-capmap {
	width: 255px;
	background: url(map16.gif) no-repeat left;
	background-color: #c9c9c9;
	font-size: 12px; 
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 0px;
	padding: 5px 5px 5px 28px;
	color: #369;
	border-bottom: 1px solid #7999be;
	}
	
.box-capnews {
	width: 259px;
	background: url(news16.gif) no-repeat left;
	background-color: #c9c9c9;
	font-size: 12px; 
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 0px;
	padding: 5px 5px 5px 28px;
	color: #369;
	border-bottom: 1px solid #7999be;
	}
	
.box-capalert {
	width: 259px;
	background: url(alert16.gif) no-repeat left;
	background-color: #c9c9c9;
	font-size: 12px; 
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 0px;
	padding: 5px 5px 5px 28px;
	color: #369;
	border-bottom: 1px solid #7999be;
	}

#alert-box {
	float: left;
	width: 292px;
	height: 180px;
	margin: 8px 8px 0 0;
	border: 1px solid;
	border-color: #ccc #999 #666 #ccc;
	}
	
#news-box {
	float: left;
	width: 292px;
	height: 180px;
	margin: 8px 8px 0 0;
	border: 1px solid;
	border-color: #ccc #999 #666 #ccc;
	}	
	
.news-text {
	padding: 8px;
	}

#tic {
   padding: 8px;
}
#tic *{
  margin:0px;
  padding:0px;
  display:none;
}

/* maps
---------------------------------------------- */

#maps-content {
margin-top: 0px;
float: left;
width: 840px;
}


.box{
	float: left;
	width: 220px;
	overflow: hidden;
	height: 160px;
	border-width: 1px; 
	border-style: solid;
	border-color: #ccc #999 #666 #ccc;
	margin: 5px 5px 5px 0px;
	padding: 0 8px 8px 8px;
	}

span.shadow {
	float: left;
	/* background: url(shadow.png) no-repeat bottom right; */
	}
	
span.shadow img {
	background-color: #fff;
	display: block;
	padding: 0;
	position: relative;
	width: auto;
	border: 1px solid #CCC;
	border-bottom: 0px;
	}
	
.highslide {

cursor: url(zoomin.cur) pointer;
outline: none;
}
	
.highslide-caption {
display: none;
border: 2px solid white;
border-top: none;
padding: 5px;
background-color: white;
text-align: center;
}
.highslide-display-block {
display: block;
}
	
.highslide-display-none {
display: none;
}

.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
}

a.highslide-credits, a.highslide-credits i {
	display: none;
	}
	
a.highslide-credits:hover, a.highslide-credits:hover i {
	display: none;
	}
	
#highslide-container a{
	text-decoration: none;
	}