body {
font-family :  Tahoma, arial, Sans-Serif;
font-size : 12px;
color : #999;
margin : 0; padding : 0;
background :#0099D1 url('header-bg.jpg') repeat-x ;
}

a {text-decoration:none;color : #6193BC;}
a:hover {text-decoration : underline;}
h1, h2, h3, h4, img, form, ul {margin:0; padding:0;}
a img {border:0;}
p {padding:0 0 10px 0; margin : 0;}
small {font-size:10px;font-weight:normal; }
h2 {font-size:19px; color:#efefef;font-weight:normal;font-family :  'Myriad Pro', arial, Sans-Serif;padding:10px 0 5px 0;}
.moduletable h3 {font-size:20px; color:#FFFFFF;font-weight:normal;font-family :  'Myriad Pro', arial, Sans-Serif;padding:10px 0 5px 5px;}


/* ======= Page Strucure ======== */
#wrapper {width:910px;margin:0 auto;}
#header {width:910px;height:120px;background :url('h-btm.jpg') no-repeat left bottom;padding-top:16px;}
#navigation {background:url('nav-bg.jpg') repeat-x 0 -1px;height:58px;}
#linkslist {background:url('links-bg.jpg') repeat-x;height:35px;}
#page {background:url('page-bg.jpg') repeat-y;}
/* #content{background :url('../images/cont-bg.jpg') repeat-x;width:586px;padding:7px 8px 0 5px;float:left;margin-right:10px;} */
#content{
	background :#FFFFFF;
	overflow: hidden;
}
.narrow {
	width: 580px;
	float: left;
}
/* #sidebar {float:left;width:281px;} */
#sidebar {float:right;width:281px;}
#footer-outer {background :url('f-bg.jpg') repeat-x;height:200px;}
#footer {width:685px;margin:0 auto;font-size : 12px;background :url('footer.jpg') no-repeat;padding:50px 210px 0 15px;height:67px;}


/* ======= Page Strucure ======== */

/* Alignment */
.center {text-align:center;}
img.center {margin-left:0; margin-right:0;}
.right {float:right;}
img.right {margin:0 0 2px 7px;}
img.left {margin:0 7px 2px 0;}



/* ======= Header ======== */
h1.logo {width:385px; height:97px;padding-top:23px;float:left;background:url('logo-bg.jpg') no-repeat 0 2px;}
h1.logo a{display:block;width:385px; height:87px;background:url('logo.png') no-repeat;}
h1.logo a span {display:none;}

.h_rt{width:525px;float:left;}
.h_rt .join {width:232px; height:82px;float:left;}
.h_rt .join a {display:block;width:232px; height:82px;background:url('join_now.jpg') no-repeat;}
.h_rt .join a span {display:none;}

form#search {margin:0; padding:5px 0; float:right;width:215px;}
form#search input {border:0;margin:0; padding:0;height:29px;float:left;}
form#search input.inputbox-txt {border:1px solid #00669C;height:15px;margin-right:5px;background:#fffffe;width:146px;padding:5px 3px;}

ul#mainlevel-t {margin:0; padding:0;list-style:none;text-align:right;float:right;}
ul#mainlevel-t li {display:inline; padding:0; margin:0;font-weight:bold;}
ul#mainlevel-t li a {display:block;float:left;padding:4px 10px;margin:0 10px;background:#1FA3D6;line-height:13px;color:#fff;}
ul#mainlevel-t li a:hover {text-decoration:none;}

/* ======= navigation ======== */
#navigation .left {float:left;width:2px;background:url('nav-left.jpg') no-repeat;font-size:1px;height:58px;}
#navigation .rt {float:left;width:2px;background:url('nav-rt.jpg') no-repeat;font-size:1px;height:58px;}
ul.mainlevel-a {list-style:none;margin:0;padding:0;float:left;width:906px;}
ul.mainlevel-a li {list-style:none; display:inline;margin:0;padding:0;font-size:13px;line-height:13px;font-weight:bold;font-size:14px; font-weight:bold;}
ul.mainlevel-a li a {color:#fff;float:left; display:block;background: url('nav-list.jpg') no-repeat 11px 0; padding:20px 11px;line-height:14px; height:14px;width:157px;text-decoration:none;text-align:center;}
ul.mainlevel-a li.home a{background:none; padding-left:0;}
ul.mainlevel-a li.active_menu  a {background:url('nav-hvr.jpg') no-repeat;}

ul.mainlevel-a li a:hover {background:url('nav-hvr.jpg') no-repeat;}

#linkslist .left {float:left;width:7px;background:url('links-left.jpg') no-repeat;font-size:1px;height:35px;}
#linkslist .rt {float:right;width:7px;background:url('links-rt.jpg') no-repeat;font-size:1px;height:35px;}
ul.submenu {list-style:none;margin:0;padding:0 5px;float:left;width:886px;}
ul.submenu {list-style:none; display:inline;margin:0;padding:0;font-size:13px;line-height:13px;font-weight:bold;}
ul.submenu li a {
	color:#fff;
	float:left;
	display:block;
	padding:10px 0px;
	line-height:15px; 
	height:15px;
	text-decoration:none;
	text-align:center;
	background:url('links-hvr.gif') no-repeat 0 -28px;
	background:none; 
	width:130px;
}
ul.submenu li a:hover {background:url('links-hvr.gif') no-repeat center top;}

#page-top {background:url('page-top.jpg') no-repeat;}
#page-main {background:url('page-btm.jpg') no-repeat bottom right;padding:5px 10px;width:890px; overflow: hidden; }
/* ======= Contents ======== */

/*Introduction*/
.intro {width:585px;background:#D1D1D2;padding:3px;}
.intro-entry-outer {border:1px solid #0078B7;width:573px;margin:0;padding:0; margin-top: 10px;}
.intro-entry {border:1px solid #5CB5DE;background:#008BCB;color:#fff;padding:0 5px;width:561px; border-left:1px solid #5CB5DE;}

/*recent theme preview (rtp) */
.rtp_box {width:181px; margin:0 21px 10px 0;font-weight:bold; color:#008BCc;float:left;text-align:right;}
.rtp_box a {color:#008BCc;}
.rtp_box img {max-width:181px;}
* html .rtp_box img {width:181px;}
.last {margin-right:0;}

.entry {padding:0 10px;}


/* ======= Sidebar ========= */
#sidebar h2 {font-size:21px; font-family :  'Myriad Pro', arial, Sans-Serif;color:#fff;font-weight:normal;padding:5px 0 5px 3px;}

/*Blue Sidebar*/
.sb_blue {width:281px;background :url('sb-bg.jpg') repeat-y;margin-bottom:5px;}
.sb_blue .sbb_top {width:281px;height:3px; font-size:1px; line-height:2px;background :url('sb-btm.jpg') no-repeat;}
.sb_blue .sbb_btm {width:281px;height:3px; font-size:1px; line-height:2px;background :url('sb-btm.jpg') no-repeat bottom left;}
.sb_blue .sbb_main{padding:0 2px;color:#fff;}

/* Navigation */
ul#mainlevel-s, .latestnews {list-style: none;padding:0 0 0 0;margin:0;}
ul#mainlevel-sv li {list-style: none;padding:0;margin:0;font-size:14px; font-weight:bold;}
ul#mainlevel-s li a, .latestnews li a {display:block;line-height:32px;background:url('sb_nav.jpg') no-repeat;color:#fff;padding:0 10px;width:256px;}
ul#mainlevel-s li a:hover, .latestnews li a:hover, ul#mainlevel-s li a#active_menu-s {background:url('sb_nav.jpg') no-repeat 0 -32px;color:#fff;text-decoration: none;}


/* Login Form */
form.loginform {margin:0 0 5px 2px;padding:0 5px;width:263px;height:71px;background:url('login-form.jpg') no-repeat;font-size:11px; font-weight:bold;}
form.loginform .text {padding:5px 0 0 3px; margin-left: 3px;}
.loginform input {border:1px solid #00669C; margin:5px 0 0 0; padding:0;height:29px;float:left;}
.loginform input.txt {height:15px;margin-right:10px;background:#fffffe;width:146px;padding:5px 3px;}
.loginform input.btn {padding:3px 10px;background:#0098D1;border:0;height:24px;font-size:11px; font-weight:bold;color:#fff;}

/* Rss Button */
a.rss {text-align:center;display:block;font-weight:bold; font-size:24px;color:#0099D2;padding:9px 0; height:24px;line-height:24px;background :url('rss.jpg') no-repeat 40px 0;margin-top:5px;}
a.rss:hover {text-decoration:none;}




/* ======= Footer ======== */
#footer {color:#F1F1F1;}
#footer a {color:#F1F1F1;text-decoration:none; margin-right: 15px;}
#footer a:hover {text-decoration:underline;}



.clr {clear:both; margin:0; padding:0; font-size:1px; line-height:1px;height:1px;}
.clear1 {clear:both;}
.moduletable {padding-left: 1px; }

blockquote {
border-left: solid 5px #0099D2;
margin-left: 20px;
margin-bottom: 10px;
padding-left: 10px;;
margin-top: 5px;

}

/* ======= Slideshow ======== */
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.ss-controls {
	float: left;
}
div.ss-controls span {
	color: #666666;
	cursor: pointer;
}
div.nav-controls {
	float: right;
}
div.nav-controls a {
	padding: 5px;
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation1 {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
ul.thumbs li a {
	padding: 7px;
	display: block;
	border: 3px solid #E1E1E1;
	background: #F0F0F0;
}
ul.thumbs li.selected a {
	background: #0099d1;
}
ul.thumbs a:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
#nav {
	width: 580px;
	overflow: hidden;
}

/* ======= Templates ======== */
#templateleft {
	width: 430px;
	height: 150px;
	background: #fff;
	float: left;
}

#templateright {
	width: 430px;
	height: 100px;
	background: #fff;
	float: right;
}
#supportleft {
	width: 245px;
	height: 138px;
	border: 5px solid #f0f0f0;
	float: left;
	margin: 5px;
	padding: 10px;
}

#supportright {
	width: 245px;
	height: 138px;
	border: 5px solid #f0f0f0;
	float: right;
	margin: 5px;
	padding: 10px;
}


#buttonholder {float: right;}

a.templatebutton {
	background: url('btnbg.gif') repeat-x;
	width: 80px;
	height: 25px:
	margin: 0 5px 0 5px;
	
}

dl { clear: both; margin: 0 0 20px 0; }

dt { border: 8px solid #7ac0d0; padding: 10px; background: white;position: relative; font-style: italic; }
					
dd.answer { background: white;position: relative; width: 350px; margin: 0 auto; }
dd.answer div {padding: 5px; border-left: 5px solid #f0f0f0;border-right: 5px solid #f0f0f0; border-bottom: 5px solid #f0f0f0; }
dd.answer-tab-wrap { margin: 0 50px 0 0; }
.answer-tab { background: url(info.png); display: block; margin: -2px 0 20px 0;text-indent: -9999px; width: 50px; height: 20px; float: right;cursor:pointer;}