/*######################################################################################### 
###################################						###################################
###################################  GENERIC STYLES	    ################################### 
###################################						###################################
###########################################################################################*/

/*set overall body text colour, set a base font size of 62.5% which is 10px and a 
base line height for the whole document, the percentage of 62.5% which is a 10px 
line-height is aleady set in the reset style sheet*/

body {
color: #455560;
font: 1.6em Arial, Helvetica, sans-serif;
font-size: 0.7em;
line-height: 15px;
}

.clear {
clear: both;
}

.floatleft {
float: left;
padding: 1px 1px 1px 1px
}

.floatright {
float: right;
padding: 1px 1px 1px 1px
}

p{
padding:0px 0px 7px 0px;
margin:0px;
}

ul{
margin: 0px 0px 10px 35px;
}

ol{
margin: 0px 0px 10px 40px;
}

#wrapper a{
text-decoration: none;
color: #455560;
font-weight: bold;
}

#wrapper a:hover {
text-decoration: underline;
color: #455560;
font-weight: bold;
}

/* ################################### HEADER STYLES #################################*/

#header p{
float: right;
width: 180px;
padding-top: 80px;
}

/* ################################### FOOTER STYLES #################################*/

#footer p {
color: #fff;
}

#footer a{
color: #fff;
font-weight: normal;
}

#footer a:hover{
color: #fff;
font-weight: normal;
}


/*######################################################################################### 
###################################						###################################
###################################   HOME PAGE STYLES	################################### 
###################################						###################################
###########################################################################################*/

#news-events h1 {
color: #455560;
text-transform: uppercase;
padding: 0 0 10px 5px;
margin: 0px;
font-size: 1.1em;
}

#news-events p.news-link{
padding: 0 0 0 40px;
}

.news{
background:url(../images/news_icon.png) no-repeat left top;
margin-bottom: 10px;
}

.event{
background:url(../images/event_icon.png) no-repeat left top;
}

p.more {
text-align:right;
background: url(../images/red_arrow.png) no-repeat right center;
padding: 0 15px 0 0;
font-weight: bold;
float: right;
}

a.more {
text-align:right;
background: url(../images/red_arrow.gif) no-repeat right center;
padding: 0 15px 0 0;
font-weight: bold;
/*float: right;*/
}

#right-column-copyarea a.more {
text-align:right;
background: url(../images/red_arrow.gif) no-repeat right center;
padding: 0 15px 0 0;
font-weight: bold;
/*float: right;*/
}

#right-column-copyarea a span.more {
text-align:right;
background: url(../images/red_arrow.gif) no-repeat right center;
padding: 0 15px 0 0;
font-weight: bold;
}

.more-sep {
visibility: hidden;
}

#right-column-copyarea .more ul li {
padding: 0 0 0 15px;
margin: 0px;
background:url(../images/red_arrow.png) no-repeat left center;
}

#right-column-copyarea .more ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/*######################################################################################### 
###################################						###################################
################################### PORTALS PAGE STYLES	################################### 
###################################						###################################
###########################################################################################*/


/*THIS IS WHERE THE STYLING FOR THE LEFT COLUMN CONTENT IS DEFINED*/

#left-column ul li a:hover{
color: #ef4035;
}

#left-column ul li ul li a{
font-weight: normal;
}

#left-column ul li ul li a:hover{
font-weight: normal;
color: #ef4035;
}

#left-column ul li a.red{
color: #ef4035;
}

#left-column p{
padding-bottom: 5px;
}

/*THIS IS WHERE THE STYLING FOR THE RIGHT COLUMN CONTENT IS DEFINED*/

#right-column h1 {
color: #ef4035;
text-transform: uppercase;
padding: 0 0 5px 18px;
margin: 0px;
font-size: 1.4em;
}

#right-column h2 {
color: #455560;
text-transform: uppercase;
padding: 0 0 5px 0;
margin: 0px;
font-size: 1.1em;
}

#right-column h3 {
color: #455560;
padding: 0 0 5px 0;
margin: 0px;
font-size: 1.1em;
}

hr {
border: 0;
color: #c7c7c7;
background-color: #c7c7c7;
height: 1px;
}

#right-column-copyarea p {
padding: 0 0 10px 0;
}

#right-column-copyarea p.more {
text-align:right;
background: url(../images/red_arrow.png) no-repeat right center;
padding: 0px 10px 0px 0px;
font-weight: bold;
}

#right-column-copyarea select {
font: 1em Arial, Helvetica, sans-serif; 
border: 1px solid #929D99;
} 

#resources p {
padding: 0 0 0 40px;
background: no-repeat left center ;
display: block;
height: 20px;
}

#resources p.doc {
background-image: url(../images/doc.png);
}

#resources p.pdf {
background-image: url(../images/pdf.png);
}

#resources p.web {
background-image: url(../images/web.png);
}

.list-headline { font-weight: bold; margin: 0px; padding: 0px;}
.list-date { margin: 0px; padding: 0px;}
.date-under-title { margin: 0px; padding: 0px 0px 0px 18px;}
.list-intro { margin-bottom: 10px; padding-bottom: 10px; }
.list-intro-thumbnail { margin-left: 110px; }
.list-thumbnail {float: left; margin: 5px 10px 5px 0;}
.list-data {margin-left: 5px; font-weight: normal;}
.list-icon {float: left; margin-right: 5px;}
.list-sep { clear: both; visibility: hidden;}

/* NEXT PREVIOUS BTN*/
.nextPrev {float: right;}
.nextPrev * {margin:0; text-align: center;}
.next-sep {margin: 5px;}

#wrapper a.selected{
font-weight: normal;
}

#wrapper a:hover.selected {
font-weight: normal;
}


/*######################################################################################### 
###################################						###################################
################################### GENERIC STYLES	################################### 
###################################						###################################
###########################################################################################*/

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

.highlight {color:#ef4035;}
.subdued {color:#999}
.error {color:#ef4035;font-weight:bold}
.success {color:#390;font-weight:bold}

/* SITE MAP */
ul.sitemap-level1 ul { 
padding: 2px; 
}

ul.sitemap-level1 li { 
padding: 2px; 
text-transform: uppercase; 
font-weight: bold;
list-style-image: url("../images/red_arrow.png"); 
}

ul.sitemap-level2 li {
text-transform: none; 
font-weight: normal;
list-style-image: none; 
list-style: none; 
}

/* TABLE */
table { border: 1px solid #E9E9E9; margin-bottom: 10px;}
th { background: #E9E9E9;}
tr { vertical-align: top;}
td	{ padding: 2px;}


/* FORMS */
.form {width:98%;position:relative; margin: 0px;}
.form fieldset {width:auto;margin: 10px 0; border: none; border-top: 1px solid #c7c7c7;}
.form fieldset div {margin-bottom:5px;}
.form legend { text-transform: uppercase; color: #ef4035; margin-bottom: 10px;}
.form label {clear:left;width:100%; padding: 0px; margin-bottom: 5px; float:left; width:10em; line-height: 1.2; display:block; position:relative; font-weight:bold;}
.form label strong {float:left;width:10em;line-height: 1.2; display:block; position:relative;}
.form label input, .form label textarea, .form label select {float:left;margin-left:10px;display:block;}
.form label .formText {width:20em;float:left;margin-left:10px;height:12px;padding:2px; }
.form label .formTextarea {width:20em;float:left;margin-left:10px;height:92px;padding:2px; }
.form label .formSelect {width:20em;float:left;margin-left:10px;height:92px;padding:2px; }
.form input, .form textarea, .form select {font: 1em Arial, Helvetica, sans-serif; border: 1px solid #929D99;}
.formRequired { color: #ef4035;	padding: 0px 2px 0px 5px;}
.formEnd {display: block; text-align: right;}
.xformvalidator { color: #ef4035;	padding: 0px 2px 0px 5px; font-weight:bold;}
.form fieldset fieldset {width:auto;margin: 10px 0; border: none;}
.form fieldset fieldset label {display: inline; float: none; vertical-align: middle; }
.form fieldset fieldset input[type=checkbox] { vertical-align: middle; border: none; }


.form .formSubmit-disabled {
border:0px;
width: 54px;
height: 20px;
font-weight: bold;
text-transform: uppercase; 
color: #6f8591;
padding: 0 0 4px 0;
font-size: 10px;
color: #fff;
}

.form .formSubmit{
background: #33FF00 url(../images/search_b.gif)  top left;
color: #6f8591;
border:0px;
width: 54px;
height: 20px;
font-weight: bold;
text-transform: uppercase; 
color: #fff;
padding: 0 0 4px 0;
font-size: 10px;
}