/* Below are  default settings are used when no other style has been defined.*/
h3 {
border-bottom-color: #344977;
	border-bottom-width: thin;
	border-bottom-style: solid;
	}

body {
background-color: #344977;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	  font-family      : arial, sans-serif;
	text-align:left;
	font-size:10px;
	color:#333333;
	}/*Style for the body tag of your website, controls font family page background, etc.*/
p {font-family      : arial, sans-serif;
	font-size:12px;
	color:#333333;} /*formatting all <div> (division) items.  This is a catch-all that only applies when no other style has been defined.*/
td {font-family      : arial, sans-serif;
	font-size:10px;
	color:#333333;} /*formatting all 
<td> items. This default setting is used when no other style has been defined.*/
tr {font-family      : arial, sans-serif;
	font-size:10px;
	color:#333333;} /*formatting all 
<tr> items.  This default setting is used when no other style has been defined.*/
ul {font-family      : arial, sans-serif;
	font-size:10px;
	color:#333333;} /*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
a:link {font-family      : arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;} /* general links style*/
a:visited {font-family      : arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;}
a:hover {font-family      : arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#F5D141;}
hr {} /* horizontal line in your template*/
hr.separator {}
 
/* FORMS SETTINGS */ 
.button {
  color            : #666666;
  border           : 1px solid #999999;
  background-color : #ffffff;
  margin-top       : 0px;
  font-family      : arial, helvetica, sans-serif;
  font-size        : 9px;

}
.inputbox {
font-size: 9px;
	font-family: verdana, helvetica, sans-serif;
	text-align: left;
	color: #333333;
background-image:url(../images/input.jpg);
border: 1px solid #999999;
}
.search {} /*formatting the <div> which holds search items: inputbox, search button...*/
 
 
/* NAVIGATION/MENU SETTINGS */
 
a.mainlevel{  
  margin           : 0px;
  padding-bottom   : 3px;
  font-size        : 14px;
  width            : 160px;
  } /* this styling is for the MAIN items in the menu */
  
a.mainlevel:link {  
display          : block;
font-size        : 10px;
font-weight      : normal;
width            : 100%;
margin-bottom: 3px;
margin-top: 3px; 
text-decoration  : none;
text-transform   : uppercase;
  }
  
a.mainlevel:visited {
display          : block;
font-size        : 10px;
font-weight      : normal;
width            : 100%;
margin-bottom: 3px;
margin-top: 3px; 
text-decoration  : none;
text-transform   : uppercase;
  }

a.mainlevel:hover {  
display          : block;
font-size        : 10px;
font-weight      : normal;
width            : 100%;
text-indent      : 10px;
margin-bottom: 3px;
margin-top: 3px; 
text-decoration  : none;
text-transform   : uppercase;
color: #344977;
  }

 
#active_menu { 
display          : block;
font-size        : 10px;
font-weight      : normal;
width            : 100%;
margin-bottom: 3px;
margin-top: 3px; 
text-decoration  : none;
text-transform   : uppercase;
color: #344977;
  }
 
a.mainlevel-nav {
text-transform:uppercase;
text-decoration:none;
font-size:10px;
text-align:left;
}
ul#mainlevel-nav li{
text-transform:uppercase;
text-decoration:none;
font-size:10px;
text-align:left;
}
a.mainlevel-nav a:link {
text-transform:uppercase;
text-decoration:none;
font-size:10px;
text-align:left;
}
a.mainlevel-nav a:visited{
text-transform:uppercase;
text-decoration:none;
font-size:10px;
text-align:left;
}
a.mainlevel-nav a:hover {
text-transform:uppercase;
text-decoration:none;
font-size:10px;
text-align:left;
}
 
a.sublevel{} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
 
.pagenavbar {color:#666666;} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when they become hyper links*/
.pagenavbar:visited {}
 
.pagenav {color:#666666;} /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
 
a.readon:link {
color:#666666;} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
 
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
 
.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}
 
.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}
 
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
 
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */
 
.componentheading {
font-size        : 12px;
width            : 100%;
height: 20px;
margin-bottom: 3px;
margin-top: 3px;  
color: #344977;
text-transform   : uppercase;
background-image:url(../images/arrow.jpg);
background-repeat:no-repeat;
text-align:left;
text-indent:8px;
}
 
 



#main {
width:790px;
margin:0px auto;
}
#mainbody {
width:780px;
margin:0px auto;
background-image:url(../../../home/site_ml/build 2007/images/bck.jpg);
background-repeat:repeat-y;
float:left;
}

#top{
width:780px;
height:37px;
background-image:url(../../../home/site_ml/build 2007/images/top.jpg);
background-repeat:no-repeat;
float:left;
}
#bottom{
width:780px;
height:37px;
background-image:url(../../../home/site_ml/build 2007/images/botom.jpg);
background-repeat:no-repeat;
float: left;
}
#logo{
width:166px;
height:60px;
background-image:url(../images/logo.jpg);
float:left;
background-repeat:no-repeat;
}
#topmenu{
width:520px;
height:60px;
float:right;
margin-left:20px;
text-align:left;
}
#image{
width:527px;
float:right;
}

#mainmenu{
width:160px;
height:79px;
float:left;
padding-left:10px;
}
#maincontent{
height:200px;
}
#left{
width:570px;
float:left;
}
#right{
width:160px;
float:left;
}

#mainarea{
float:right;
width:527px;
}
#topmenumain{
width:540px;
height:60px;
float:left;
margin-left:20px;
}