/* CSS Document */

body {
	background: #fff url(i/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	text-align: left;
	}
body, p, li, td {
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}

body.blank {
	background: #fff;
	margin-left: 10px;
	}

p { margin: 0 5px 1.5em 0; }

ul { 
	margin-top: 0;
	margin-bottom: 1.5em;
	}
	
td, td p, th, th p { font-size: 10px; }	
th { font-weight: bold; }

input {
	font: 10px/1em Verdana, Arial, Helvetica, sans-serif;
	background: #EEF7D5;
	}

/*p+h1, p+h2 { margin-top: 2.5em; }*/
	
/*///// h ///////*/
	
h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet, "Trebuchet MS", Verdana, sans-serif;
	line-height: 1.2em;
	color: #564;
	font-weight: normal;
	margin: 0 0 4px 0;
	}

h1 { 
	font-size: 16px;
	text-shadow: #ccc 2px 2px 2px;
	}

h2 { 
	font-size: 14px; 
	text-shadow: #ccc 2px 2px 2px;
	}
	
h3, h4, h5, h6 {
	font-size: 12px;
	color: #036;
	text-transform: uppercase;
	text-shadow: #bbb 2px 2px 2px;
	}
	
h4, h5, h6 {	font-size: 10px;	}
	

/*///////// a /////////*/	

a {
	font-weight: bold;
	text-decoration: none;
	color: #C63;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #e85;
	}
a:active {
	text-decoration: none;
	color: #f96;
	}
a:visited {
	color: #930;
	}
	
#head {
	background: #bcb;
/*	width: 100%;*/
	clear: both;
	}

/*///////navigation tabs///////*/

#head, #nav, #wrap, #conmain {
	text-align: left;
	}

#nav {
	float: left;
	background: #bcb;
	width: 100%;
	margin: 0;
	border-bottom: 4px solid #5580A2;
	margin-bottom: 6px;
	top: 107px;
	}
#nav ul {
  padding: 0 0 0 10px;
  margin:0;
  list-style:none;
	}	
#nav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	background: url(i/offright.gif) no-repeat right top;
	}
#nav a {
	font-size: 10px;
	float: left;
	display: block;
	background: url(i/offleft.gif) no-repeat left top;
	color: #369;
	padding: 3px 8px;
	}
/* Commented Backslash Hack
	 hides rule from IE5-Mac \*/
#nav a { float:none; }
/* End IE5-Mac hack */

#nav a:hover, #nav a:active {
	text-decoration: none;
	color: #036;
	}	

body.home #nav #home,
body.news #nav #news,
body.prog #nav #prog,
body.cal #nav #cal,
body.memb #nav #memb,
body.und #nav #und,
body.search #nav #search,
body.about #nav #about,
body.links #nav #links,
#nav #current {
	background: url(i/onright.gif) no-repeat right top;
	}
	
body.home #nav #home a,
body.news #nav #news a,
body.prog #nav #prog a,
body.cal #nav #cal a,
body.memb #nav #memb a,
body.und #nav #und a,
body.search #nav #search a,
body.about #nav #about a,
body.links #nav #links a,
#nav #current a {
	color: #fff;
	background: url(i/onleft.gif) no-repeat left top;
	}
	
	
/*////// general layout guidelines ////////*/

#wrap {
/*	float: none;
	clear: both;*/
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
/* Commented Backslash Hack
	 hides rule from IE5-Mac \*/
#wrap { clear:none; }
/* End IE5-Mac hack */

#conl {
	width: 180px;
	margin: 0 10px;
	padding: 10px 0;
	float: left;
	position: absolute;
	left: 0;
	top: 132px;
	}

#conmain {
	margin: 0 170px 0 210px;
	padding: 0 0 10px 0;
	}	
	
#conr {
	width: 140px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 10px;
	border-left: 1px solid #bbc4a2;
	background: #fff;
	position: absolute;
	top: 142px;
	right: 20px; /* False value for IE4-5.x/Win. */
	voice-family: "\"}\""; 
	voice-family:inherit;
	right: 15px;	/* Value for compliant browers. */	
	}
#conr a:visited { color: #357; }


/*////// sub-styles //////*/

#conl a, #conr a { color: #579; }
#conl a:hover, #conl a:active, #conr a:hover, #conr a:active { color: #68a; }

#conl p, #conr p {
	font-size: 9px;
	line-height: 1.4em;
	}

#conmain img {
	margin: 0 5px 10px 0;
	}

#wrap hr, #conr hr {
	clear: both;
	visibility: hidden;
	height: 0;
	margin: 0;
	}
#conmain hr {
	visibility: visible;
	height: 0;
	margin-bottom: 18px;
	}

/*//// special content areas /////*/

#conl .box {
	border-bottom: 1px solid #bbc4a2;
	margin-bottom: 10px;
	}
	
.article {
	margin-bottom: 18px;
	border-bottom: 1px solid #bbc4a2;
	float: left;
	clear: left;
	display: block;
	}
.article img, .artbox img {
	float: left;
	margin: 0 5px 10px 0;
	}

.artbox, .inset {
	border: 1px solid #bbc4a2;
	padding: 6px;
	padding-bottom: 0;
	background: #ffe;
	margin: 0 10px 12px 0;
	display: block;
	}
.artbox {
	float: left;
	clear: left;
	}
	
.inset {
	float: right;
	padding: 6px;
	margin: 6px;
	margin-top: 0;
	text-align: center;
	}
.inset p, table.cal td, table.cal td p {
	font-size: 9px;
	line-height: 1.2em;
	margin: 5px 0;
	}
.inset p { text-align: center; }


table.cal img {
	float: none;
	}
	
.righto {
	float: right;
	clear: right;
	margin-left: 5px;
	}

img.fleft { 
	float: left;
	margin: 0 7px 2px 0;
	}
	
body.white {
	background: #fff;
	margin: 0;
	}
body.white #wrap {
	padding: 10px;
	}