body {
margin: 0 auto;
background:url(../images/bodybg.gif) #a3a3a3 repeat-x;
}

#all {
position:relative;
margin: 0 auto;
width:781px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333333;
}

#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;
width: 99%;
}

#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{

}
.content_email{

}
.content_rating{

}
.content_vote{

}
.contentdecription{

}
.contentpagetitle{

}
.contentpane{

}
.contentpaneopen{

}
.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.menu {
	list-style: none;
	margin: 1px;
}

ul.menu li {
	display: inline;
}

ul.menu li a {
padding-top: 5px;
color:#FFFFFF;
width: auto;
text-decoration:none;
margin-left:20px;
margin-right:20px;
}

ul.menu li a:hover {
color:#FF6633;
}