/* "Host created for Joomla
Copyright FS Templates. 
info@fstemplates.com
http://www.fstemplates.com
Single site licence ONLY !
   */




* { margin:0; padding:0; }

body {
font-family:arial, verdana, sans-serif;
height: 100%;
font-size: 72%;
margin:0; 
padding:0; 
text-align:center; 
background: url(../images/bg.png) repeat-x;
color: #333;
}

/* ---Layout--- */

#pagewidth{ 
width:1000px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 
	
#header{
background: url(../images/header.png) no-repeat;
height:130px;
}

#logo{
position: absolute;
height:81px; 
background: url(../images/logo.png) no-repeat; 
width:351px;
} 
 
#resizer {
float:right;
padding-right:40px;
padding-top:100px;
	}
#top{
position:relative; 
height:153px; 
background: url(../images/top.png) no-repeat; 
width:100%;
color:#FFFFFF;
} 
#topmenu{
height:51px; 
background: url(../images/topmenu.png) no-repeat; 
} 

#top_inner{
width:958px;
padding-left:38px;
padding-right: 5px;	
color:#FFFFFF;
}
#topmenu_inner{
width:958px;
padding-left:28px;
padding-top:2px;
}
#news
{	
display:block;
width: 350px;
font-size:10px;
color:#FFFFFF;
padding-top:10px;
}

#wrapper{
background: url(../images/content.png) repeat-y;
} 

#wrapper_inner{
width:960px; 
margin-left:auto; 
margin-right:auto;  
padding-top:15px;
padding-bottom:20px;
}

/* width of content/mainbody */
#content-left-main-right {
width: 560px;
float: left;
margin-left: 12px;
margin-right: 10px; 
padding-bottom:20px;
}

#content-left-main {
width: 740px;






float: left;
margin-left: 10px;
margin-right: 10px;
padding-bottom:20px;
}

#content-main-right {
width: 750px;
float: left;
margin-right: 20px;
padding-bottom:20px;
}

#content-main-only {
margin-left: 10px;
margin-right: 20px;
padding-bottom:20px;
}
/**/

#left {
width: 170px;
float: left;
margin-left: 8px;
padding-bottom:20px;
}

#right {
width: 160px;
float: right;
margin-left: 20px;
padding-bottom:20px;
}

/* bottomshelf */
#bottom_wrap{
width:1000px; 
background: url(../images/bottomshelf.png) repeat-y;
text-align:left;
margin-left:auto; 
margin-right:auto; 
 } 

#bottom_inner{
width:960px; 
margin: 0px;
padding: 0px;
overflow: auto;
 }
 
#bottom_left{ 
float: left;
margin-left: 10px;
padding: 10px 15px 10px 15px;
 } 
  
#bottom_center{
float: left; 
margin-left: 10px;
padding: 10px 15px 10px 15px;
 } 
 
#bottom_right{ 
float: left; 
margin-left: 10px;
padding: 10px 15px 10px 15px;
 }  
/**/

#footer{
width:1000px; 
height:65px; 
background: url(../images/footer.png) no-repeat;
clear:both;

 } 
#footer_inner{
width:960px; 
margin-left:auto; 
margin-right:auto; 
padding-top:15px;
}
 
 /* *** Float containers fix from:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: block;}





/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



/* ---Styles--- */

ul 
{
List-Style-Type: none
}

ol 
{
List-Style-Type: none
}


/* Text and Headers */
p {
margin-top: 0;
}

div, p, table, td, th {
font-family:arial, verdana, sans-serif;
font-size: 1.0em;
color: #333333;
}

div.componentheading {
padding-left: 0px;
}

h1 {
padding: 0;
font-family:Helvetica ,Arial,sans-serif;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
color: #666666;
text-align: left;
width: 100%;
}

h1center {
padding: 0;
font-family:Helvetica ,Arial,sans-serif;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
color: #666666;
text-align: center;
width: 100%;
}

h2, h4 {
padding: 0;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.4em;
font-weight: normal;
vertical-align: bottom;
color: #333333;
text-align: left;
width: 100%;
}

table.contentpaneopen h3 {
margin-top: 25px;
}


h3, table.moduletable th {
padding: 0;
font-weight: bold;
font-size : 1.2em;
color: #1f78ac;
padding-left: 0px;
padding-top:5px;
margin-bottom: 2px;
text-align: left;
}

h5 {
color: #1f78ac; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; 
font-weight: bold;
	}

h6 {
color: #1f78ac; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
	}
	
.contentheading {
color: #1f78ac;


font-size : 1.3em;
font-weight:bold;

}

.componentheading {
color: #1f78ac;
font-size : 1.2em;
font-weight:bold;

}

#news  h3 {
color:#ffffff;
font-size : 1.4em;
text-align : left;
}

#bottom_left .moduletable h3, #bottom_center .moduletable h3, #bottom_right .moduletable h3  {
font-size: 1.1em;
color: #ffffff;
padding-left: 10px;
height: 15px;
background: url(../images/blue.png) no-repeat;
}

/* modules */

#news td{
color : #ffffff;
}

#bottom_left td, #bottom_center td, #bottom_right td {
color: #185f88;
}

#bottom_left p, #bottom_center p, #bottom_right p {
color: #185f88;
}
#footer_inner div{
color : #ffffff;
}
/* menu links */
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.9em;
}

ul#mainlevel-nav li
{
display: block;
float: left;
margin: 0;
white-space: nowrap;
padding-top:2px;
}

ul#mainlevel-nav li a
{
	display: block;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited 
{

display : block;
float:left;
color : #ffffff;
text-align : center;
width:auto;
padding-left:10px;
padding-right:10px;
line-height:33px;
height:34px;

text-decoration : none;
background: url(../images/menubg.png) no-repeat;
}


a.mainlevel-nav:hover {
color : #ffffff;
background: url(../images/menubg_hover.png) repeat-x;
width:auto;
padding-left:10px;
padding-right:10px;
height:33px;
}


a#active_menu-nav {
color : #ffffff;
background: url(../images/menubg_hover.png) repeat-x;
width:auto;
padding-left:10px;
padding-right:10px;
height:40px;}


a.mainlevel:link, a.mainlevel:visited  {
font-size: 1.0em;
display : block;
text-decoration : none;
width : 155px;
text-align : left;
color : #333333;
line-height: 25px;
list-style:none;
border-bottom : 1px solid #d9d9d9;
background: url(../images/arrows.png) no-repeat;
padding-left : 17px;
padding-top : 2px;
}

a.mainlevel:hover, a.mainlevel#active_menu:hover {
font-size: 1.0em;
width : 155px;
text-align : left;
color : #333333;
line-height: 25px;
text-decoration : none;
list-style:none;
}

a.mainlevel#active_menu {
font-size: 1.0em;
display : block;
text-decoration : none;
width : 155px;
text-align : left;
color : #333333;
line-height: 25px;
list-style:none;
}

a.sublevel:link, a.sublevel:visited {
display : block;
text-decoration : none;
width : 150px;
text-align : left;
color : #333333;
text-indent:10px;
list-style:none;
padding-left : 17px;

}

a.sublevel:hover{
width : 140px;
text-align : left;
color : #666666;
line-height: 25px;
text-decoration : none;
list-style:none;
}

/* links */
a:link, a:visited 
{
color: #185f88;
text-decoration : none;
font-weight:normal;
}

a:hover {
color: #185f88;
text-decoration : none;
font-weight:bold;

}
a.readon {
display: block;
float: left;
padding-left: 20px;
line-height: 14px;
height: 16px;
}

.pagenav {
/* for formatting texts for "<< Start < Previous 1 Next > End >>" links */
font-weight: normal;
color: #1f78ac;
}

a.pagenav, a.pagenav:visited {
font-weight: normal;
color: #1f78ac;
}

a.pagenav:hover {
color: #1f78ac;
font-weight: bold;
}

/* content tables */
td.sectiontableheader {
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane {
margin: 0;
padding-right: 15px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

/* module control elements */


table.moduletable {
/* styling the module table */
margin: 0px 0px 0px 0px;
width: 95%;
	}

table.moduletable th {
/* styling the module header, and the module titles */
font-weight: bold;
text-align: left;
	}
/* 
table.moduletable td {
for formatting the table cells of the module table 
	}*/

/* forms */
table.adminform textarea {
width: 520px;
height: 400px;
font-size: 1em;
color: #000099;
}

div.search input {
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;

}

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

div.message {
font-family : Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 1.0em;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

div.offline {
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

span.pathway {
display: block;
margin: 0 20px;
height: 16px;
line-height: 16px;
overflow: hidden;
}
.small, .createdate, .modifydate
{
font-size: 0.8em;
color: #333333;
}
.clr {
clear: both;
}

/** overlib **/
.ol-background {
	background-color: #666;
}
.ol-foreground {
	background-color: #f6f6f6;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 10px;
}

.ol-closefont {}


/* System Messages */

dl#system-message { margin: 0; padding: 0; }
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-size: 14px; }

/* System Standard Messages */

#system-message dt.message { display: none; }
#system-message dd.message { background: #fff; }


#system-message dd.message ul { list-style: none; color: black; padding: 10px 10px 10px 40px;}

/* System Error Messages */

#system-message dt.error { display: none; }
#system-message dd.error { background: #f00; }
#system-message dd.error ul { list-style: none; background: url(../../../images/M_images/icon_error.gif) no-repeat 10px 10px; color: white; padding: 10px 10px 10px 40px;}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }