body.frontsite {
margin:0px auto;
height:100%;
font:76% Tahoma,Verdana,Arial Helvetica, sans-serif;
background:url(../images/top.jpg) repeat-x;
}

/******** KNOWN CLASSES *******************/


/* Left Menu Hovered colour  335533 now 000055 */
#nav li.off a:hover{ 
color:#000088 ;  
background:#aaaaaa;  
}


/*HOVER MENU COLOURS */
#leftbar a:hover,#rightbar a:hover {
border-bottom:1px solid #000;
color:#000088;
background:#EBF0EC;
}

/* LEFT MENU TEXT COLOUR WAS 000000 */
#leftbar  .moduletable a ,#rightbar .moduletable a{
color:#000083;
border-bottom:1px solid #555;
text-decoration:none;
}


/*SELECTED MENU LEVEL WAS CDCDCD */
#active_menu.mainlevel {
background:#EFF1F0;
}

/* TOP NAVIGATOR UNDER BANNER*/
ul#mainlevel-nav li a {
background:url(../images/split.gif) no-repeat 100%;
padding:0 10px 0 10px;
color:#FDFDFD; /*black*/
text-decoration:none;
}


/***************** UNDISCOVERED CLASSES ***********************/

#wrap {
clear:both;
margin:10px auto 0px;
padding:0;
width:980px;
}

#membersandsearch {
clear:both;
width:980px;
height:30px;
margin:0px auto;
}


#memberwrap {
float:left;
height:30px;
width:880px;
margin:0;
padding:0;
margin:0 auto;
}
#toggle1  {
float:left;
height:25px;
width:110px;
}
a#toggle1  {
background:url(../images/arrow3.png) right 9px  no-repeat;
}
a#toggle1:hover {
background:url(../images/arrow4.png) right 9px no-repeat;
}
#interesting {
clear:both;
width:100%;
background: url(../images/back.gif) repeat-x;
margin:0;
padding:0;
}

#topmodules {
width:100%;
background:#555;
color:#000201;
margin:0;
padding:0;
}
#memberarea {
height:25px;
width:730px;
float:left;
font: normal 90% Arial, Helvetica, sans-serif;
color: #000301;
padding-top:3px ;
overflow:hidden;
margin-top:5px;
padding:0;
}
#memberarea div {
margin-left:40px;
margin-top:-15px;
width:200px;
height:30px;
}
#memberarea label {
	
margin-left: 5px;
}
#mod_login_username,#mod_login_password {
        background: #156c94;
        color:#000401;
        border:1px solid #cdcdcd;
}
#memberarea form {
margin-left:5px;
}
#memberarea form input.button {
	
background: #156c94;
	
color: #010101;
        /*padding: 0px 5px;*/
	
font: normal 100% Arial, Helvetica, sans-serif;
}

#memberarea form input.button:hover {
	
background: #1e81ae;
	
color: #010101;
}
#memberarea  a {
color:#010101;
background:#0000ff;
text-decoration:none;
margin-left:5px
}
#memberarea  a:hover {
background: #1e81ae;
}
#searchbox {
display:block;
float:left;
margin:0;
width:100px;
height:30px;
overflow:hidden;
background:#555;
}
#mod_search_searchword {
margin:2px;
width:90px;
}

#searchbox input {
border:1px solid #cdcdcd;
background:#156c94;
color:#010101;
font: normal 100% Arial, Helvetica, sans-serif;
margin-top:5px;
padding-left:3px;
}

#site {
float:left;
width:35%;
height:95px;
font-size:1.5em;
color:#010101;
overflow:hidden;
text-align:center;
}
#site img{
margin-top:10px;
}


/*****HYBRID**********/
#horizmenu{
width:980px;
padding:0;
height:25px;
margin:0px auto  ;
}
#contentseparator {
width:980px;
height:24px;
margin:0px auto;
border-top:1px solid #555;
padding:0;

}
#nav {
position: relative;
top:0px;
height:25px;
width:980px;
margin:0;
padding:0;
}
#nav li ul {
margin: 0;
padding: 0;
}
#nav a {
display:block;
text-decoration: none;
}

#nav li { /*float the main list items*/
margin: 0;
float: left;
display: block;
padding:0 5px;
}
#nav li ul {
display: none;
}

#nav li.off ul  { /*put the subnav below*/
position: absolute;
top: 15px;
padding-top:10px;
left: 0;
height:35px;
width:980px;
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
}

/* Left menu text colour white*/
#nav li a {
float:left;
height:25px;
line-height:25px;
font-weight:normal;
padding:0 10px 0 10px;
display:block;
color:#000102;  
text-decoration:none;
}

/* Left menu text colour white*/
#nav li.off ul a {
border: 0;
float: left; /*ie doesn't inherit the float*/
color:#010101;  
width: auto;
margin:0 5px;
}


#nav li.over ul li a { /*for ie - the specificity is necessary*/
}


#nav li.off:hover ul, #nav li.over ul {
display: block;
z-index: 6000;
}

/********************/

#contentwrap {
float:left;
width:100%;
margin:0;
padding:0;
}
#content {
clear:both;
width:980px;
margin:1em auto;
}
.inside {
padding:0 1%;
}

#mainbody {
float:left;
width:65%;
height:100%;
margin:0 1% 0 1%;
border-left:1px solid #0000ff;
border-right:1px solid #00ff00;
overflow:hidden;
}

#mainbodylr {
float:left;
width:80%;
height:100%;
margin:0 0.5%;
border-left:1px solid #ff00ff;
border-right:1px solid #ffff00;
overflow:hidden;
}

#mainbodyfull {
float:left;
width:97%;
height:100%;
margin:0 0.5%;
border-left:1px solid #0000ff;
border-right:1px solid #ff0000;
overflow:hidden;
}

/* Left Menu Bar  colour was 000000 black now WHITE*/
#leftbar {
float:left;
width:99%;
height:100%;
background:#0F73A5;
color:#010101;
overflow:hidden;
}


#rightbar {
float:left;
width:15%;
height:100%;
background:#FCFCFC;
overflow:hidden;
}
#leftbar .moduletable,#rightbar .moduletable {
margin-bottom:2em;
}

/*Left menu top text box colour black now blue*/
#leftbar .moduletable h3,#rightbar .moduletable h3{
margin-top:0;
color:#000088;
background:#FAFAFA;
border:2px solid #555;
text-align:center;
}



#leftbar .moduletable .syndicate a ,#rightbar .moduletable .syndicate a{
text-decoration:none;
border:0;
}

h3,.contentheading,strong,.componentheading {
color:#010101;
font-size:120%;
font-weight:bold;
}
.small,.createdate,.modifydate {
color:#000088;
}
a.readon,#mainbody a,#mainbodyfull a,#mainbodylr a {
color:#156c94;/*blue*/
text-decoration:none;
}
a.readon:hover,#mainbody a:hover,#mainbodyfull a:hover, #mainbodylr a:hover{
border-bottom:1px solid #000;
color:#010101;
background:#1e81ae;

}

#content .button{
background:#CCCCCC;
border:1px solid #999999;
color:#0000FF;/*black grey */
margin:5px 0px;
}
.moduletable tr div img {
display:none;
}
a.sublevel {
text-align:left;
padding-left:12px;
background:url(../images/indent.png) left  no-repeat;
text-decoration:none;
}


#footerwrap {
float:left;
width:100%;
background:url(../images/downbackground1.png) repeat-x;
padding:0;
margin-top:2em;
margin-bottom:2em;
height:120px;
}
#footer {
clear:both;
width:980px;
height:120px;
margin:0 auto;
padding:0;
background:url(../images/downbackground1.png) repeat-x;
}


/*WAS 70% */
.topmenu{
margin:1em 0 0 0;
float:left;
width:80%;
}

ul#mainlevel-nav {
padding:0;
margin:0;
}

ul#mainlevel-nav li {
list-style: none;
float:left;
}


ul#mainlevel-nav li a:hover {
border-bottom:1px solid #555;
}

.siteinfo {
float:left;
width:50%;
margin:1em 0 0 0;
text-align:left;
line-height:25px;
height:25px;
padding-left:10px;
color:#FF0000; /*blackgrey*/
}

.designedby {
float:left;
line-height:25px;
font-size:10px;
text-align:left;
width:50%;
margin:1em 0 0 0;
}

.validsite {
float:right;
width:20%;
text-align:right;
margin:0 0 0 0;
}
.validsite a {
text-decoration:none;
}
    


.main_border_table {
	BORDER-RIGHT: #0f238c 2px solid; BORDER-TOP: #0f238c 2px solid; BACKGROUND: #ffffff; BORDER-LEFT: #0f238c 2px solid; BORDER-BOTTOM: #0f238c 2px solid
}


.pageBanner {
BORDER-RIGHT: gray solid; BORDER-TOP: darkgray solid; BORDER-LEFT: lightblue solid; BORDER-BOTTOM: black solid; BACKGROUND-COLOR: #0F73A5; COLOR: #FFFFFF

}


.pageFooter {
BORDER-RIGHT: gray thin solid; BORDER-TOP: black thin solid; BORDER-LEFT: lightblue thin solid; BORDER-BOTTOM: gray thin solid; BACKGROUND-COLOR: #0F73A5; COLOR: #FFFFFF
}



.pageBannerText {
	BACKGROUND-COLOR: #0F73A5; COLOR: #FFFFFF

}


.pageFooterText {
	BACKGROUND-COLOR: #0F73A5; COLOR: #FFFFFF
}


.newMenu {
	BORDER-RIGHT: gray solid; BORDER-TOP: darkgray solid; BORDER-LEFT: gray solid; BORDER-BOTTOM: black solid; BACKGROUND-COLOR: #0F73A5
}

.buttonHeading {
	BORDER-RIGHT: #0F238C thin solid; BORDER-TOP: 0F238C solid; BORDER-LEFT: lightblue solid; BORDER-BOTTOM: gray solid; BACKGROUND-COLOR: #0F73A5
}

.buttonActiveHeading {
	BORDER-RIGHT: gray solid; BORDER-TOP: darkgray solid; BORDER-LEFT: lightblue solid; BORDER-BOTTOM: black solid; BACKGROUND-COLOR: #010101
}


.buttonMouseOverHeading {
	BORDER-RIGHT: gray thin solid; BORDER-TOP: darkgray thin solid; BORDER-LEFT: lightblue thin solid; BORDER-BOTTOM: black thin solid; BACKGROUND-COLOR: #000088
}

.buttonMouseOverActiveHeading {
	BORDER-RIGHT: gray solid; BORDER-TOP: darkgray solid; BORDER-LEFT: lightblue solid; BORDER-BOTTOM: black solid; BACKGROUND-COLOR: #a9cee9
}


A.logon:active {
	FONT-SIZE: 11px; COLOR: #707099; FONT-FAMILY: arial, helvetica, sans serif; TEXT-DECORATION: none
}
A.logon:link {
	FONT-SIZE: 11px; COLOR: #707099; FONT-FAMILY: arial, helvetica, sans serif; TEXT-DECORATION: none
}
A.logon:visited {
	FONT-SIZE: 11px; COLOR: #707099; FONT-FAMILY: arial, helvetica, sans serif; TEXT-DECORATION: none
}
A.logon:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0000ff; FONT-FAMILY: arial, helvetica, sans serif; TEXT-DECORATION: none
}
A.logoff:active {
	FONT-SIZE: 11px; COLOR: #f1f1f1; FONT-FAMILY: arial, helvetica, sans serif; TEXT-DECORATION: none
}
A.logoff:link {
	FONT-SIZE: 11px; COLOR: #f1f1f1; FONT-FAMILY: arial, helvetica, sans serif; TEXT-DECORATION: none
}
A.logoff:visited {
	FONT-SIZE: 11px; COLOR: #f1f1f1; FONT-FAMILY: arial, helvetica, sans serif; TEXT-DECORATION: none
}
A.logoff:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #f1f1f1; FONT-FAMILY: arial, helvetica, sans serif; TEXT-DECORATION: none
}