/* CSS Document main styles */

html {
	background-image: url(../images/graphics/bg_grey.gif);
}

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; /*this will ensure older browser center and overcome margin auto probs*/
	font-size: 0.8em;
}

h1 {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right:48%;
}

ol {
padding-right: 4px;
}

.heading  {
	background: #aaadc1;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	margin-top: 1px;
	margin-left: -10px;
}
.spacing {
padding-top: 20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
}

#mainCont {
	width: 1200px; /*was 810*/
	background-color:#ffffff;
	color:#000099;
	text-align:left;
	margin:auto;
}

#mainCont p {
	margin: 0; /*gets rid of gaps between divs*/
}

.roundtop {
	background: url(../images/graphics/corners/tr_whiteg.jpg) no-repeat top right; 
	}

.roundbottom {
	background:url(../images/graphics/corners/br_whiteg.jpg) no-repeat top right; 
}

#mainCont img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

#wrapper {
	padding: 0px 4px 2px 6px;
}
	
#horizNav {
	text-align: left; /*was right*/
	font-size: 1.5em;
	background: #ba3642;
	border-top:solid #ffffff 1px;
	}

#horizNav ul {
	list-style:none;
	margin: 0; 
	padding: 255px; /* was 0 */
	padding-top: 4px;
	padding-bottom: 4px;
}
#profileLinks ul{
	list-style:none;
}
#profileLinks a:link, #profileLinks a:visited {
  font: normal normal bold 0.9em tahoma, verdana, sans-serif;
  color: #ba3642; /*font color*/
  text-decoration: none;
}
#profileLinks a:hover{
color: #FF6600;
text-decoration:underline;
}


#horizNav li {
	display:  inline;
}

#horizNav a:link, #horizNav a:visited {
	margin-right: 1px; /*was 4*/
	padding: 3px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border-left: solid #ffffff 1px;
}
#horizNav a:hover {
	color: #aaadc1;
}
/* structural styles and offsets for vertical nav bar*/
.vertSidebar {
	background: #eff0f6;
	width: 250px; /* was 190 */
	margin-top: -15px;
	margin-left: 5px;
	float:left;
	padding: 15px 0 15px 5px;
}


ul.vertical, ul.vertical li, ul.vertical ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
}

ul.vertical {
  position: relative;
  cursor: default;
  width: 10em;
  left: 1em;
  top: 1em;
}

ul.vertical li {
  position: relative;
  text-align: left;
  cursor: pointer;
  cursor: hand;
  width: 15em; /*was 10 */
  margin: -1px 0 0 0;
}

ul.vertical ul {
  z-index: 1020;
  cursor: default;
  width: 10.5em;
  margin: -1.0em 0 0 14.5em; /*was 9.5 */
  position: absolute;
  left: -100em;
  top: 0;
  padding: 1px 0 0 0;
}

ul.vertical ul li {
  /*width: 8.2em;*/
  width: 10.5em;
}

ul.vertical ul ul {
  margin: -2.5em 0 0 10.7em; /* was -2.5 */
}
/* design styles */
ul.vertical ul {
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff #96979b #96979b #ffffff; /*submenu borders with inset grey*/
}

ul.vertical a:link, ul.vertical a:visited {
  display: block;
  cursor: pointer;
  cursor: hand;
  background: #aaadc1; /*bg for links*/
  border: 1px solid #ffffff; /*white for all outside borders*/
  padding: 5px 7px;
  font: normal normal bold 0.9em tahoma, verdana, sans-serif;
  color: #ffffff; /*font color*/
  text-decoration: none;
  letter-spacing: 1px;
}

ul.vertical a:hover, ul.vertical a:focus, ul.vertical a:active,
ul.vertical a.rollover:link, ul.vertical a.rollover:visited {
  background: #373486; /*background on hover and rollover of main links*/
  color: #ffffff; /*colour of font for both menus on hover*/
}

/* submenu indicator arrows */
ul.vertical li.hasmenu > a:link, ul.vertical li.hasmenu > a:visited {
  background: url(../images/graphics/right-green.gif) #aaadc1 no-repeat 95% 50%; 
}

ul.vertical li.hasmenu > a:hover,
ul.vertical li.hasmenu > a:focus,
ul.vertical li.hasmenu > a:active,
ul.vertical li.hasmenu > a.rollover:link,
ul.vertical li.hasmenu > a.rollover:visited {
  background: url(../images/graphics/right-red.gif) #373486 no-repeat 95% 50%; /*changes from a green to a red arrow on hover and change bg of main menu with sub ffefcf */
}

* html ul.vertical li.hasmenu a,
* html ul.vertical li.hasmenu a:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(../images/graphics/right-green.gif) #aaadc1 no-repeat 95% 50%" : "#aaadc1"); /*colour of the submenu when the main menu with a link is hovered was ffcc*/
}

* html ul.vertical li.hasmenu a:hover,
* html ul.vertical li.hasmenu a:active,
* html ul.vertical li.hasmenu a.rollover,
* html ul.vertical li.hasmenu a.rollover:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
		  ? "url(../images/graphics/right-red.gif) #373486 no-repeat 95% 50%" : "#373486"); /*change main menue hover to darkblue, change the submenu hover to a darkblue it was ffefcf  peach*/
}

.vertSidebarR {
	background: #eff0f6;
	width: 250px; /* was 190 */
	margin-top: -15px;
	margin-right: 5px;
	float:right;
	padding: 15px 0 15px 5px;
}
.content {
	width: 640px; /* was 570*/
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	border-width: 1px;
  	border-style: solid;
  	border-color: #ffffff  #aaadc1  #aaadc1 #aaadc1;
}

.content p {
	padding-right:  10px;
	padding-bottom: 5px;
}

.content a:link, a:visited {
	color: #ba3642;
}
.content a:hover {
	color: #FF6600;
}

.content li {
	list-style: square;
	padding-right: 5px;
}

.cpara {
background: #DFE7F2;
}

.pics {
	padding: 5px 5px 5px 5px;
	border: solid 1px #373486;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.floatright {
	float: right;
	padding: 5px 5px 5px 5px;
	border: solid 1px #373486;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
form {
	margin-bottom: 10px;
}

.contactform p {
	margin: 0px;
	padding: 5px 0px 0px;
	clear: left;
}
.contactform p label {
	float: left;
	width: 20%;
	font-weight: bold;
}
.contactform .text {
	background: #F5F6F2;
	padding: 2px;
	width: 280px;
	border: 1px solid #373486;
}

.contactform p.submit {
	margin-left: 20%;
}

.contactform p.submit input {
	color:#FFFFFF;
	background-color:#003399;
}

td, th {
	font: Arial, Helvetica, sans-serif;
}
.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 90%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 4px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr.altrow {
	background-color: #DFE7F2;
	color: #373486;
}
.thumbnail
{
float: left;
width: 200px;
border: solid 1px #373486;
padding: 5px 5px 5px 5px; 
margin: 5px 30px 15px 15px;
font: Tahoma, Arial;
font-style: italic;
}

#footer {
	clear:both;
	text-align: center;
	background-color: #373486;
	color: #FFFFFF;
	padding: 5px 0 5px 0;
	border: solid 2px #ffffff;
}
#footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	color: #aaadc1;
}
/* iframe layer */
ul iframe {
  position: absolute;
  z-index: 1010;
  border: none;
}

/* browser hacks */
@media screen, projection {
  * html ul.vertical li {
    display: inline;
    f\loat: left;
    background: #fff;
  }
}
* html ul.vertical li { position: static; }
* html ul.vertical a:link, * html ul.vertical a:visited { position: relative; }