@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696a6c;
	text-align:left;
	line-height: 17px;
}
body {
	background-color: #696a6c;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
color: #696a6c;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.pullOuts {
font-size: 18px;
line-height: 22px;
color: #f9a13a;
font-weight: bold;
font-style:italic;
}
#headerSection {
background-image:url(../wsimages/header.png);
background-repeat:no-repeat;
width: 768px;
height: 96px;
}
#wrapper {
width: 100%;
}
#footerSection {
background-image:url(../wsimages/footer.png);
background-position:bottom;
width: 768px;
height: 5px;
background-repeat:no-repeat;
}
#mainSection {
background-image:url(../wsimages/logotinttop.png);
background-repeat:no-repeat;
background-position: left bottom;
min-height: 400px;
height: auto;
width: 768px;
padding-top: 10px;
padding-bottom: 10px;
background-color:#FFFFFF;
}
#logos {
background-image:url(../wsimages/logotintbottom.png);
background-repeat:no-repeat;
width: 768px;
height: 55px;
background-color:#FFFFFF;
}
.small, .small a:link {
font-size: 10px;
}
.small a:hover {
color: #f9a13a;
}
.orange, .orange a, .orange a:hover {
color: #f9a13a;
}
h1 {
color: #f9a13a;
font-weight:bold;
font-size: 20px;
line-height: 20px;
margin: 0;
padding: 0;
}
#content {
/*border-left: 1px dotted #f9a13a;
border-right: 1px dotted #f9a13a;
*/padding-left: 15px;
padding-right: 15px;
width: 338px;
}
#pullOut {
width: 167px;
height:auto;
padding-top: 15px;
color: #f9a13a;
font-style:italic;
font-weight:bold;
font-size: 16px;
line-height: 19px;
}
#latestNews {
margin-left: 15px;
width: 167px;
}
.floatLeft {
float:left;
padding-right: 15px;
padding-bottom: 15px;
}
.floatRight {
float:right;
margin-left: 15px;
margin-bottom: 15px;
}
#leftColumn {
width: 167px;
}
/* setup general nav styling */
#nav, #nav ul {
margin: 0;
list-style: none; 
line-height: 12px;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #696a6c;
}

/* style up the nav buttons throughout each level */
#nav a {
display: block;
text-decoration:none;
font-size: 14px;
line-height: 12px;
font-weight: bold;
color: #696a6c;
border: 0;
}
#nav a:hover {
color: #f9a13a;
text-decoration:underline;
}

/* style up 1st level items */
#nav li {
margin: 0;
padding-left: 5px;
}

/* turn on 2nd level if 1st level is active */
#nav li.active ul {
display: block;
margin-left: -5px;
padding-left: 10px;
border: 0;
}

/* turn off 2nd level if 1st level is not active */
#nav li ul {
margin-left: -10px;
padding-left: 15px;
display: block;
}



/* style up all 3rd level items */
#nav li.active ul li {
color: #696a6c;
}

/* if 2nd level nav is active, change 2nd level colour */
#nav li.active ul li.active {
margin-left: -10px;
padding-left: 15px;
}

/* turn off 3rd level if not active */
#nav ul ul li {
display:none;
}
/* turn on 3rd level if 2nd level is active */
#nav ul li.active ul li {
margin-left: -20px;
padding-left: 25px;
display: block;
}
/* change 3rd level colour if 3rd level is active */
#nav ul li.active ul li.active {
margin-left: -20px;
padding-left: 25px;
display: block;
}

#cpwmSitemap ul, #mainSection a {
margin: 0px;
padding-bottom: 5px;
padding-left: 0px;
padding-top: 5px;
list-style:none;
color: #696a6c;
}
#cpwmSitemap a:hover {
color: #f9a13a;
text-decoration:underline;
}
#cpwmSitemap ul li {
padding-bottom: 3px;
}
#cpwmSitemap ul ul {
list-style: disc;
padding-left: 25px;
}
#cpwmSitemap ul ul ul {
list-style: circle;
padding-left: 15px;
}

/* FORM STYLING */
.formFields {
border: 1px solid #696a6c;
width: 90%;
font-size:12px;
}
.formFields2 {
border: 1px solid #696a6c;
font-size:12px;
}
.submitButton {
background-color: #f9a13a;
color:#FFFFFF;
border: 0;
font-size:12px;
}
.resetButton {
background-color: #696a6c;
color:#FFFFFF;
border: 0;
font-size:12px;
}
.errorTable {
	background-color:#FFCCCC;
	border: 1px solid #FF0000;
	padding: 20px;
}