/** Global **/
* {
    margin:0;
    padding:0;
}
h2 {
	font:bold 2em/1.4 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #016501;
}
h3 {
	font:bold 1.2em/1.6 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #016501;
	margin: .8em 0 .8em;
}
acronym	{
	border-bottom: 1px dotted #333;
  	cursor: help;
}

q:before, q:after {
	content: "";
}
/* links */
a {
	color: #369;
}
a:focus, a:hover, a:active {
	color: #000;
	background: #fff217;
}
ul {
	margin-left: 3%;
}
img {
	border: 0;
}
/** end global **/

/* setting the base font size to 90% allows even scaling by the user while keeping font-size 'xx-small' legible */
body {
	font-family: "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	font-size: 90%;
	line-height: 1.5;
}

table {
	width: 100%;
}

td, th {
	 padding: .5em 1% .5em 1%; border: 1px solid #ccc;
}

caption {
	font-weight: bold;
	font-size: 110%;
	text-align:left;
}

#container {
	background:#fff url(img/left_shadow.gif) repeat-y top left;
	padding-left: 8px;
	/*padding-bottom: 15px;*/
}

#outer {
    margin:0 auto;
	width:94%;
    min-width:40em;
    max-width:70em;
    background:#fff url(img/right_shadow.gif) repeat-y top right;
	padding-right: 8px;
}

#access {
	width:100%;
	background: #000;
	color: #FFF;
	padding-bottom: .1em;
	padding-top: .1em;
	font-size: 90%;
}
#access ul {
	list-style:none;
}
#access li {
	display:inline;
	padding:.3em 2%;
}
#access li a {
	color: #fff;
	background: #000;
}
#access li a:focus, #access li a:hover, #access li a:active{
	color: #000;
	background: #fff;
}
/* float clearing - technique explained @ http://www.csscreator.com/attributes/containedfloat.php */
ul#nav:after, #outer:after, #header:after, #sub:after, form:after, form div:after {
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}
* html #nav, * html #content, * html form, * html form div, * html header {
	height:1%;
}

/** hiding of elements for assistive devices (screen readers etc) **/
.off {
	position:absolute;
	left:-1000em;
	top:-1000em;
}
/* <hr />'s added to mark-up for browsers without CSS */
hr {display:none}

/** Title **/
#header {
	margin-top: .5em;
	background:#FFFFFF;
	border:2px solid #fff217;
	padding-bottom: 10px;
	padding-right: 10px;
}
#header h1 {
    padding:.6em 2% 1.2em 2%;
    font:bold 2em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; /* line-height allows for image of buildings */
    letter-spacing:1pt;
	color: #666;
    background: transparent; 
	float:left;
	margin-left: 7%;
	width: 55%;
}
* html #header h1 {
	padding:.6em 2% 1em 2%;
	font:bold 2em/0.9 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; /* line-height allows for image of buildings */
	margin-left: 6%;
}

#header h1 a {
	color: #666;
	text-decoration:none;
}

#header img {
	/*margin-top: 0.8em;*/
	border: 0;
}

* html #header img {
	margin-top: 0;
}
/** Navigation **/
ul#nav {
   	list-style:none;
   	margin:3px 0 1em;
   	background:#fff;
   	padding-bottom:2px;
}
#nav li {
    list-style:none;
	display:block;
	background:#fff217;
}
#nav a {
    display:block;
	font:1em/1.8 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	text-decoration:none;
	color: #000;
	margin:1px;
	background:transparent url(img/mnu-top.gif) repeat-x left top;
	border-bottom: 1px solid #ccc;
	padding-left: 6%;
}
* html #nav a {
	width: 100%;
}
#nav a:focus, #nav a:hover, #nav a:active {
	color:000;
	text-decoration:underline;
}
/** current menu item **/
ul#nav li#active {
	background:#fff217;
	font:bold 1em/1.8 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #000;
	text-decoration:underline;
	padding-left: 6%;
	/*width: 100%;*/
	border-bottom: 1px solid #ccc;
}
* html ul#nav li#active {
	width:100%;
}
/** Content Containers **/
#left, #content {
	font: 1em/1.5 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	word-spacing:.1em;
	margin-bottom:1em;
}
#content {
	width:61%;
	float:left;
	padding-left: 6%;
	padding-right:6%;
	padding-top: 1em;
}
#content h2 {
	font:bold 1.5em/1.4 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #016501;
}

#content h3 {
	font:bold 1.2em/1.6 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
}

#left {
	width:23%;
	float:left;
	/* the following 3 declarations are for design purposes only - not required for layout */
	padding:10px 0 10px;
	background:transparent;
}
#right {
	width:25%;
	float:right;
}
 
 /** Main Col Contents **/
#content p {
	margin:.8em 2% .8em 0;
}
img.img-right {
	float:right;
}

img.img-left {
	float:left;
}

/** Left Col Contents**/
#left h2 {
	color:#845697;
	font-size:1.5em;
}
#left p {
	font-size:.9em;
}

/** Forms **/
form {
	margin:1em 0;
}
legend {
	font:bold 1.1em/1.5 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#3A4F3B;
}
input.txt {
	width:98%;
	margin:0 auto .5em;
	border:2px solid #A5ACB2;
	background:#fff;
}
input.btn {
	background:#BED2B8 url(img/btn.gif) repeat-x;
	padding:.1em;
	width:7em;
	float:right;
	color:#fff;
	font:bold 1em/1.4 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	cursor:pointer;
}
input:focus, input.focus {
	border-style:inset;
}
label {
	display:block;
	margin-top:.5em;
}
/* search */
#search fieldset {
	border:1px solid #C8DCC2;
	padding:.3em .5em;
}

/** Footer **/
#footer {
	clear:both;
	margin-top:1em;
	font:.9em "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	border-top:3px double #C8DCC2;
	background: #fff url(img/bottom_shadow.gif) repeat-x bottom left;
	padding-bottom: 25px;
}
#footer p {
	margin:1em 2% 1em 0;
	float:right;
	width:30%;
	text-align:right;
}
#footer ul {
	list-style:none;
	margin-top:.7em;
}
#footer li {
	display:inline;
	border-right: 1px solid #C8DCC2;
	padding:.3em 2%;
}
/** Event Table **/
#event {
	margin:0;
	border: 1px solid #aaa;
}

#event td, th {
	text-align: center;
	border: 1px solid #aaa;
	margin:0;
}