body {
margin: 0 auto;
background:url(../images/bodybg.gif) #a3a3a3 repeat-x;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333333;
}

#all {
position:relative;
margin: 0 auto;
width:781px;
}

#upperbar{
position:relative;
background-color: #ff9935;
width:781px;
height:20px;
text-align: center;
}

#logo {
top:20px;
width:163px;
height:67px;
}

#main_1 {
position:absolute;
left:163px;
top:20px;
width:169px;
height:246px;
background:url(../images/main_1.gif);
}

#main_2 {
position:absolute;
left:332px;
top:20px;
width:265px;
height:192px;
background:url(../images/main_2.gif);
}

#main_3 {
position:absolute;
left:597px;
top:20px;
width:184px;
height:106px;
background:url(../images/main_3.gif);
}

#below_logo {
background:#FFFFFF;
left:0px;
top:87px;
width:163px;
height:286px;
}

#main_4 {
position:absolute;
left:597px;
top:126px;
width:184px;
height:247px;
background:url(../images/main_4.gif);
}

#main_5 {
position:absolute;
left:332px;
top:212px;
width:265px;
height:161px;
background:url(../images/main_5.gif);
}

#main_6 {
position:absolute;
left:163px;
top:266px;
width:169px;
height:107px;
background:url(../images/main_6.gif);
}

#menu {
background-color: #ff9935;
text-align: center;
height: 20px;
padding-top: 5px;
}	

#componentarea {
position:relative;

background-color: #FFFFFF;
padding-left: 164px;
padding-top: 18px;
padding-bottom:5px;
}

#main
{
position: relative;
}

#footer {
width: 100%;
padding-top: 10px;
}

#webdevelopers a {
color:#333;
}
#webdevelopers a:hover {
text-decoration:none;
}
/* ------------------------ Template CSS --------------------------------------------------
/* ***************************************************************************************************** */
/* CONTENT CSS */

P{

}
H1{

}
H2{

}
H3{
margin:auto;
color:#009900;
font-size: 15px;
font-weight: bold;
}
a:link, a:active, a:visited{

}
a:hover{

}

/* ***************************************************************************************************** */
/* TEMPLATE SPECIFIC CSS CODE */



/* ***************************************************************************************************** */
/* JOOMLA SPECIFIC CSS CODE */

.article_separator{

}
.adminform{

}
.author{

}
.bannerfooter{

}
.bannergroup{

}
.bannerheader{

}
.banneritem{

}
.blog{

}
.blog_more{

}
.blogsection{

}
.breadcrumbs{

}
.button{

}
.buttonheading{

}
.clr{
	clear:both
}
.componentheading, .contentheading{
	background:url(../images/titlebg.gif) repeat-x;
	font-size: 24px;
	vertical-align: bottom;
	font-weight: normal;
	width:100%;
	height: 47px;
	font-weight: bold;
	font-style: italic;
	padding-left: 25px;
	color:#FFFFFF;
}
.content_email{

}
.content_rating{

}
.content_vote{

}
.contentdecription{

}
.contentpagetitle{

}
.contentpane{

}
.contentpaneopen{
width: 100%;
border-collapse: collapse;
margin-top: 1px;
border-right: 1px solid #fff;
}
.contenttoc{

}
.createdate{

}
.created-date{

}
.date{

}
.input{

}
.inputbox{

}
.intro{

}
.latestnews{

}
.loclink{

}
a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited{
color:#FFF;
text-decoration: none;
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
a.mainlevel:hover{
color:#FF3333;
}

.message{

}
.metadata{

}
.modifydate{

}
.module{

}
.moduletable{

}
.mosimage{

}
.mosimage_caption{

}
.mostread{

}
.newsfeed{

}
.outline{

}
.pagenav{

}
.pagenav_next{

}
.pagenav_prev{

}
.pagenavbar{

}
.pagenavcounter{

}
.pathway{

}
.pollstableboarder{

}
.read{

}
.search{

}
.searchintro{

}
.sections{

}
.sectiontable_footer{

}
.sectiontableentry{

}
.sectiontablefooter{

}
.sectiontableheader{

}
.small{

}.smalldark{

}
a.sublevel:link, a.sublevel:active, a.sublevel:visited{

}
a.sublevel:hover{

}
.title{

}
.wrapper{

}

/* ------------------------------- My CSS --------------------------*/
ul#mainlevel {
margin-left: 2px;
padding-left: 2px;
text-align: left;
}
ul#mainlevel li {
	list-style: none;
	height:22px;
}
ul#mainlevel li a.mainlevel {
	padding-left: 2px;
	text-align: left;
}

ul#mainlevel li a:hover {
color:#FF6633;
}

a.mainlevel-leftmenu {
color:#FFFFFF;
text-decoration:none;
text-align:right;
}
