/*
Project: The Center for Reproductive Endocrinology and Fertility
Description: Main styesheet, edit this file
Author: BHW1
Updated: Tue Jul 22 13:57:27 PDT 2008
*/

/*
+ Color Pallette:
Light Purple, content background 				= #C8CFE9
Pea Green, calendar column 						= #D7D674s
Light Brown, main nav background 				= #AC9034
Dark Brown, font, header, & footer background 	= #5E3E20 
*/

/*
- Calendar Color Pallette: 
blue day, = #B8C1E3
brown day, = #AC9034
red day, = #C38649
green day, = #D7D674
orange day, = #FFD459
grey day, = #E7E7E8 
*/

/* + Imports: */
/* - Reset stylesheet 
Imports internal CMS reset stylesheet - "/home/lib/reset.css" */  
/* - Set layout & structure */
@import url(layout.css);
/* - Typography defaults */
@import url(typography.css);

/* + Body */
body { 
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	font-size: 100%;
	line-height: 1.125em;
	color: #5E3E20;
	background: #C8CFE9;  }

/* - Links */
a:link, 
a:visited { 
	color: #5E3E20; 
	border-bottom: 2px solid white; 
	text-decoration: none; }

a:hover, 
a:active { color: white; }

/* + Header */
#header { 
	height: 143px; 
	background: url(../../images/header-bckgrnd.jpg) top left no-repeat #5E3E20; }
	
#header h1 { 
	margin-left: 400px;
	padding-top: 40px;
	height: 32px; /* Explicit height to maintain layout */
	font-size: 1em;
	font-style: italic; 
	letter-spacing: 1px; 
	color: white;  }

/* - Nav Container */
#nav-container { 
	position: relative; 
	margin-top: 37px; 
	height: 30px;
	width: 100%;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	background: #AC9034; }

img#nav-image { /* image left of main nav*/ 
	float: left;
	border-right: 2px solid white; }
	
/* + Main Navigation List 
------------------------ */
ul#nav { 
	margin: 0;
	padding: 0;
	width: 1000px; 
	height: 30px;
	list-style: none; }


/* ul#nav li.first {  border-right: 2px solid white; }*/


ul#nav a:link, 
ul#nav a:visited  {
	display: block;
	padding: 0 3px;
	width: auto;
	line-height: 30px; /* vertical align */
	font-size: .75em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	border-bottom: none;
	background: #AC9034; }

ul#nav a:hover, 
ul#nav a:active { 
	color: white;
	background: #5E3E20; } 

ul#nav li { /* all list items */
	float: left;
	height: auto; 
	width: 7.5em; /* width needed or else Opera goes nuts */
	border-right: 2px solid white; }

ul#nav li ul { /* second-level lists */
	position: absolute;
	width: 7.5em;
	left: -999em; /* hide drop down menu; throw off screen */
	padding: 0;
	border: 2px solid white;
	border-top: none;
	margin-left: -2px; }

ul#nav li ul li { 
	margin: 0; /* overrride inherited from "ul#nav li"*/
	list-style-type: none;	}

ul#nav li:hover ul, 
ul#nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	/*NOTE: See "ie.css" for IE specific styling */ }

/* + Containers */ 
#container { background: #C8CFE9; } 

/* + Columns 1, 2, 3, - Content, Calendar, & Related Info
-------------------------------------------------------------- */
.clear-left { clear: left; }

#column-1 { padding: 18px 36px 18px 18px; } 

#column-2,
#column-3 { padding: 18px; }


#wrapper { 
	min-height: 600px;
	background: url(../../images/column-2-bckgrnd.gif) repeat-y left 0; }


/* - Column 1 */
#column-1 img { 
	float: left;
	margin: 0 9px 9px 0;
	border: 2px solid white; }

#column-1 div { clear: both; }

/* - Column 1 & 3 Lists */
#column-1 li, 
#column-3 li { 
	font-size: .75em;
	list-style: circle; 
	list-style-position: inside; }
	
/* - Column 2 & 3 Headers */	
#column-2 h2, 
#column-3 h2 {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 2px; 
	color: white; }	

/* + Footer 
------------------------------------------------------------- */
#footer { 
	height: 40px; 
	margin-bottom: 36px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	text-align: center;
	background: #5E3E20; }

#footer p { display: inline; line-height: 40px; color: white; }	

/* + Calendar 
-------------------------------------------------------------- */
#calendar-container { margin: 9px 0; }

#calendar { 
	margin: 0 auto; 
	width: 180px;
	border-top: 2px white solid;
	border-left: 2px white solid;
	font-size: .75em;
	color: black; }

#calendar .nav { font-size: 1.25em; }

#calendar caption { 
	margin-bottom: 9px;
	font-size: 14px;
	font-weight: bold;
	text-align: -moz-center; /* BUG: FF handles calendar caption wrong */
	color: #5E3E20; }
	
#calendar tr th { 
	border-right: 2px white solid; 
	border-bottom: 2px white solid;
	color: white; } 

#calendar td { 
	border-right: 2px white solid;
	border-bottom: 2px white solid; }

#calendar caption, 
#calendar tr th, 
#calendar td { text-align: center; } 

#calendar a:link,
#calendar a:visited { 
	border-bottom: none; /* Override Inherited */
	text-decoration: none;
	color: black;  }

#calendar a:hover,
#calendar a:active { 
	text-decoration: underline;
	color: white; }

/* - Calendar Color Codes */
.today.e_type_1 { background: #B8C1E3; }

.today.e_type_2 { background: #C5874A; }

.today.e_type_3 { background: #FFD459; }

.today.e_type_4 { background: #A98E33; }

.today.e_type_5 { background: #E7E7E7; }

.today.e_type_multi { background: #C38649; }

/* - Calendar Events */
.event { margin: 9px 0; }

.event-date { font-size: .75em; }

p.event-description { margin-top: 0; }

/* + Typography 
-------------------------------------------------------------- */

/* - Headings */ 
h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; 
	line-height: 1em;
	letter-spacing: 1px; }

/* Page Headers, Primary */
h1 {  
	font-size: 1.5em;
	color: white; }

h2 { font-size: 1.325em; }

h3 { font-size: 1.25em; }

/* Section Headers, Secondary */
h4 { 
	font-size: 1.125em;  
	color: white; 
	letter-spacing: 2px; }

/* Sub-section headers for all columns */
h5 { font-size: 1em; }

h6 { font-size: .75em; } 

/* - Text elements */
p { font-size: .75em; margin: 1.125em 0; } 


/* + CMS Styling 
-------------------------------------------------------------- */
a.edit_tag { border-bottom: none; }

#column-1 a.edit_tag img { border: none; }

/* - Admin text links */ 
div.admin a:link, 
div.admin a:visited { border-bottom: none; } 

div.admin a:hover, 
div.admin a:active { color: black; }

/* - Color Codes for Calendar Events */
table#display-types td.e_type_1 { background: #B8C1E3; }

table#display-types td.e_type_2 { background: #C5874A; }

table#display-types td.e_type_3 { background: #FFD459; }

table#display-types td.e_type_4 { background: #A98E33; }

table#display-types td.e_type_5 { background: #E7E7E7; }

table#display-types td.e_type_multi { background: #C38649; } */