@charset "utf-8";
/* CSS Document */
/* 
Site section colour schemes:
home #CC0000
about #006699
news #009933
creating #660066
attending #000099
resources #993300

Need to change the following properites for each main section:
- #main_content background-color
- #logo background-image 
- ul.main-nav a.sel color
- ul.sub-nav a.sel color
- #main-image background-image
- h1 color
- a color


*/

#hd, #bd {
	width:932px;
}
#hd {
	margin-top: 20px;
}

.caption {
    clear: left;
    display: block;
}


a:link img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.anchor {
	position: absolute;
}    

img { 
   background-color: #FFFFFF;
   color: #000000;
}

#content {
	width: 932px;
	text-align:left;
	position:relative;
}


#logo {
	width: 932px;
	height: 83px;
	float: left;
	clear: both;
	margin:0;
}

#line {
	width: 932px;
	height: 21px;
	background: url(images/aaa/red-line.gif) no-repeat;
	margin:0;
	clear:both;
}
#top-nav-border {
	width: 635px;
	height: 23px;
	float: left;
}

#styleswitcher-default {
	width: 17px;
	height: 16px;
	float: right;
	margin-right:2px;
}
#styleswitcher-large {
	width: 17px;
	height: 16px;
	float: right;
	margin-right:2px;
}
#styleswitcher-maximum {
	width: 16px;
	height: 16px;
	float: right;
	margin-right:21px;
}
#top-nav-border-end {
	width: 22px;
	height: 23px;
	float: left;
	clear: right;
}
#main-nav {
	width: 650px;
	margin: 0;
	float: left;
}
#search-section {
	float: left;
	width: 210px;
	border:1px solid #fff;
}
#main-nav ul {
	margin: 10px 0 10px 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
}
#main-nav li {
	list-style: none;
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
	float:left;
	letter-spacing: 0.06em;
	margin-right: 30px;
	font-size: 1.2em;
}
ul.main-nav a {
	color: #000000;
	text-decoration: none;
}
ul.main-nav a:hover {
	color: #000000;
	text-decoration: underline;
}

label
{
	float: left;
	text-align: right;
	margin-right: 0.5em;
	line-height: 1.8em;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
form
{
	margin: 0px;
	padding: 0px;
}

#search {
	float: right;
	margin: 10px 22px 0 0;
	font-size: 1.2em;
	color: #fff;
	
}


#search label {
	margin:0 10px 0 0;
	padding: 0;
	font-weight: normal;
	line-height: inherit;
}
#search-field, #cntnt01searchinput {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	width: 120px; 
	margin: 0;
	height: 1.2em;
	float: left; 
	padding: 0;
} 
#search-submit {
	float: left;
	margin-left: 3px;
	position: relative;
	border: 2px solid #FFFFFF;
}  

#main-image {
	width: 928px;
	height: 134px;
	float: left;
	clear: both;
	background-image: url(images/home/image.jpg);
}
#sub-nav {
	width: 690px;
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	background-color: #FFFFFF;
	padding: 8px 0 8px 20px;
}



.white {
	width: 932px;
	background: url(images/aaa/white-mid.gif);
}
.white-top {
	background: url(images/aaa/white-top.gif);
	height:5px;
}
.white-bot {
	background: url(images/aaa/white-bot.gif) no-repeat right;
	height:2px;
}
.white-content {
	padding: 10px 20px 20px 20px;
}

.red-bot {
	background: url(images/aaa/red-bot.gif) no-repeat;
	height:6px;
}


/* added by matt */
ul.sub-nav {
	list-style: none;   
	padding: 0;
	margin: 5px 0 5px 0;   
}  
ul.sub-nav li.first {
   	float: left;
	margin: 0 15px 0 0;
	padding: 5px 0 5px 0;  
}
ul.sub-nav li {
	float: left;
	margin: 0 15px 0 0;
	padding: 5px 0 5px 0;
}
ul.sub-nav a {
	text-decoration: none;
	color: #333333;
}
ul.sub-nav a:hover {
	color: #000000;
	text-decoration: underline;
}





h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em; 
}   
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em; 
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em; 
	font-weight: bold;
}

p {
	margin: 0 0 0.7em 0;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

#spacer-01 {
	width: 311px;
	float: left;
	background-color: #FFFFFF;
}
#spacer-03 {
	width: 25px;
	float: left;
	clear: right;
	
}
#spacer-04, .spacer-04{
	width: 720px;
	height: 15px;
	float: left;
	clear: both; 
}
#spacer-05 {
    width: 720px; 
	height: 20px;
	float: left;
}
#back-to-top {
	width: 15px;
	height: 21px;
	float: right;
}
#spacer-06 {
	background-color: #FFFFFF;
	width: 7px;
	height: 21px;
	float: left;
	clear: right;
}

#section-header {
	width: 719px; 
	clear: both;
	float: left;
}
#section-subnav {
	width: 719px;
	clear: both;
	float: left;
}

#section-body {
	width: 719px;
	clear: both;
	float: left;
}   

.section-corner {
	width: 719px;
	height: 5px;
}
a:link img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
a:visited img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}     


.form label {
   float: left;
   clear: left;
   width: 14em;
   text-align: left;
   
}  
.form input {
   float: left;
   background: #eeeeee;
}
br, hr {
   clear: left; 
   
}

.clear {
	clear: both;
}