@import url(theme.css);  /* colour file */ 

body {

    margin:0;

    padding:0;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	text-align: left;

	color: #7c7b7b;

	font-size: 11px;

	font-weight: normal;

    line-height:137%;

	background-color: #ffffff;

}

html, body {height:100%}

.center {

	text-align: center;

	}

body.contentpane {

	background-color: #ffffff;

	background-image: none;

	}

table.contentpane tr td {

	background-color: #ffffff;

	background-image: none;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	text-align: left;

	color: #232323;

	font-size: 11px;

	font-weight: normal;

	margin: 0px 10px;

	}



/*----------------- headerstyles -----------------*/

.top {

	height: 98px;

	/*background-image: url(../images/logo.png);*/

	border-bottom: 1px solid #ffffff;

	background-repeat: no-repeat;

	margin: 0px 0px 4px 0px;

	}

.toparea {

	height: 98px;

	border-bottom: 1px solid #ffffff;

	}

.none {

	background-image: none;

	}

#topmenu {

	/*background-image: url(../images/menubar.png);*/

	/*background-repeat: repeat-x;*/

	height: 23px;

	border-top: 2px solid #ffffff;

	/*color: #000000;*/

	}

.footer {

	color: #c7c7c7;

	font-size: 10px;

	padding: 2px 13px 2px 3px;

	margin: 0px;

	background-color: transparent;
	/*background-color: #36647d;*/

	}
	
.footer a {color: #B2B2B2 !important; }

table.main {
	margin: 0px 0px 0px 0px;
	width: 972px;
	padding: 0px 5px 0px 0px;
	}

#mainbody {
	width: 640px;
	padding: 0px 5px;
	margin: 0px;
	}

#left {

	width: 147px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 3px;

	font-size: 11px;

	color: #004075;

	}

#right {

	margin: 0px 0px 0 0;

	padding: 0px;

	font-size: 11px;

	color: #472d29;

	}

#container {

	overflow: hidden;
	
	border: 2px solid #a8e6ea;

	margin: 10px auto 10px auto;

	padding: 0px;

	width: 972px; /*1017*/ /*879*/

	}

.moduletableusernav {

	text-align: right;

	width: 100%;

	}

.mainlevelusernav {

	color: #999999;

	}

#middletable { 
	margin: 0px;
	padding: 0px;
	width: 531px; 
	}

#user1 {
	padding: 5px;
	width: 514px;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	color: #FFFFFF;
	background: #008b94 url(../images/corner.gif)  bottom right no-repeat;
	}

#user1 h2 { font-size: 18px; color: #FFFFFF; margin: 2px 0px 0px 0px; }
#user1 a { font-size: 14px; font-weight:bold; color: #29c0ca; text-decoration:none;}
#user1 a:visited {color: #8d8d8d; font-size: 16px; font-weight:bold; text-decoration:none;}
#user1 a:hover { text-decoration:underline; }


#user2 {
	font-size: 12px;
	width: 250px;
	margin: 0px 3px 0px 0px;
	padding: 5px;
	background: #c3f5f8 url(../images/corner.gif)  bottom right no-repeat;
	line-height: 15px;
	}

#user2 h2 { font-size: 15px; margin: 2px 0px 2px 0px; }

#user2 p { line-height: 15px; margin-top: 7px; margin-bottom: 7px; } /*margin-bottom: 2px; }*/



#user3 {

	font-size: 12px;

	width: 250px;

	margin: 0px 0px 0px 0px;

	padding: 5px;

	background: #c3f5f8 url(../images/corner.gif)  bottom right no-repeat;

	}

#user3 h2 { font-size: 15px; margin: 2px 0px 2px 0px; }

#user3 p { line-height: 15px; margin-top: 7px; margin-bottom: 7px; } /*margin-bottom: 5px; }*/



#user4 {

	margin: 0px 0px 0px 0px;

	background-color: #FFFFFF;

	color: #7c7b7b;

	width: 285px;

	}

#user4 h2 { font-size: 15px; color: #2c9ea6; }


	

/*---------------------------------- Sidebar newsfeeds ----------------------------------*/

ul.newsfeed {

	list-style-type: none;

	list-style-image: none;

	margin: 3px 0 0 0;

	padding: 0;

	}

.newsfeed li{

	list-style: none;

	margin: 0;

	padding: 0.3em 0em;

	border-top: 1px solid #CCCCCC;

	font-weight: normal;

	font-size: 10px;

	line-height: 11px;

	}

ul.latestnews {

	list-style-type: none;

	list-style-image: none;

	margin: 3px 0 0 0;

	padding: 0;

	}

.latestnews li{

	list-style: none;

	margin: 0;

	padding: 0.3em 0em;

	border-top: 1px solid #CCCCCC;

	font-weight: normal;

	font-size: 10px;

	line-height: 11px;

	}

/*---------------------------------- Sidebar Menu ----------------------------------*/	


#menu {
	width: 135px;
}

#menu a.mainlevel:link, #menu a.mainlevel:visited {
    text-decoration: none;
	/*display: block;*/
	font-size: 11px;
	font-weight: normal; /*normal*/
	color: #008b94;
	/*background-image: url(../images/bg_large.png);*/
	text-align: left;
	height: 14px;
	line-height: 14px;
	text-indent: 0px; /*15*/
	/*text-transform:uppercase;*/
	/*border-bottom: 1px solid #cccccc;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

#menu a.mainlevel:hover {
	/*background-color: #008b94;*/
	text-decoration: underline;
	font-weight: normal;
	color: #008b94;
	/*text-transform:uppercase;*/
	}

#menu .mainlevel {

	/*display: block;*/
	font-size: 11px;
	font-weight: normal;
	color: #008b94;
	text-align: left;
	height: 14px;
	line-height: 14px;
	text-indent: 0px;
	margin: 5px 0px 0px 0px;
	/*text-transform:uppercase;*/
	}

#menu .sublevel {
	/*display: block;*/
	font-size: 11px;
	font-weight: normal;
	color: #004075;
	text-align: left;
	height: 14px;
	line-height: 14px;
	text-indent: 15px;
	/*text-transform:uppercase;*/
	}

	

#menu a.sublevel:link, #menu a.sublevel:visited {
    text-decoration: none;
	/*display: block;*/
	/*background-color: #b1e5f9;*/
	font-size: 11px;
	font-weight: normal;
	color: #004075;
	text-align: left;
	height: 14px;
	line-height: 14px;
	text-indent: 0px;
	/*text-transform:uppercase;*/
	/*background-image:url(../images/arrow.png);*/
	/*background-repeat: no-repeat;*/
	}

#menu a.sublevel:hover {
	/*background-color: #c1eef8;*/
	text-decoration: underline;
	font-weight: normal;
	color: #004075;
	/*text-transform:uppercase;*/
	}

#menu table.moduletable td {
	padding: 0px;
	}


/*---------------------------------- Layout styles ----------------------------------*/



#logo {

	padding: 3px 0px 0px 3px;

	}

.login_form {

	color: #016991;

	font-size: 9px;

	}

.login {

	padding: 4px;

	}

.search {

	padding: 4px;

	}

.banner {

	margin: 5px 5px 1px 0px;

	padding: 0px 0px 0px 0px;

	text-align: right;

	width: 425px;

	height: 91px;

	border: 2px solid #29c0ca;

	}

.padding {

	padding: 5px;

	}

.breadcrumbs {

	color: #858585;

	font-size: 9px;

	border-bottom: 1px dotted #ebebeb;

	margin: 5px 0px 10px 0px;

	}

/*---------------------------------- forms ----------------------------------*/



.inputbox {

	padding:2px;

	border: 1px solid #CCCCCC;

	font-family: Verdana, Helvetica, sans-serif;

	font-size: 10px;

	text-indent: 2px;

	margin-top:4px;

	margin-right:6px;

	color:#666666;

	}

.inputboxsearch {

	padding:2px;

	border: 1px solid #CCCCCC;

	font-family: Verdana, Helvetica, sans-serif;

	font-size: 9px;

	text-indent: 2px;

	margin-top:4px;

	margin-right:6px;

	color:#666666;

	}

	

.inputboxnewsletter {

	/*padding:2px;*/

	/*margin-top:2px;*/

	/*margin-right:6px;*/

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	border: 1px solid #CCCCCC;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	text-indent: 2px;

	color: #008b94;

	height: 12px;

	width: 80px;

	}

.newsletterbutton {

 	color: #ffffff;

	text-align: center;

	font-size: 9px;

	font-weight: bold;

	width: auto;

	padding: 0px;

	margin: 0px;

	background-color: #038d96;

	border: 1px solid #008b94;

 	}

#nsignup {

	text-align:left;

	font-size: 9px;

	color: #ffffff;

	/*background-color: #29c0ca;*/

	background: #29c0ca url(../images/corner.gif) no-repeat;
	background-position: top right;

	/*background-attachment: fixed;

	background-image: url(../images/corner.gif);

	background-repeat: no-repeat;

	background-position: right bottom;*/

	width: 426px;

	height: 23px;
	overflow: hidden;
	margin: 2px 5px 0px 0px;

	padding: 0px 0px 0px 3px;

}

.button {

 	color: #ffffff;

	text-align: center;

	font-size: 9px;

	font-weight: normal;

	width: auto;

	padding: 0px 5px;

	margin: 1px;

	background-color: #038d96;

	border: 1px solid #008b94;

	}

	

/*---------------------------------- Module Box Styles ----------------------------------*/



/* default */

#modulebox div.module, #modulebox div.modulesidebar, #modulebox div.modulestore{

	width: 145px;

	/*background: transparent url(../images/mod_middle.png) left repeat-y;*/

	margin: 5px 0px 0px 0px;
	background-color: #c3f5f8;

	}

#modulebox div.module div, #modulebox div.modulesidebar div, #modulebox div.modulestore div {

	width: 145px;

	/*background: transparent url(../images/mod_top.png) top left no-repeat;*/

	}

#modulebox div.module div div, #modulebox div.modulesidebar div div, #modulebox div.modulestore div div {

	width: 145px;

	background: transparent url(../images/corner.gif)  bottom right no-repeat;

	}

#modulebox div.module div div div, #modulebox div.modulesidebar div div div {

	width: 145px;
    padding: 10px 4px 10px 2px;
    background: transparent;

	}

#modulebox div.module div div div h3, #modulebox div.modulesidebar div div div h3 {

	display:block;

	margin: 0px 0px 3px 0px;

	padding: 0px;

	line-height: inherit;

	text-align: center;

	color: #008b94;

	font-weight: bold;

	}

#modulebox div.modulestore div div div h3 {

	display:block;

	margin: 0px;

	padding: 0px 0px 10px 0px;

	text-align: center;

	}

#modulebox div.module div div div div, #modulebox div.modulesidebar div div div div, #modulebox div.modulestore div div div div{

	padding: 0px;

	margin: 0px;

	}

	

	

/*---------------------------------- Right USER4 Module Box Styles ----------------------------------*/

/*---- The right user4 modules on the front page only contain a style of bottom dashed line ----*/

		

#user4modulebox div.module, #user4modulebox div.modulesidebar, #user4modulebox div.modulestore{

	width: 280px;

	/*background: transparent url(../images/mod_middle.png) left repeat-y;*/

	margin-bottom: 0px;

	margin-top: 0px;

	background-color: #ffffff;

	border-bottom: dotted;

	border-bottom-width: thin;

	border-bottom-color:#999999;

	}

#user4modulebox div.module div, #user4modulebox div.modulesidebar div, #user4modulebox div.modulestore div {

	width: 280px;

	margin: 0px;

	padding: 0px;

	/*background: transparent url(../images/mod_top.png) top left no-repeat;*/

	}

#user4modulebox div.module div div, #user4modulebox div.modulesidebar div div, #user4modulebox div.modulestore div div {

	width: 280px;

	margin: 0px;

	padding: 0px;

	}

#user4modulebox div.module div div div, #user4modulebox div.modulesidebar div div div {

	width: 280px;

	padding: 0px 0px 0px 3px;

	margin: 0px;

	background: transparent;

	}

#user4modulebox div.module div div div h3, #user4modulebox div.modulesidebar div div div h3 {

	display:block;

	margin: 0px;

	padding: 0px;

	line-height: inherit;

	text-align: center;

	color: #008b94;

	font-weight: bold;

	}

#user4modulebox div.modulestore div div div h3 {

	display:block;

	margin: 0px;

	padding: 0px;

	text-align: center;

	}

#user4modulebox div.module div div div div, #user4modulebox div.modulesidebar div div div div, #user4modulebox div.modulestore div div div div{

	padding: 0px;

	margin: 0px;

	}

	
/*---------------------------------- Right modulefeatures Module Box Styles ----------------------------------*/

/*---- The right modulefeatures user4 modules on the front page only contain a style of bottom dashed line ----*/

.modulefeatures {

	font-size: 10px;

	width: 280px;

	margin: 5px 0px 0px 0px;

	padding: 0px;
	
	border-bottom: dotted;

	border-bottom-width: thin;

	border-bottom-color:#999999;

	}

.modulefeatures h2 { font-size: 15px; margin: 2px 0px 2px 0px; }

.modulefeatures p { line-height: 12px; margin-top: 7px; margin-bottom: 7px; } /*margin-bottom: 5px; }*/
		

.modulefeatures div.module, .modulefeatures div.modulesidebar, .modulefeatures div.modulestore{

	width: 280px;

	/*background: transparent url(../images/mod_middle.png) left repeat-y;*/

	margin-bottom: 0px;

	margin-top: 0px;

	background-color: #ffffff;

	border-bottom: dotted;

	border-bottom-width: thin;

	border-bottom-color:#999999;

	}

.modulefeatures div.module div, .modulefeatures div.modulesidebar div, .modulefeatures div.modulestore div {

	width: 280px;

	margin: 0px;

	padding: 0px;

	/*background: transparent url(../images/mod_top.png) top left no-repeat;*/

	}

.modulefeatures div.module div div, .modulefeatures div.modulesidebar div div, .modulefeatures div.modulestore div div {

	width: 280px;

	margin: 0px;

	padding: 0px;

	}

.modulefeatures div.module div div div, .modulefeatures div.modulesidebar div div div {

	width: 280px;

	padding: 0px 0px 0px 3px;

	margin: 0px;

	background: transparent;

	}

.modulefeatures div.module div div div h3, .modulefeatures div.modulesidebar div div div h3 {

	display:block;

	margin: 0px;

	padding: 0px;

	line-height: inherit;

	text-align: center;

	color: #008b94;

	font-weight: bold;

	}

.modulefeatures div.modulestore div div div h3 {

	display:block;

	margin: 0px;

	padding: 0px;

	text-align: center;

	}

.modulefeatures div.module div div div div, .modulefeatures div.modulesidebar div div div div, .modulefeatures div.modulestore div div div div{

	padding: 0px;

	margin: 0px;

	}

	

/*---------------------------------- Left Module Box Styles ----------------------------------*/

/*-- The left hand menu modules do not contain the background blue and bottom right corner --*/

#left #modulebox div.module, #left #modulebox div.modulesidebar, #left #modulebox div.modulestore{

	width: 135px;

	margin-bottom: 0px;

	margin-top: 5px;

	background-color: #ffffff;

	}

#left #modulebox div.module div, #left #modulebox div.modulesidebar div, #left #modulebox div.modulestore div {

	width: 135px;

	}

#left #modulebox div.module div div, #left #modulebox div.modulesidebar div div, #left #modulebox div.modulestore div div {

	width: 135px;

	}

#left #modulebox div.module div div div, #left #modulebox div.modulesidebar div div div {

	width: 135px;

	padding-left: 2px;

	padding-right: 2px;

	padding-top: 10px;

	background: transparent;

	padding-bottom: 10px;

	}

#left #modulebox div.module div div div h3, #left #modulebox div.modulesidebar div div div h3 {

	display:block;

	margin: 0px 0px 5px 0px;

	padding: 0px;

	line-height: inherit;

	text-align: center;

	color: #008b94;

	font-weight: bold;

	}

#left #modulebox div.modulestore div div div h3 {

	display:block;

	margin: 0px;

	padding: 0px 0px 10px 0px;

	text-align: center;

	}

#left #modulebox div.module div div div div, #left #modulebox div.modulesidebar div div div div, #left #modulebox div.modulestore div div div div{

	padding: 0px;

	margin: 0px;

	}

/* box text styling*/

.box1 {

	text-align: center;

	padding: 0px 10px;

	margin: 0px 5px;

	}

.box2 {

	text-align: left;

	}

.boxtext {

	font-size: 11px;

	text-align: center;

	padding: 2px 6px;

	}

.go {

	margin: 1px 0;

	padding: 0.1em 0.3em 0.2em 0.5em;

	background-color: #29c0ca;

	border: 1px solid #008b94;

	color: #FFFFFF;

	font-size: 9px;

	text-align: right;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

a.go, a.go:link, a.go:visited, a.go:focus, a.go:active { color:#FFFFFF; }
a.go:hover { color:#c3f5f8; }

.gobar {

	text-align:right;

	margin: 0;

	padding: 0;

	}

.arrow {

	background-image:url(../images/arrow.png);

	background-repeat: no-repeat;

	margin: 0 0 0 3px;

	padding: 0 5px 0 0;

	}

	

/*---------------------------------- tables ----------------------------------*/



table.moduletablestore td {

	font-size: 11px;

	padding: 0px;  /* no padding on the sidebar boxes else creates a border */

	margin: 0px;

	font-weight: normal;

	text-align: left;

	line-height: 1.0em;

	}

table.moduletablestore .mainlevel {

	line-height: 1.6em;

	padding: 0 0 0 5px;

	}

table.contentpaneopen {

	padding: 0px;

	border-collapse: collapse;

	width: 100%;

	}	

tr.sectiontableentry1 td, .sectiontableentry1, td.sectiontableentry1 {

	background-color: #ebebeb !important;

	padding: 1px 5px;

	} 

tr.sectiontableentry2 td, .sectiontableentry2, td.sectiontableentry2 {

	padding: 1px 5px;

	} 

.sectiontableheader, tr.sectiontableheader {

	font-size: 12px;

	font-weight: bold;

	background-color: #008b94 !important;

	padding: 0 0 0 5px;

	color: #ffffff !important;

	margin: 0;

	}

/*---------------------------------- typography ----------------------------------*/

a, a:link, a:visited, a:hover, a:focus, a:active { border:none;  }



a img,:link img,:visited img { border:none; }

a.pathway, a {font-weight:bold;}

A.pathway:link, a:link {color: #008b94; text-decoration: underline;}

A.pathway:visited, A:visited {color: #8d8d8d; text-decoration: underline;}

A.pathway:active, A:active {color: #29c0ca; text-decoration: underline;}

A.pathway:hover, A:hover{color:#29c0ca; text-decoration: underline;}





a.mainlevelusernav {font-weight:normal;}



h1,.componentheading,a.contentheading:link,a.contentheading:visited,.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited, tr.contentheading  {

	font-size: 2.0em;

	font-weight: normal;

	margin-top: 0em;

	margin-bottom: 0em;/* to deal with compound ie pc problems*/

	line-height: normal;

	color: #004075;

	}

td.contentdescription {

	padding-bottom: 10px;

	font-size: 14px;

	}

h2, .contentdescription, table.contentpane td.contentheading,.contentheading {

	font-size: 18px;

	color: #008b94;

	font-weight: bold;

	line-height: normal;

	}

h3 {

	font-size: 16px;

	font-weight: bold;

	color: #004075;

	}

h4 {

	font-size: 14px;

	font-weight: bold;

	color: #29c0ca;

	}

h5 {

	font-size: 12px;

	font-weight: bold;

	padding-top: 0.4em;

	}

h6 {

	font-size: 9px;

	font-weight: bold;

	margin: 1.2em 0em 1.2em 0em;

	}

img {

	border: 0;

	}

ol, ul, li {/*

	list-style: none;*/

	font-size: 1.0em;

	margin-top: 0.2em;

	margin-bottom: 0.1em; 

	}

ul { 

	margin-bottom: 1.0em;

	}

p, td, tr, div {

	font-size: 1.0em;

	}

.text {

	font-size: 11px;

	}

li > p {

	margin-top: 0.2em;

	}

pre {

	font-family: monospace;

	font-size: 1.0em;

	}

strong, b {

	font-weight: bold;

	}

.small {

	font-size: 9px;

	}

small {

	font-size: 9px;

	}

table.blog {

	width: 100%;

	margin: 0;

	padding: 0;

	}

#overDiv  {

	font-size: 8px;

	font-style:normal;

	top: 0;

	left: 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

#introtext {

	font-size: 10px;

	}

table.moduletablestore td {

	font-size: 11px;

	padding: 0px;  /* no padding on the sidebar boxes else creates a border */

	margin: 0px;

	font-weight: normal;

	text-align: left;

	line-height: 1.0em;

	}

table.moduletablestore .mainlevel {

	line-height: 1.6em;

	padding: 0 0 0 5px;

	}

table.contentpaneopen {

	padding: 0px;

	border-collapse: collapse;

	width: 100%;

	border: none;

	}

table.contentpane {

	padding: 0px;

	margin: 0;

	}

table.contentpane tr td table tr td table tr td {

	font-size: 9px;



	padding: 0px;

	margin: 0px;

	}

table.contentpane tr td table tr td table tr td .inputbox {

	font-size: 9px; 



	}

#tabcontainer {

	overflow-y: scroll;

	overflow-x: hidden;

	height: 260px;

	width: 120px;

	}

.powered {

	margin: 1px;

	}

div.row span.leftalign {

  float: left;

  text-align: left;

  width: 49%;

  }

div.row span.rightalign {

  float: right;

  text-align: right;

  width: 49%;

  }

/*----------------- clear fix -----------------*/  

.clear {

	clear:both;

	margin-bottom: -1px; /* for Gecko-based browsers */

	overflow:hidden;

	padding-bottom: 1px; /* for Gecko-based browsers */

	}

.clearfix:after {

	clear: both; 

	content: "."; 

	display: block; 

	height: 0; 

	visibility: hidden;

	}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */