/* ----------------
	File: CCGRA.css
	Copyright 2007, Kurtis Kroon.
	All rights reserved — Licensed to CCGRA for its exclusive use.

	This stylesheet manages all on-screen presentation for ccgra.com
	Updated in February 2007 by the request of the 2007 Executive Board
	-------------- */

/* General styles*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	width: 100%;
	}

h1 {
	font: bold 3.5em Copperplate, "Copperplate Gothic Bold", "Book Antiqua", Garamond, serif;
	padding: .5em 0 0 0;
	margin: 0;
	vertical-align: top;
	}

h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	}

h3 {
	font-size: 1.25em;
	}

img {
	border: none;
	padding: 0;
	}

dd {
	clear: left;
	}

/* Header styles */

div#header {
	text-align: center;
	background: navy; /* =#000080 ... or 007 for web-smart dithering*/
	color: #daa520; /* Goldenrod ... or #eb2 for web-smart */
	padding-bottom: 0;
	margin-bottom: 0;
	}

div#header img#logo {
	background: none;
	width: 3.6em;
	height: 1.29em;
	padding: 5px 10px 5px 5px;
	vertical-align: middle;
	}

#masthead {
	padding: 0;
	margin: 0 0 5px 0;
	}

/* Tab styles, simplified in Feb 2007 */

#menuBar {
	font-family: Arial, Helvetica, sans-serif; /* To make the gol'durn tabs fit better */
	text-align: left;
	background: navy;
	padding-top: 0;
	margin-top: 0;
	border-bottom: 7px solid goldenrod;
	}

#menuBar #tabs {
	padding: 0;
	margin: 0 0 0 1em;
	}

#menuBar li {
	display: inline;
	font-weight: bold;
	padding: 0 0.25em;
	}

#tabs .current {
	color: navy;
	background: goldenrod;
	padding: 0 1em;
	}

#tabs em {
	color: #fc3;
	font-style: normal;
	}

#tabs .current em {
	color: navy;
	font-style: normal;
	}

#menuBar a {
	text-decoration: none;
	padding: 0 .5em;
	}

#menuBar a:link, #menuBar a:visited {
	color: goldenrod;
	}

#menuBar a:hover, #menuBar a:hover em {
	color: navy;
	background: goldenrod;
	}

#menuBar .current, #menuBar .current  a {
	color: navy;
	font-weight: bold;
	}

/* Content-area styles*/

#content {
	background: url(../img/ccgraLogo4.png) top center no-repeat;
	padding-bottom: 2em;
	height: 13.5em;
	}

#readerLogo {
	float: right;
	text-align: right;
	width: 10em;
	margin: 0 0 0 1em;
	padding: 0;
	}

/* Event write-up and gallery styles */

/* Currently disabled until we publish event write-ups
.writeup {
	width: 38%;
	float: left;
	padding-right: 1em;
	}

.writeup p:first-letter {
	font-size: 3em;
	float: left;
	font-weight: bold;
	color: navy;
	vertical-align: text-top;
	}
*/

.gallery {
	width: 80%; /*
	Width changed from 60% and remainder of rule commented out until we get some writeups to fill the rest of this space
	--Feb. 14, 2007
	float: right;
	clear: right;
	*/
	}

.gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.gallery li {
	display: inline;
	margin: 0;
	padding: 0;
	}

.gallery img {
	padding: .25em;
	}

#content, #footer {
	width: 85%;
	margin: 1em auto;
	}

/* Footer-area styles */

#footer {
	font-size: 1em;
	border-top: 1px #ddd dashed;
	clear: both;
	}