/* 
Main styles
GLENDA site
03 2008
 */



/* 
peach: #f5eddc
bronze: #cca34e
red: #ef3937
link: #2d57a7

*/


@import url(glenda_menu.css);



/*-----------------------------------------------
  =misc 
-----------------------------------------------*/

/*helpful while you're building things up */
.hide { display:none; }

.show {  border: 1px solid red; }

/* zero out some margins so they don't drive you any crazier than they need to */
p, form, img, h1, h2, h3, h4, ul, ol, dl, li, dt, dd  {
	margin:0;
	padding:0;
	}	

img {border:0;}

/* get things back on track */
.clear { clear: both; }

img.left {
	float:left;
	padding:10px;
	}


img.right {
	float:right;
	padding:10px;
	}


/*-----------------------------------------------
  =top level
-----------------------------------------------*/

body {
	margin: 0;
	padding:0;
	font-size: x-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;	
	font-size: 12px;	
	line-height: 150%;
	background: #fff url(../img/interior_banner_bkg.jpg) repeat-x top left;
	} 

body#home {
	background: #fff url(../img/full_home_banner_bkg.jpg) repeat-x top left;
	}

#wrapper {
	margin:0;
	padding:0;
	width: 100%;
	}


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

#header {
	margin:0 auto;
	padding:0;
	width: 792px;
	height: 170px;
	text-align: left; 
	}

#header h1#logo {/*logo image replacement */
	float: left;
	height: 123px;
	width: 340px;
	text-indent: -2000em;
	overflow: hidden;
	background: url(../img/glenda_logo.png) no-repeat;
	margin-bottom: 3px;
	font-weight: normal;
	font-size: 100%;
	padding:0;
	}


/*-----------------------------------------------
  =main navigation 
-----------------------------------------------*/

#main_nav {
	clear: both;
	padding:0;
	margin:0;
	height:45px;
	width: 792px;
	z-index:100;
	position:relative;
	}


/*-----------------------------------------------
  =home page photo banner and mission
-----------------------------------------------*/

body#home #home_photo_banner {
	width: 792px;
	height: 232px;
	margin-top:1px;
	}

body#home #mission {	
	float: left;
	height: 70px;
	width: 516px;
	text-indent: -2000em;
	overflow: hidden;
	background: url(../img/mission_graphic.gif) no-repeat top left;
	margin: 0 0 15px 0;
	}


/*-----------------------------------------------
  =home page news listing
-----------------------------------------------*/

body#home #content_main h2.news {
	font-size: 190%;
	}

dl#news {
	padding: 0;
	margin:0;
	}


#news dt {
	color: #cca34e;
	font-weight: bold;
	padding: 10px 0 0 0;
	}

#news dd {
	font-weight: normal;
	padding: 0 0 5px 0;;
	}


/*  -----------------------------------------------
 =content (container)
 -----------------------------------------------*/

#content {
	margin:0 auto;
	text-align: left; 
	width: 792px;
	position: relative;
	z-index:1;
	}


/*  --------------------------------------------
=content main 
-----------------------------------------------*/

body#home #content_main {
	margin:0;
	padding:10px 0 20px 0;
	float:left;
	width:524px;
	}

body#one_col #content_main {
	margin:0;
	padding:10px 0 20px 0;
	float:left;
	width:792px;
	}

body#two_col #content_main {
	margin:0;
	padding:20px 0 20px 0;
	float:left;
	width:524px;
	}


/* -----------------------------------------------
 =content second
-----------------------------------------------*/
body#home #content_second {
	margin:0 0 20px 0;
	padding:10px 10px 10px 10px;
	float: right;
	width: 210px;
	color: #7f807d;
	background: #f9faf7;
	}

#content_second {
	margin:0 0 20px 0;
	padding:20px 10px 10px 10px;
	float: right;
	width: 210px;
	background: #cff;
	}


/* -----------------------------------------------
 =footer
-----------------------------------------------*/

#footer {
	padding: 5px 0 15px 0;
	color:#8e7031;
	font-size: 11px;
	clear: both;
	height: 60px;
	border-top: #f5eddc 1px solid;
	}


/*  -----------------------------------------------
 =text stylin'
 -----------------------------------------------*/
 

 h1 {
 	 color:#000;
	 font-weight: normal;
	 font-size: 170%;
	 padding: 0 0 15px 0 ;
 	}
 
 h2 {
 	 color:#000;
	 font-weight: normal;
	 font-size: 170%;
	 padding: 0 0 10px 0 ;
	}
 
h3 {
   	color:#000;
	font-weight: normal;
	font-size: 130%;
	padding: 0 0 10px 0 ;
	}

h4 {
 	 color:#ef3937;
	font-weight: normal;
	font-size: 100%;
	padding: 0 0 10px 0 ;
 	}
 
p {
	padding: 0 0 10px 0;
	}

p.caption {
	color: #E0A62D;
	padding: 5px 0 10px 0;
	}

p.attention01 {
	color: #FF0000;
	font-weight: bold;
	font-size: 110%;
	padding: 5px 0 10px 0;
	}

ul, ol {
	padding: 0 0 10px 0;
	margin: 0 0 0 25px;
	}

li {
}

/* -----------------------------------------------
 =links stylin' 
-----------------------------------------------*/

a:link {
	text-decoration: underline;
	color:#2d57a7;
	}

a:visited {
	text-decoration: underline
	}

a:hover {
	text-decoration: underline;
	color:#2d57a7;
	}

a:active {
	text-decoration: underline;
	color:#2d57a7;
	}