#atff {
	display:none
}	

html {
	margin:0;
	padding:0;
}


body {
	background-color:#FFFFFF;
	padding:0;
	margin :0;
	width:100%;
	display:table; 
	color:#555;
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 12px;
	font-style: normal ;
	font-weight: normal ;
	text-transform: normal;
	letter-spacing: normal ;
	line-height: 20px ;
}


h1 {
	font-size:20px ;
	margin:20px 0 10px 0;
}


h2 {
	color:#666;
	font-size:16px ;
	margin:30px 0 ;
}


h3 {
	font-size:14px;
	margin:15px 0 5px 0;
}



a:link, a:visited {
	color:#9AC446 ;
	text-decoration:none;
}


a:hover {
	color:#555;
	text-decoration:underline;
}

p a {
	font-weight:bold;
}


a.largeLnk {
	font-size:1.2em;
	font-weight:bold;
}



#wrapper {
	background: white url( banner-bg.png) repeat-x scroll 50% 90px ;
	margin:0 auto ;
	width:100%;
}

#header {
	margin: 0 auto;
	height: 90px;
	width: 980px;
	position:relative;
}

#logo {
	float:left;
	text-indent:-999em;
	width:245px; 
	height:83px;
	background:transparent url(logo.gif) no-repeat scroll left top
}

#logo img {
	border:none;
}	

#social{
	float:left;
	margin-left:70px;
}

#twitter {
	float:left;
	margin-top:0px;
}

#rss {
	float:left;margin:30px 0 0 10px;
}

#addthis {
	float:left;margin:38px 0 0 10px
}


#banner {
	margin: 0 auto;
	height:337px;
	width:980px;	
}

#description {
	float:left;
	margin:0;
	padding:0;
	display:block;
	text-indent:-999em;
	width:432px ;
	height:337px;
	background:transparent url(banner1.png) no-repeat scroll left top ;
}

#demoBtn {
	float:left;
	position:relative;
	top:275px;
	left:100px;
	width:190px;
	height:40px;
	cursor: pointer;
}

#floatbox-box {
	text-align:center;
}	

#container {
	background-color: #FFFFFF  ;
	margin: 0 auto;
	padding:0;
	width: 980px;
	text-align:center;
}


ul#hnav {
	float:left;
	margin-top:35px;
	list-style-type:none;
}	

ul#hnav li {
	float:left;
}

ul#hnav li a {
	font-size:16px;
	font-weight:bold;
	color:#9DC749; 
	padding:5px 20px;
}

ul#hnav li a:hover {
	color:#FFFFFF;
	background-color:#9DC749;
	text-decoration:none; 
}

#main {
	text-align:left;
	float:left;
	width:650px;
	min-height:800px;
}


#main p {
	text-align:justify;
}


#content {
	margin:30px 20px;	
}


#sidebar {
	float: right;
	margin: 30px 0 0 0;	
	width:300px;
	text-align:left;

}


ul#vmenu {
	float:left;
	width:140px;
	list-style: none;
	text-align: left;
	margin: 7px 0px 8px 0px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #EEEEEE;	
}

ul#vmenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	border-bottom: 1px solid #EEEEEE;
}


ul#vmenu li a {
	text-decoration: none;
	color: #777;			
}


ul#vmenu li a:hover {
}

ul#vmenu ul { margin: 0 0 0 5px; padding: 0; }
ul#vmenu ul li { border: none; }


#donate {
	margin-top:30px;
	text-align:center;
}


.sponsors {
	text-align:center;
	background-color:#F6F6F6;	
	border:1px solid #eee;
	margin-bottom:10px;
	padding:15px;
}



.ad125 {
	float:left;
}


#footer {
	background:#3c5766 url(footer-bg.png) repeat-x 0 0 ;
	border-top:1px solid #D3EAA6;
}


#footer-content {
	color:#ddd;
	margin:20px auto;
	width:980px;
	text-align:left;	
}	


#footer-content img {
	border:none;
}

#footer-menu {
	float:left;
	margin-left:80px;
	width:200px;
}	


#footer-menu ul#vmenu {
	border-top: none;	
}

#footer-menu ul#vmenu li {
	border-bottom: 1px dotted #AAA;
}

#footer-menu ul#vmenu li a:link, #footer-menu ul#vmenu li a:visited  {
	color:#ddd;
}

#footer-menu ul#vmenu li a:hover {
	color:#FFF;
}



.theme {
	float:left;
	width:280px;
	margin-bottom:40px;
	padding:0 20px;
}


.theme img {
	cursor:pointer;
	border:1px solid #888;
}


.theme-ft {
	margin-top:5px
	height:27px;
}

.theme-ft img {
	border:none;
}

.theme-ft a, .theme-ft a:visited {
	color:#777;
	font-weight:bold;
	font-size:14px;
	padding-top:2px;
}

.theme-ft a:hover {
	color:darkblue;
	text-decoration:none;
}


.loadMask {
	background-color : transparent ;
	z-index:10000;
	cursor:wait;
}	

.loadMask .gwt-image {
	position:relative;
	float:right;
}	

.loadMask div {
	text-align:right;
}

.resources {
	float:left;
	margin-right:120px;
}

.resources a {
	display:block;
}

#download a {
	font-weight:bold;
	font-size:1.4em;
}

#download a:hover {
	text-decoration:none;
	color:
}

#paging {
	text-align:right;
	clear:both;	
	margin-right:30px;
}

.paging-num,  .paging-num-current{
	padding:0px 5px;
	border:1px solid #888;
	margin-left:10px;
	background-color:white;

}

.paging-num-current {
	background-color:#9AC446;
}	

.paging-num a:link,  .paging-num a:visited  {
	color:#555;
	font-weight:bold;
	font-size:13px;
}

.paging-num-current a:link, .paging-num-current a:visited {
	color:white;
}	

.top {
	margin-top:30px;
	padding:20px;
	background:#FFFFFF url(bloc-bg.png) no-repeat 0 0 ;
}




h2.one{
	padding: 7px 32px 7px 40px;
	background:#FFFFFF url(one.png) no-repeat 0 0 ;
}

h2.two{
	padding: 7px 32px 7px 40px;
	background:#FFFFFF url(two.png) no-repeat 0 0 ;
}

h2.three{
	padding: 7px 32px 7px 40px;
	background:#FFFFFF url(three.png) no-repeat 0 0 ;
}


h2.four{
	padding: 7px 32px 7px 40px;
	background:#FFFFFF url(four.png) no-repeat 0 0 ;
}



#theme-desc {
	text-align:center;
	margin-top:30px;
	padding:20px;
	background:#FFFFFF url(bloc-bg.png) no-repeat 0 0 ;
}


td.theme-desc-label {
	text-align:right;
	font-weight:bold;
}	

td.theme-desc-value {
	padding-left:20px;
	text-align:left;
	
}	

#theme-preview {
	text-align:center;
}