/* CSS Document */
html, body{margin:0; padding:0;}
body{background:#e8f4fa url(../images/bg.png) top left repeat-x; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:76%; padding-top:10px;}

a{color:#0093e3;}
a:hover{color:#000000;}
a img{border:0;}
ul{margin:0; padding:0; list-style-type:none;}
li{ background:url(../images/list.png) no-repeat; background-position:0px 2px; padding-left:15px; margin-bottom:5px;}
li a{text-decoration:none;}
li a:hover{color:#333333;}
.inputbox{background-color:#d3eaf7; border:#a1a1a1 1px solid;}
#mod_login_remember{border:none; background:none;}
.button{color:#fff; font-size:0.9em; background:url(../images/buttonbg.png) top left repeat-x; border:#33a9e9 1px solid; padding:0; margin:0;}



/*joomla*/
ul#mainlevel-nav li{background:none; display:inline;  padding-right:15px; border-left:#0093e3 1px solid;}
ul#mainlevel-nav{display:inline; border-right:#0093e3 1px solid;}

a.mainlevel{float:left;color:#3c3c3c; text-decoration:none; padding:15px 15px; font-size:1.1em;}
a.mainlevel:hover{ float:left; background:url(../images/menubg.png) top left repeat-x;}
a#active_menu.mainlevel{float:left; background:url(../images/menubg.png) top left repeat-x;  }
#mainmenu .moduletable{text-align:left; }
#mainmenu table{padding-left:10px;}

table.contentpaneopen td.contentheading, table.contentpane td.contentheading, div.componentheading{font-size:1.2em; font-weight:bold; color:#0093e3;}
div.contentpane{ float:left; width:100%; display:block; clear:both;}
div.contentpane iframe{width:745px; display:block; float:left;}

a.readon, .back_button a{ float:left; color:#fff; background:url(../images/readmore.png) top left no-repeat; padding-top:10px; height:40px; width:87px; text-align:center; font-weight:normal; font-size:11px; }
a.readon:hover, .back_button a:hover{color:#000;}
/*layout*/

/*box*/



#leftcontainer, #mainbody{padding:0;margin:0;}
div.one{ background:url(../images/corner_bl.png) no-repeat bottom left;}
div.two{
background:url(../images/corner_tl.png) no-repeat top left;}
div.three{
background:url(../images/corner_br.png) no-repeat bottom right;}
div.four{background:url(../images/corner_tr.png) no-repeat top right; padding:10px 10px 20px 10px; }

.round div{
	padding: 0;
	clear: both; background:url(../images/corner_bl.png) no-repeat bottom left;}
.round div div{padding: 0;background:url(../images/corner_tl.png) no-repeat top left;}
.round div div div{padding: 0;background:url(../images/corner_br.png) no-repeat bottom right;}
.round div div div div{background:url(../images/corner_tr.png) no-repeat top right; padding:6px 10px 15px 10px;}
.round div div div div div{background:none; padding:0;}


/*other boxes*/
div.one, div.two, div.three, div.four{float:left;}

/*mainmenu*/
#mainmenu{ position:absolute; height:49px;  margin-top:150px; left:50%;  } 
#mainmenu div{ background:url(../images/menubg.gif) top left repeat-x; width:100%; height:49px;}
#mainmenu div div{background:url(../images/menuleft.gif) top left no-repeat; width:100%; height:49px;}
#mainmenu div div div{background:url(../images/menuright.gif) top right no-repeat; width:100%; height:49px;}
#mainmenu div div div div{background:none;}

/*wrapper*/
#wrapper{margin:0px; padding:0px;}
#resizer{float:right; width:234px; height:24px; margin-right:12px !important; margin-right:6px; background:url(../images/resizerbg.gif) top left no-repeat; padding:8px 0px 0px 8px;}


/* white wrapper */
div.white #body{min-height:210px;}
div.white #tl{float:left;  height:19px; background:url(../images/main_tl.gif) top left no-repeat;}
div.white #tr{float:left;  height:19px; background:url(../images/main_tr.gif) top right no-repeat;}
div.white #ml{float:left; height:auto; background:#fff url(../images/main_ml.png) top left repeat-y;}
div.white #mr{float:left;  height:auto; background:url(../images/main_mr.png) top right repeat-y;}
div.white #bl{float:left; height:18px; background:url(../images/main_bl.gif) top left no-repeat;}
div.white #br{float:left;  height:18px; background:url(../images/main_br.gif) top right no-repeat;}


/* header */
#header{padding:20px 20px 20px 10px;}
#logo{float:left; }
#banner{float:right;}

/*container*/
#container{ margin-top:140px; text-align:left; }
#leftcontainer{float:left;   }
#left{float:left;  } 
#pathway{ float:left; width:434px; color:#fd3000; font-style:italic;}
#pathway a{color:#fd3000; font-style:normal;}
#image{float:left; clear:both; display:block; margin-top:14px; width:434px; height:auto;}
#mainbody{float:left; margin-top:14px;}
#mainbody a{font-weight:bold;}
#middle{float:right;  } 
#middle h3{margin-top:2px; font-size:1em;}
#rightcontainer{float:right;}
#rightcontainer h3{margin-top:2px; font-size:1em; background:url(../images/h3bg.png) top left no-repeat; color:#fff; padding:3px 10px 12px 10px;}

.clr{clear:both;}
#topmenu{margin-bottom:8px;}
#footer{ color:#0093e3; margin:20px 0px;}

/*width*/
#mainmenu{width:820px; margin-left:-410px; } 
#wrapper{width:804px}

/*white wrapper*/
div.white #tl{width:90%;}
div.white  #tr{width:9.99%;}
div.white #ml{width:99.99%;}
div.white #mr{width:100% !important; width:99.99%;}
div.white #bl{width:90%;}
div.white #br{width:9.99%;}

#container{width:98%;}
#leftcontainer{width:630px;}
#left{ width:434px;} /*434*/
#middle{width:170px;} /*170*/  /*last edited*/
#middle .module{width:170px; float:left; margin-bottom:10px;}
#rightcontainer{width:148px;}
#rightcontainer .module{width:148px; float:left; margin-bottom:10px;}

/*suckerfish*/



.moduletablemainnav{ /* I have absolutely positioned the module, you might have a different scheme*/
position:absolute; left:20px; z-index:100; margin:0; padding:0; }
#mainlevelmainnav,#mainlevelmainnav ul{
float:left; background:transparent; font-size:1.1em; margin:0; padding:0; }
#mainlevelmainnav li{background:none;}

#mainlevelmainnav a{display:block;color:#3c3c3c;text-decoration:none;padding:15px 15px;
}
#mainlevelmainnav a:hover,  #active_menumainnav{background:url(../images/menubg.png) top left repeat-x;}
#mainlevelmainnav li{float:left;padding:0;}
#mainlevelmainnav li ul{
position:absolute;
top:46px;
left:-999em;
height:auto;
width:120px;
background:#1fa0e6;
border:#0a82c4 1px solid;
margin:0;
padding:0;
}
#mainlevelmainnav li li{
width:120px;
margin:0;
}
#mainlevelmainnav li ul a{
width:120px;
margin-right:15px;
padding:5px 0px;
color:#fff;
font-size:0.9em;
background:none;
margin:0;
}
#mainlevelmainnav li ul a:hover{background:none; background-color:#0a82c4;}
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;
top:0px;
margin-left:120px !important;
margin-left:60px;
font-size:0.9em;
}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul{
left:auto;
z-index:6000;
}
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover{
background:#0a82c4;
}