/*--==Template Styles==--*/
@media print {
	#body,#container,#contents {background-color: #fff; color: #000;}	
	#contents {width: 630px;}
	#banner {display: none;}
	#breadcrumbs {display: none;}
	#leftnav {display: none;}
	#footer {display: none;}
}

body {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #000;
	background-color: #181816;
	text-align: center;
	line-height: 1.2em;
	margin: 0 auto;
	/*
	background-image: url("/_shared/images/bg_grass.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	*/
}

#container {
	width: 980px; margin: 10px auto;
	text-align: center;
	background-color: #fff;
	background-image: none;
}

#banner {
	width: 980px; height: 140px; margin: 0; padding: 0; line-height: 1%;
	background-image: url("/_shared/images/bn_vhga.jpg");
	background-repeat: no-repeat; background-position: center top;
}

#leftnav {
	float: left; width: 165px; clear: left; 
	margin: 0 15px 0 0; padding: 0;
}
#leftnav a {margin: 0; padding: 4px 20px;}
#leftnav .buttons a {margin: 0; padding: 4px 0px;}
#leftnav img {margin: 0 0 1px 0; padding: 0;}
#leftnav ul {list-style-type: none; margin: 0 0 0 0px;}
#leftnav ul li {
	background-color: #001f55;
	margin: 0 0 0px 0; padding: 5px;
	border-bottom: 1px solid #01286a;
}
#leftnav ul li:hover {
	color: #CC0000;	background-color: #003399;
}
#leftnav a {color: #fff;}
#leftnav a:hover {text-decoration: none;}

#breadcrumbs {
	font-size: 0.85em; text-align: left;
	float: right; margin: 5px 0; width: 800px;
}

#contents {
	float: right; width: 785px; margin: 10px 0px 15px 0; padding: 0 15px 0 0;
	text-align: left;
}

#footer {
	clear: both; font-size: 0.9em;
	margin-top: 30px; padding: 10px 10px 10px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#lastUpdate {color: #fff; font-variant: small-caps;}
#copyright {color: #900;}


img {border: none;}
table {border-collapse: collapse;}
h1 {
	font-size: 1.75em; margin: 3px 0 20px 0; padding: 0 0 10px 7px;
	/*border-bottom: 1px solid #ccc;*/ font-variant: small-caps;
}
h2 {font-size: 1.5em; line-height: normal;}
h3 {font-size: 1.3em;}
h4 {
	font-size: 1.2em; font-style: normal;
	margin-bottom: 3px; 
}
blockquote {margin-left: 20px;}
ul,ol {margin-left: 40px; padding-left: 0;}
li {margin-bottom: 3px;}
a {color: #06c; text-decoration: none;}
a:hover {color: #69c; text-decoration: underline;}
a.lnk {color: #06c; text-decoration: none; cursor: pointer;}
a.lnk:hover {color: #69c; text-decoration: underline;}



/*--==General Styles==--*/
.fileinfo {font-size: 0.85em;}
.note {font-size: 0.85em;}
.col1 {float: left; width: 50%;}
.col2 {float: right; width: 49%;}
.caption {font-size: 0.85em;}
.superscript {font-size: 0.85em; position: relative; bottom: 3px;}
.subscript {font-size: 0.85em; position: relative; top: 3px;}
.floatRight {float: right; margin-left: 5px;}


/*--==Events==--*/
#eventList .eventItem {margin: 0 0 20px 15px; padding-bottom: 0;}

#eventList h2 {text-indent: -10px; margin: 25px 0 0 0;}
#eventList h4,h5 {
	border-top: 1px solid #555; padding-top: 2px;
	margin: 0 0 10px 0;
}
.dt {float: right; padding-top: 2px; margin: 0; text-align: right;}
.info {}
#eventList table {width: 97%; margin-left: 10px;}
#eventList td {padding: 8px 0 0 0; border-bottom: 1px dotted #333;}

/*--==Meetings==--*/
#meetingTable th.col1 {width: 175px !important;}
#meetingTable th.col2 {width: 410px !important;}
#meetingTable td {padding-bottom: 10px; vertical-align: top;}
#meetingNotes {
	margin-top: 25px;
	border-top: 1px solid #555;
	}
#meetingNotes h2 {margin-top: 5px;}

/*--==Members==--*/
#memberList {}
table#members {
	width: 98%;
}
table#members td {
	border: 1px solid #333;
	padding: 2px;
}

/*--==Links==--*/
#links table {width: 100%;}
#links td {text-align: center; padding-bottom: 15px;}

/*--==News==--*/
#newsList div {margin: 0 0 20px 15px; padding-bottom: 0;}
.newsItem {border-top: 1px solid #555;}

/*--==photoList==--*/
#photoList .row {clear: both; margin-top: 10px;}
#photoList .lcol {float: left; text-align: left;}
#photoList .mcol {float: right; text-align: center; margin: 0 7px 0 6px;}
#photoList .rcol {float: right; text-align: right;}
.photoList dd {float: left; margin: 10px 8px 0 0; height: 185px;}
.photoList dd h3 {margin: 0 0 5px 0;}
.toc dd {margin-right: 20px; width: 320px; white-space: nowrap;}
.photoList dd img {border: 1px solid #000033 !important;}
.photoList dd img:hover {border: 1px solid #ff0000 !important;}

/*--==Resources==--*/
#courseList th {padding-top: 10px;}
#courseList td {padding: 0 0 5px 15px; vertical-align: top;}

/*--==Generic List Styles==--*/
div.pastList {font-size: 0.9em;}
div.pastList h4 {font-size: 1em;}