/* Styles created on 31 Mar 09*/



/* Basic Style Definitions Starts */

* { 

	margin:0;

	padding:0;

}



body {

	background-color: #FFFFFF;

	font: 12px Arial, Helvetica, sans-serif;

	color:#333333;

}



a {

	outline:none;

}



h1 {

	letter-spacing: -.075em;

	font-size: 3em;

}



h2 {

	letter-spacing: -.05em;

	font-size: 1.1em;

	font-weight: bold;

	font: "Trebuchet MS", Verdana, Arial;

	color: #2F772D;

}



h3 {

	font-size: 1em;

}

/* Basic Style Definitions Ends */





/* Layer definitions Starts*/ 

#wrapper {

	margin: 0 auto;

	width: 100%;

	background:url(images/headBG.gif) top left repeat-x;

	text-align:center;

}



#header {

	margin: 0 auto;

	background: url(images/header_red.jpg) top center no-repeat;

	width: 100%;

	height: 290px;

}



.flag {

	background: url(images/headerBG.gif) bottom left repeat-x;

	padding-top: 260px;

	height:30px;

}



#menubar {

	float:left;

	height: 32px;

	width: 100%;

	background: url(images/menuBG.gif);

}



#content_main {

	margin: 0 auto;

	width: 800px;

	padding: 0 15px 0 15px;

	background: #FFFFFF url(images/shadeBG.gif) top left repeat-y;

}



#bottom{

    margin: 0 auto;

	float: left;

	width: 700px;

	padding: 15px 15px 15px 15px;

	text-align:left;

 }



#content_submain {

	float: left;

	margin: 0 auto;

	width: 800px;

	height: 100%;

	background: #FFFFFF url(images/content_mainBG.gif) bottom left repeat-x;

}



#content_index_left {

	float: left;

	width: 525px;

	padding: 15px 15px 15px 15px;

	text-align:left;

}



#content_index_right {

	float: left;

	width: 205px;

	padding: 15px 15px 15px 15px;

	margin: 20px 0 20px 0;

	border-left: #666666 1px solid;

	text-align:left;

	font: 12px Arial, Helvetica, sans-serif;

	color:#333333;

}



#footer {

	margin: 0 auto;

	padding: 0;

	width:830px;

	height:37px;

}



#footer_sub {

	float: left;

	width:770px;

	height:37px;

	background: url(images/footerBGmain.gif) repeat-x;

	text-align:left;

	font: 11px Arial, Helvetica, sans-serif;

}



.footerleft {

	float: left;

	width: 30px;

	height: 37px;

	background: url(images/footerleft.gif) top right no-repeat;

}



.footerright {

	float: right;

	width: 30px;

	height: 37px;

	background: url(images/footerright.gif) top left no-repeat;

}



.copyrights {

	float:left;

	width:325px;

	margin: 3px 0 0 0; 

}	



.footerlinks {

	float:right;

	width:325px;

	text-align:right;

	margin: 3px 0 0 0; 

}	



.subhead {

	background:#8BC24E url(images/subheadBG.gif) repeat-x;

	padding:4px 0 6px 10px;

	font:15px Arial, Helvetica, sans-serif;

	font-weight:bold;

}



.contenttext {

	font: 13px "Trebuchet MS", Verdana, Arial;

	color: #333333;

}



.redtxt {

	color: #E02F03;

}



/* Layer definitions Ends*/ 



/* Menu styles starts */

/* NEW STYLE 25/10/2011 */
#main-nav { position:relative; height: 32px; background: #ccc url(images/menuBG.gif) bottom; padding-left: 10px; }
#main-nav li { float: left; position:relative; height: 32px; list-style: none; }
#main-nav a { float: left; padding: 0 10px; margin: 0; color: #333; font-size: 11px; line-height: 32px; height: 100%; text-decoration: none; text-align: left; }
#main-nav li:hover, #main-nav li.current:hover { background-color: #F60; }
#main-nav li.current { background: #F60; }
#main-nav ul { position:absolute; display:none; width: 100px; left: 0; top: 32px; z-index: 20; }
#main-nav ul a:hover { color: #fff; }
#main-nav ul li { background-color: #F93; height: 30px; }
#main-nav li ul a{ width: 150px; height:auto; float:left; padding: 0 10px; }
#main-nav .submenu { background: #F93 url(images/pointer.gif) no-repeat right 13px; }
#main-nav li ul ul a{ padding: 0 10px; }
#main-nav ul ul{ top: auto; }	
#main-nav li ul ul { left: 150px; margin: 0px 0 0 20px; top: 0; }
#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li:hover ul ul ul ul{ display:none; }
#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li li li li:hover ul{ display:block; }
/* END NEW STYLE 25/10/2011 */

	/* Remove this old menu style after implementing new styles */
	ul.menu { display:block; list-style:none; width:800px; height:23px; margin:0; padding:0;}
	
	ul.menu * { margin:0; padding:0}
	
	ul.menu a {display:block; text-decoration:none; padding: 0 10px 0 10px; color:#333333; font: 11px Arial, Helvetica, sans-serif; white-space:nowrap; }
	
	ul.menu li {position:relative; display:block; float:left; text-align:left;}
	
	ul.menu li a { line-height: 31px; }
	
	ul.menu li a:hover { background-color:#FF6E22; }
	
	ul.menu ul {position:absolute; display:none; float:left; list-style:none; background-color:#FFAB52; margin:0;}
	
	ul.menu ul li {position:relative; width:160px;}
	
	ul.menu ul li a {display:block; padding:4px 7px 4px 7px; font:11px Arial, Helvetica, sans-serif; color:#FFFFFF; height:14px; white-space:nowrap;}
	
	ul.menu ul li a:hover { background-color:#FFAB52; color:#333333; padding:4px 7px 4px 7px; height:14px;}
	
	ul.menu ul ul { top: -1px; margin: 1px 0 0 100%; }
	
	ul.menu .menulink:hover, ul.menu .menuhover, a.menulink:hover { background-color:#FFAB52;}
	
	ul.menu .sub {background: url(Images/arrow.gif) 95% 7px no-repeat;}
	
	ul.menu .current { color:#333333; background-color:#FF6E22; } 
	
	ul.menu .current a:link.current, a:visited.current { color:#333333;} 
	/* End of old styles */


/* Menu styles ends */



#gallery {

	width: 100%;

}

#gallery ul { margin:0 auto; list-style: none; }

#gallery ul li { float:left;display: block; }

#gallery ul img {

	border:none;	

}
