/*
	The purpose of this stylesheet is to control the layout and formatting
	of pages throughout the website. Place rules that apply to all pages and 
	all web browsers in this stylesheet. To provide Internet Explorer v5.x 
	on Windows with special rules, see hacks/ie5win.css. To provide Internet 
	Explorer v5.x on Macintosh with special rules, see hacks/ie5mac.css.
*/
 
/****************************************
 * General Formatting
 ****************************************/
/* 
	The following rule sets up default global properties, such as
	font family and color, page margin and padding, and the 
	background color of the footer.
	
	Note the font-size declaration. Its purpose is to reset the 
	default font size to 10px instead of 16px, allowing font sizes to 
	be specified in ems throughout the stylesheet (1.0em = 10px, 
	1.3em = 13px, etc.). It is important to specify font sizes in ems 
	instead of pixels, because IE/Win does not allow text to be resized
	by the user if it is specified in pixels.	
*/ 
body {
 	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #222;
	/*background: #d7d6d1;*/	
	background: #e4e8f9;
	/* footer background color */
 	}
 
/* 
	The following set of rules controls the appearance of the topmost 
	banner on the page, including height, background color, and text color.
	The Cornell identity banner should appear on every page of the site.
	
	The version of the logo that appears in the XHTML code is hidden from 
	browsers that can read this stylesheet, and it is replaced by a version
	of the logo that corresponds to the background color of the banner. 
	This logo is placed in the background of two elements below (rather than
	one) to prevent flickering when moused over by IE/Win users who have 
	disabled the browser cache.
*/

#identity {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #222;
	height: 130px;
	background: #e4e8f9 url(../images/homepage/banners/topbanner_new2010.gif) no-repeat top center;
		
	/*background: #b31b1b;*/
    /*background: #e4e8f9;
	/*Following line controls background image in the header space.*/
	}
	
#identity a {
background: #e4e8f9 url(../images/homepage/banners/topbanner_800_2_trans_ltblue_r1_c1.gif) no-repeat top center;
/*background: #e4e8f9 url(../images/homepage/banners/topbanner_800_2_trans_ltblue_r1_c1.gif) no-repeat top center;*/
display: block;
height: 125px;
width: 800px;
}

#identity a span {
visibility: hidden;
}

#cu-logo {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -370px;
	width: 800px;
	height: 110px;
	background: url(../images/homepage/banners/topbanner_800_2_trans_ltblue_r1_c1.gif) no-repeat top center;
	}
	
#cu-logo a {
	position: absolute;
	display: block;
	border: none;
	/* hide text link */
	text-indent: -1000em; 
	text-decoration: none;
	}
	
#insignia-link {
	width: 80px;
	height: 88px;
	}

#unit-signature-links a {
	left: 80px;
	width: 185px;
	}


#vet-link {
	top: 35px;
	height: 20px;
	}
/*	
#cu-logo img {
	display: none;
	}
	*/ 

/* Miscellaneous
 ****************************************/

/* 
	Hide "skip to content" link from general users. 
	Do not use display: none, as that will also hide it from some screen readers.
*/
#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}

/*
	Main Navigation 
	-------------------------
	The following rules control the appearance of the main navigation links.
	These links are displayed in a horizontal band with a gray background. 
	Main navigation should appear on every page of a site.
*/

/* NEW */
#header{
	float: left;
	width: 100%;
	background: #A6A69D;
	/*border-bottom: 1px solid #989892;*/
	}

/* ------ Adapted from suckerfish drop-down code 
thanks to the Baker Institute for giving me the idea------ 
*/

#navigation {
	margin: 0 auto;
	width: 750px;
	font-size: 10px;
}

#navul, #navul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 2;
	border-right: 1px solid #989892;
}

#navul a {
	display: block;
	/* width: 10em; for opera */
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	padding: 6px 20px;
	line-height: normal;
	/*border-left: 1px solid #989892;
	border-bottom: 1px solid #989892;
*/
}

#navul a:hover {
	color: #FFF;
	background-color: #5A86B3;/*
	background-color: #989892;
	/*border-bottom: 1px solid #989892;*/
}


.activenavul {
background-color: #5A86B3;
color:#FFFFFF;
text-decoration:none;
}



#navul li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	/* width: 10em; for opera */
}
#navul li ul {
	position: absolute;
	/* width: 10em; */
	left: -999em;
	width: 200px;
	background-color: #B0B0A8;
}

#navul li:hover ul, #navul li.sfhover ul {
	left: auto;
}

#navul li ul li a {
	text-decoration: none;
	color: #ffffff;
	text-transform: none;
	text-align: left;
	font-weight: bold;
	padding: 5px 10px;
	line-height: normal;
	width: 180px;
	font-size: 10px;
	/*border-bottom: 1px solid #989892;*/
}

#navul li ul li a:hover {
	color: #FFF;
	background-color: #989892;
}

/* ------ End of Suckerfish ------ */

#container {
margin: 0 auto 15px auto;
width: 760px;
padding: 5px 25px 15px 15px;
background: #ffffff;

}

#desc {
width: 590px;
float: right;
padding: 0 15px 0 4px;
border-left: 1px solid #5a86b3;
background-color:#FFFFFF;
height: 177px;
color: #ffffff;
/*padding: 0;*/
clear: both;
margin: 5px 0 0 0;
}

#desc p {
width: 230px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc h2 {
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc h4 {
padding: 5px 1px 1px 15px;
font-size:16px;
color: #ffffff;
}

#desc a {
color: #ffffff;
text-decoration: underline;
}


#main {
width:595px;
float:right;
padding: 0 10px 0 5px;
border-left: 1px solid #5a86b3;
font-size:12px;
}

.block {
background:#ccdeff;
padding: 5px;
font-size:12px;
}

#sidebar {
width:118px;
float:left;
}

#sidebar p {
font-size: 1.2em;
line-height: 1.5em;
margin: 0 0 12px 0;
color:#666666;
}

.sidelink {
font-size: 1.2em;
font-weight:bold;
text-align: left;
display: block;
width: 125px;
background: #A6A69D;/*
background: #A6A69D url(../images/corner.gif) top right no-repeat;/*
background: #b3ca96 url(../images/corner.gif) top right no-repeat;*/
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
color:#FFFFFF;
text-decoration:none;
}

/*.sidelink  {
color:#FFFFFF;
text-decoration:none;
}*/

.sidelink:hover {

background: #5A86B3;
/*background: #5A86B3 url(../images/corner.gif) top right no-repeat;
/*background: #008966 url(../images/corner.gif) top right no-repeat;
*/
text-decoration: none;
}

.activesidelink {
font-size: 1.2em;
font-weight:bold;
text-align: left;
display: block;
width: 125px;
background: #5A86B3;
/*
background: #5A86B3 url(../images/corner.gif) top right no-repeat;*/
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
color:#FFFFFF;
text-decoration:none;
}
.activesidelink:hover {
text-decoration:none;
}

#footer {
clear: both;background: #fafafa;
color: #808080;font-size: 0.9em;
padding: 8px 0 8px 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
text-align: center;
}

#footer a {
color: #808080;
text-align:center;
}

h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: normal;
}

h2 {
margin: 0 0 5px 0;
font-size: 1.2em;
font-weight: bold;
/*text-decoration:underline;*/
color:#09a365;
}

h3 {
margin: 4px 0 0px 0;
font-size: 1.4em;
font-weight:bold;
color:#fff;
background:#5a85b3;
}

h4 {
margin: 3px 2px 2px 2px;
font-size: 14px;
font-weight: bold;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
size: 12px;
}

.right {
text-align: right;
}

a img {
border: 0;
}

.photo {
padding: 2px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}
.bodycaption {font-family: Arial, Helvetica, sans-serif; 
font-size: 14pt; color: Steelblue; text-decoration: none;}
a.bodycaption:link {color: Steelblue; text-decoration: none;}
a.bodycaption:visited {color: Steelblue; text-decoration: none;}
a.bodycaption:hover {color: Midnightblue; text-decoration: underline;}
a.bodycaption:active {color: Midnightblue; text-decoration: underline;}


#rightcontainer {
float:right; clear:both; width:13em; margin:1em 0 0 0; padding:0;}

#rightbox {
margin:0.5em; padding:0.3em; border:1px solid #999999; text-align:center;}

#rightcontainer h2 {
text-align:left; padding:0 0 0 1.5em;}

#linkbox a {display:block;}

#office {
width:131px;
color: #808080;
font-size: 1.1em;
padding: 0px 0 4px 0;
border: 2px solid #d0d0d0;
background-color:#ccdeff;
text-align: left;
font-weight:bold;
}
#office p{
font-size: .9em;

}