@charset "iso-8859-1";

body {
	margin : 0;
	padding : 0;
	border : 0;		/* Removes border around viewport in old IE */
	width : 100%;
	background : #bbbb99;
	color : #000;
	min-width : 550px;		/* Min-width doesn't work in old IE */
	font-size : 100%;
/*	letter-spacing : 0.1ex; */
	line-height : 150%;
	font-family : "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}

/* -------------------------------------	*/
/*    Link Styles		*/
/* -------------------------------------	*/

a:link {
	color : #3366cc;
}

a:active {
	color : #666633;
}

a:visited {
	color : #666633;
}

a:hover {
	color : #fff;
	background-color : #666633;
}


/* -------------------------------------	*/
/*    Paragraph Styles	*/
/* -------------------------------------	*/

h1 {
	font-size : 150%;
	line-height : 150%;
	font-weight : bold;
	color : #444;
	text-align : left;
	vertical-align : top;
	margin : .75em 0 .5em 0;
	padding : 0;
}

h2 {
	font-size : 110%;
	line-height : 150%;
	font-weight : bold;
	color : #555;
	text-align : left;
	vertical-align : top;
	margin : .5em 0 0 0;
	padding : 0;
}

h3 {
	font-size : 100%;
	line-height : 150%;
	font-weight : bold;
	text-align : left;
	vertical-align : top;
	margin : 1em 0 -.5em 0;
	padding : 0;
}

p {
	font-size : 100%;
	line-height : 150%;
	text-align : left;
	vertical-align : top;
	margin : .75em 0 .75em 0;
	padding : 0;
}

p.toTop { 
	text-align : left;
	clear : both;
}

ul {
	font-size : 100%;
	line-height : 150%;
	text-align : left;
	text-indent : 0;
	vertical-align : top;
	list-style-type : square;
	margin : -.25em 0 0 1em;
	padding : 0 0 0 1em;
}

ul.noindent {
	margin : 0;
}

ol {
	font-size : 100%;
	line-height : 150%;
	text-align : left;
	text-indent : 0;
	vertical-align : top;
	margin : -.25em 0 0 1em;
	padding : 0 0 0 .5em;
}

li {
	font-size : 100%;
	line-height : 150%;
	text-align : left;
	vertical-align : top;
	margin-top : 0.75em;
	padding-top : 0.05em;
}

li.tight {
	margin-top : 0.25em;
	padding-top : 0;
}

li.circle {
	list-style-type : circle;
	margin-left : 1em;
}

hr {
	border : 0 none ;
	height : 1px;
	color : #666633;
	background-color : #666633;
}

/* -------------------------------------	*/
/*    Character Styles	*/
/* -------------------------------------	*/

.backToTop {
	text-align : right;
	font-size : 90%;
	padding : .5em 0 0 0;
	margin : .5em 0;
}

.highlight {
	padding-top : 0.15em;
	padding-bottom : 0.15em;
	padding-left : 0.05em;
	padding-right : 0.05em;
	border-bottom : 1px dotted #666633;
	border-top : 1px dotted #666633;
	background-color : #ffcc66;
}

.navigationButtons {
	font-size : 95%;
	width : 90%;
}

.no_css {
	display : none;
}

.selected {
/*	margin : 0;
	padding : 0;
	border-bottom : 1px dotted #666633; */

	padding : 0 0 0 10px;
	background: url(/Images/2009/selected.gif) left center no-repeat;
}

.strong {
	font-weight : bold;
}

.emphasis {
	font-style : italic;
}

.small {
	font-size : 90%;
	line-height : 125%;
}

.indented { 
	padding-left : 10px;
}

img {
	border : none;
	border-collapse : collapse;
}

img.photort {
	float : right;
	margin-left : 7px;
}

img.photolt {
	float : left;
	margin-right : 7px;
}

img.location {
	float : right;
	margin-top : 10px;
	margin-bottom : 5px;
	margin-left : 10px;
	display : run-in;
}

img.sponsors {
	display: block;
	margin : 7px;
	margin-left: auto;
	margin-right: auto;
}

.nested {
	list-style : none;
	margin : -.5em 0 0 0;
}

.print {
	display : none;
}


/* -------------------------------------	*/
/*    Topnav Styles		*/
/* -------------------------------------	*/

#topnav {
	clear : both;
	float : left;
	width : 100%;
	min-height : 130px;
	background : #bbbb99 url(/Images/2009/Logo.png) left top no-repeat;
	border-bottom : 1px solid #666633;
}

/* -------------------------------------	*/
/*    Topnav paragraph styles	*/
/* -------------------------------------	*/

#topnav p {
	padding : .4em 15px 0 15px;
	margin : 0;
}

#topnav h1 {
	display : block; 
	width : 750px;		/* Logo image width */
	height : 123px;		/* Logo image height */
	padding : .4em 15px 0 15px;
	margin : 10px 0 0 0;
	color : #666633;
}

#topnav ul {
	clear : left;
	float : left;
	width : 100%;
	list-style : none;
	margin : 10px 0 0 0;
	padding : 0;
}

#topnav ul li {
	display : inline;
	list-style : none;
	margin : 0;
	padding : 0;
}

/* -------------------------------------	*/
/*    Topnav link styles	*/
/* -------------------------------------	*/

#topnav ul li a {
	display : block;
	float : left;
	width : 80px;
	margin : 0 1px 0 1px;
	padding : 3px 10px;
	text-align : center;
	background : #ebe5d5;
	color : #666633;
	text-decoration : none;
	position : relative;
	left : 0;
	font-size : 80%;
	line-height : 1.3em;
}

#topnav ul li a:hover {
	color : #fff;
	background : #666633;
}

#topnav ul li a.active,
#topnav ul li a.active:hover {
	color : #fff;
	background : #666633;
	font-weight : bold;
}

#topnav ul li a span {
	display : block;
}

/* -------------------------------------	*/
/*    Banner callout		*/
/* -------------------------------------	*/

#banner {
	clear : both;
	background : #ebe5d5;
	border-top : 4px solid #666633;
	margin : 0;
	padding : 6px 15px !important;	/* !important ignored by IE; in others, this takes precedence */
	text-align : right;
	line-height : 200%;
}

#banner .date {
	float : left;
	font-weight : bold;
}

#banner .search {
	float : right;
} 

/* -------------------------------------	*/
/*    Column container	*/
/* -------------------------------------	*/

.bodypane {
	position : relative;		/* fixes IE7 overflow hidden bug */
	clear : both;
	float : left;
	width : 100%;		/* width of whole page */
	overflow : hidden;		/* chops off any overhanging divs */
}

/* -------------------------------------	*/
/*    Common column settings	*/
/* -------------------------------------	*/

.right,				/* not used */
.middle,
.left {
	float : left;
	width : 100%;		/* width of page */
	position : relative;
}

.content,
.leftmenu,
.callout {
	float : left;
	position : relative;
	padding : 0 0 1em 0;		/* no left or right padding on columns; make them narrower instead;
	overflow : hidden;		   only padding top and bottom is defined */
}

/* -------------------------------------	*/
/*    3-Column settings	*/
/* -------------------------------------	*/

.columns {
	background : #ebe5d5;	/* eventually, right column background colour */
}

.columns .middle {
	right : 30%;		/* width of the right column */
	background : #fffeee;	/* center column background colour */
}

.columns .left {
	right : 55%;		/* width of the middle column */
	background : #ebe5d5;	/* left column background colour */
}

.columns .content {
	width : 51%;		/* width of center column content (column width minus padding on either side) */
	left : 102%;		/* 100% plus left padding of center column */
}

.columns .leftmenu {
	width : 13%;		/* width of left column content (column width minus padding on either side) */
	left : 35%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.columns .callout {
	width : 28%;		/* width of right column content (column width minus padding on either side) */
	left : 92%;			/* (100% - left col width) + (left col left & right padding) + (center col left & right padding) + (right col left padding) */
				/* (100% - 15%) + (1% + 1%) + (2% + 2%) + (1%), or  85 + 2 + 4 + 1 */
}

/* -------------------------------------	*/
/*    Tables		*/
/* -------------------------------------	*/

table {
	width : 100%;
	table-layout : fixed;
	background-color : #ebe5d5;
	border-collapse : separate;
	border-spacing : 1px;
	border : 2px inset #ebe5d5;
	vertical-align : top;
	padding : 0;
	margin : 0;
}

.calendar {
	width : 175px;
/*	float : right;
	display : run-in;	*/
}

tr {
	text-align : left;
	vertical-align : top;
	padding : 0;
	margin : 0;
}

th {
	font-size : 110%;
	font-weight : bold;
	border-collapse : separate;
	border : 1px outset #ebe5d5;
	padding-top : 0;
	padding-right : 5px;
	padding-bottom : 0;
	padding-left : 5px;
	text-align : left;
	vertical-align : top;
}

td {
	font-size : 100%;
	border-collapse : separate;
	border : 1px outset #ebe5d5;
	padding-top : 0;
	padding-right : 5px;
	padding-bottom : 0;
	padding-left : 5px;
	text-align : left;
	vertical-align : top;
	overflow : hidden;
}

days {
	width : 14.2%;
}

.right-align {
	text-align : right;
}

.center {
	text-align : center;
}

.thinnest {
	width : 15%;
}

.thin {
	width : 25%;
}

.medium {
	width : 30%;
}

.half {
	width : 50%;
}

.wide {
	width : 60%;
}

/* -------------------------------------	*/
/*    Footer		*/
/* -------------------------------------	*/

#footer {
	clear : both;
	float : left;
	width : 100%;
	font-size : 90%;
	line-height : 125%;
	border-top : 1px dotted #666633;
}

#footer p {
	padding : 5px 0 5px 10px;
	margin : 0;
}

/* -------------------------------------	*/
/*    Translate container	*/
/* -------------------------------------	*/

#gadget {
	width : 180px;
	padding : 5px 0 5px 9px;
	border : none;
	border-collapse : collapse;
}

/* -------------------------------------	*/
/*    Forms Styles		*/
/* -------------------------------------	*/

.form {
	background : #fffeee;
	font-family : "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-weight : normal;
	font-size : 95%;
	color : #444; 
	border : 1px outset #666633;
}

.formButton {
	font-family : "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size : 85%;
	color : #444;
	border : 2px outset #666633;
	background : #fffeee;
	padding-left : 2px;
	padding-right : 2px;
}

.textTitle {
	text-align : left;
	vertical-align : top;
	color : #444;
	font-size : 95%;
	font-weight : bold;
}

.searchBox {
background-color : #ebdca9;
text-align : left;
vertical-align : middle;
border : 1px dotted #555;
border-collapse : collapse;
}

.searchForm {
background : #ffe;
font-family : "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size : 90%;
color : #444; 
border : 1px solid #444;
}

.searchTitle {
font-size : 90%;
font-weight : bold;
}
