
html					{ width:100%;height:100%; }
body					{ background:#e6e6e6;text-align: center; width:100%;height:100%;margin:0;padding:0;font-size:12px;font-family:arial;}
.mceContentBody, .main			{ background-color:#ffffff;text-align: left;}
div#main_container		{ position:relative;border:0px solid red;height:100%;text-align: left;margin-right: auto;margin-left: auto;background:#e6e6e6 url("../images/bg.jpg") repeat-y; width:957px;padding-left:21px;}

div#container_right				{ position:absolute;z-index:1; right:21px;height:100%;background:#00b441 url("../images/right_bg.jpg") no-repeat bottom;min-height:590px;width:287px;}
/*div#contributer			{ margin-top:206px;margin-left:6px;width:277px;height:140px;background: url("../images/contributer_bg.jpg") no-repeat;}*/
div#contributer					{ margin-top:206px;}
div#newsletter					{ margin:6px 0 0 6px;width:277px;height:83px;background: url("../images/newsletter_bg.jpg") no-repeat;}
div#newsletter .btnnewsletter	{ cursor:pointer;margin-left:10px;width:107px;height:28px;background: url("../images/btn-newsletter.jpg") no-repeat;border:0px solid red;}
div#newsletter .error			{ margin-left:7px;color:#c30202; font-weight:bold;border:0px solid red;display:block; }
.txtnewsletter					{ margin:42px 0 0 8px;border:0px solid red;}
div#header						{ position:relative;z-index:2;background:url("../images/header_bg.jpg") no-repeat; width:937px; height:196px;border-bottom:3px solid #ffffff; }
div#nav							{ position:relative;z-index:2;float:left;}
div#container_content			{ padding:25px 80px 15px 15px;position:relative;z-index:1;width:553px;}

h1						{ font-size:16px; }
h2						{ font-size:16px; }
h3						{ font-size:16px; }
h4						{ font-size:16px; }
h5						{ font-size:16px; }
h6						{ font-size:16px; }


/*** MENU STYLES ***/
.sf-menu, .sf-menu * 				{ margin:0;padding:0;list-style:none; }
.sf-menu 							{ line-height:1.0; }

/* left offset of submenus need to match (see below) */
.sf-menu ul 						{ position:absolute;left:-10;top:-999em;	width:10em; }
.sf-menu ul li 						{ width:146px; }
/* fixes IE7 'sticky bug' */
.sf-menu li:hover 					{ visibility:inherit; }
.sf-menu li 						{ float:left;position:relative; }
.sf-menu a 							{ display:block;position:relative; }

/* match top ul list item height */
.sf-menu li:hover ul,
.sf-menu li.sfHover ul 				{ left:0;top:2.5em; z-index:99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul 		{ top:-999em; }

 /* match ul width */
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul 		{ left:12.2em;top:0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul 		{ top:-999em; }

/* match ul width */
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul 		{ left:12.2em; top:0; }

/*** DEMO SKIN ***/
.sf-menu 							{ float:left; }
.sf-menu a 							{ padding:0;text-decoration:none; }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a, 
.sf-menu a:visited  				{ color:#000000;font-weight:bold; border:0px solid red;font-size:14px;text-align:left;padding:8px 0 8px 10px; }
.sf-menu li 						{ background:#fff800;width:146px;height:29px;border-top:1px;border-right:0px; border-bottom:1px;border-left:1px;border-style: solid; border-color: #cccccc;text-align:center;line-height:;}
.sf-menu li.menu1, 					
.sf-menu li.menu1 li 				{ background:#f04944; }
.sf-menu li.menu2,
.sf-menu li.menu2 li				{ background:#fff800; }
.sf-menu li.menu3,
.sf-menu li.menu3 li				{ background:#00aeef; }
.sf-menu li.menu4,
.sf-menu li.menu4 li				{ background:#00a651;border-right:1px solid #cccccc; }

.sf-menu li li 						{ border-top:0px;border-right:1px solid #cccccc; }
.sf-menu ul ul  					{ border-top:1px solid #cccccc; }

.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active 					{ background:url(/images/bg_menu_green.gif) }

/*** arrows **/
/* trigger IE7 hasLayout so spans position accurately */
.sf-menu a.sf-with-ul 				{ padding-right: 2.25em;min-width:1px; }
.sf-sub-indicator 					{ position:absolute; display:block;right:.75em;top:1.05em; /* IE6 only */ width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
.sf-menu ul a > .sf-sub-indicator   { background-position:0 0; }
/* give all except IE6 the correct values  */
a > .sf-sub-indicator 				{ top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers }*/
