/* The general styles that apply to all elements */



/*=== Setup ===*/

*{

	border: 0px none;

	margin: 0;

	padding: 0

}

body{

	background: #ffffff url('../images/theme/bgr.png') repeat-x top;

	color: #4c4c4c;

	font-style:normal; font-variant:normal; font-weight:normal; font-size:.75em; font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif

}

a{

	color: #39a7a4;

	text-decoration: underline

}

a:hover{

	text-decoration: none

}

input, select, textarea{

	border: #383838 1px solid;

	font-size: 11px;

	padding: 2px

}

li{

	list-style: none

}

h2{

	color: #497daa;

	font-size: 1.8em;

	font-weight: normal;

	letter-spacing: -1px;

	margin: 0 0 .5em

}

h3{

	color: #497daa;

	font-size: 1.3em;

	font-weight: normal;

	margin: 0 0 .5em

}

div #bodyarea h3{

  text-align: left;

	color: #fff;

	font-size: 1.3em;

	font-weight: normal;

	text-decoration: none;

}  

h4{

	color: #7cb0dd;

	font-size: 1em;

	font-weight: normal;

	margin: 0 0 .5em

}

h5{

	background: url('../images/theme/ico-arrow2.gif') no-repeat left;

	font-size: 1em;

	font-weight: normal;

	margin-left:0; margin-right:0; margin-top:0; margin-bottom:.5em; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0

}

p{

	line-height: 1.3em;

	padding: 0 0 1em

}

small{

	color: #a2a2a2

}

/*=== Layout ===*/

#page{

	background: url('../images/theme/page-bgr.png') repeat-y;

	margin: 0 auto;

	width: 942px

}

#page-top, #page-bot{

	margin: 0 auto;

	overflow: hidden;

	width: 942px

}

#page-top{

	background: url('../images/theme/page-top.png') no-repeat top;

	height: 189px

}

#page-bot{

	background: url('../images/theme/page-bot.png') no-repeat top;

	height: 63px

}

/*=== Header ===*/

#header{

	height: 105px;

	padding: 14px 0 0

}

/*- Logo -*/

#header h1{

	float: left;

	text-indent: -9999px;

	width: 495px

}

#header h1 a{

	display: block;

	height: 105px;

	text-decoration: none

}

/*=== Navigation ===*/

/*- Nav1 -*/

.nav1{

	float: right;

	font-size: 16px;

	height: 47px;

	overflow: hidden;

	padding: 42px 35px 0 0;

	text-align: center;

	width: 410px

}

.nav1 li{

	display: inline;

	line-height: 47px;

	padding: 0 15px

}

.nav1 li a{

	color: #ffffff;

	text-decoration: none

}

.nav1 li a:hover,

.nav1 li.active a{

	text-decoration: underline;



}

/*- Nav2 -*/

.nav2 ul{

	margin: 0 0 1.5em;

	padding: 0 0 0 5px

}

.nav2 li{

	margin: 0 0 .3em

}

.nav2 li a{

	color: #3b3b3b;

	height: 1%;

	text-decoration: none

}

.nav2 li a:hover,

.nav2 li.active a{

	text-decoration: underline

}

/*- Nav3 -*/

.nav3{

	float: left;

	font-size: 14px;

	height: 40px;

	padding: 10px 0 0 25px;

	text-align: center;

	width: 575px

}

.nav3 a{

	color: #ffffff;

	text-decoration: none

}

.nav3 a:hover{

	text-decoration: underline;

		color: #000;

}

.nav3 li{

	display: inline;

	line-height: 40px;

	margin: 0 0 1px;

	padding: 0 5px

}

/*=== Title Placeholder ===*/

.title{

	background: #f0f8fe;

	border-bottom: 4px solid #53d2ce;

	border-top: 4px solid #53d2ce;

	clear: both;

	font-size: 12px;

	height: 205px;

	margin: 0 0 20px;

	overflow: hidden

}

.title-pic{

	float: left;

	height: 205px;

	overflow: hidden;

	width: 322px

}

.title-content{

	float: right;

	padding: 25px 25px 0 25px;

	width: 323px

}

.title a{

	color: #ff6908;

	text-decoration: none

}

/*=== Headlines ===*/

.headline{

	border-bottom: 1px dashed #cccccc;

	height: 40px;

	margin: 0 0 1em

}

.headline h2{

	display: inline;

	margin: 0;

	padding: 0 0 .3em

}

.headline ul{

	display: inline;

	padding: 0 0 0 15px

}

.headline li{

	display: inline;

	padding: 0 5px

}

.headline a{

	color: #689dcb;

	text-decoration: none

}

.headline a:hover{

	text-decoration: underline

}

/*=== All Columns ===*/

#columns{

	height: 1%;

	padding: 0 30px 15px

}

/*=== Left Column ===*/

#leftcol{

	float: left;

	margin: 10px 0 0;

	width: 170px

}
/*=== Right Column ===*/
#rightcol{
	float: right;
	margin: 10px 0 0;
	width: 170px
}

/*=== Center Column ===*/

#centercol{

	float: right;

	margin: 15px 0 0;

	width: 700px

}

/*=== Sub Columns ===*/

.subcols{

	background: url('../images/theme/subcols-bgr.gif') repeat-y left;

	border-bottom: 1px dashed #d9d9d9;

	border-top: 1px dashed #d9d9d9;

	height: 1%;

	margin-left:0; margin-right:0; margin-top:0; margin-bottom:1.5em; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0

}

.col1{

	float: left;

	width: 440px

}

.col2{

	float: right;

	width: 415px

}

.col3{

	float: left;

	padding: 0 37px 0 0;

	width: 207px

}

.col3.last{

	padding: 0

}

/*=== Styling Boxes ===*/

/*- Box1 -*/

.box{

	background: #f0f8fe;

	border-bottom: 4px solid #53d2ce;

	border-top: 4px solid #53d2ce;

	display: table-cell;

	display: block;

	height: auto !important;

	height: 130px;

	margin: 0 0 2em;

	min-height: 130px;

	padding: 13px 10px;

	width: auto

}

.box.greenish{

	background: #f4faeb;

	border-bottom: 4px solid #b8dd7c;

	border-top: 4px solid #b8dd7c

}

.box a{

	color: #4c4c4c

}

/*- Box2 -*/

.box2{

	margin: 0 0 1em

}

.box2 .top{

	background: #7cb0dd;

	height: 35px;

	padding: 0 20px

}

.box2 .top h2{

	color: #ffffff;

	line-height: 35px

}

.box2 .content{

	border-left:3px solid #7cb0dd; border-right:3px solid #7cb0dd; border-bottom:3px solid #7cb0dd; border-top:0px none; height: 1%;

	padding-left:17px; padding-right:17px; padding-top:10px; padding-bottom:10px

}

/*=== Styling Lists ===*/

.list1{

	font-size: 14px;

	text-align: center

}

.list1 a{

	color: #497daa;

	text-decoration: none

}

.list1 a:hover{

	color: #333333

}

.list1 li{

	display: inline;

	height: 32px;

	padding: 0 15px

}

.list1 li img{

	margin: 0 10px -10px 0;

	position: relative

}

/*=== Styling Forms ===*/

input.btn{

	background: none;

	border: 0px none;

	margin: 0;

	padding: 0

}

select{

	padding: 1px

}

/*- Search -*/

.newsl{

	height: 20px;

	margin: 0 0 20px

}

.newsl input{

	color: #797979;

	float: left;

	width: 105px

}

.newsl input.btn{

	margin: 2px 0 0 5px;

	width: auto

}

/*- Form1 Setup -*/

.form1 div{

	float: left;

	margin: 0 0 5px;

	padding: 0 7px 0 0

}

.form1 label{

	display: block;

	font-size: 12px;

	margin: 0 0 3px

}

.form1 input{

	width: 105px

}

/* Form1 Buttons */

.form1 .submit{

	margin: 5px 0 0 7px

}

.form1 input.btn{

	margin: 10px 0 0;

	width: auto

}

/* Form1 Select */

.form1 select{

	width: 101px

}

/*=== Link Buttons ===*/

.btn-signup a{

	background: url('../images/theme/ico-arrow.gif') no-repeat right;

	color: #3fb2ad;

	font-size: 1.2em;

	text-decoration: none; padding-left:0; padding-right:20px; padding-top:0; padding-bottom:0

}

.btn-signup a:hover{

	text-decoration: underline

}

/*=== Pics, Thumbs, Ads etc. ===*/

.pic img{

	display: block;

	margin: 0 0 1em

}

.pic.fr img{

	margin-left: 10px;

}

.pic-band{

	background: url('../images/theme/pic-band.png') no-repeat top;

	height: 58px;

	position: absolute;

	top: 119px;

	width: 27px; margin-left:942px; margin-right:0; margin-top:0; margin-bottom:0

}

.ccards{

	float: right;

	padding: 17px 25px 0 0

}

/*- Tabular Data -*/

table{

	width: 100%

}

.tabs1 th, .tabs1 td{

	border-bottom: 1px dashed #cccccc;

	padding: 7px 0;

	vertical-align: top

}

.tabs1 tr.noborder th,

.tabs1 tr.noborder td{

	border: 0px none; 

}

.tabs1 a{

	color: #39a7a4

}

.tabs1 h3{

	color: #4c4c4c;

	margin: 0 0 .2em

}

/*=== Footer ===*/

#footer{

	color: #878787;

	font: .9em Arial, Helvetica, sans-serif;

	margin: 0 auto;

	padding: 10px 0;

	text-align: center;

	width: 865px

}

#footer a{

	color: #878787;

	text-decoration: none

}

/*=== Misc. ===*/

.fix{

	clear: both;

	height: 1px;

	margin: -1px 0 0;

	overflow: hidden

}

.fl{

	float: left

}

.fr{

	float: right

}

.ac{

	text-align: center

}

.ar{

	text-align: center;

}

.ar a{

	color: #878787;

	text-decoration: none;

}

.ar a:hover{

  color: #000;

}







/* Things that will not be visible to the regular eye :) */



#access, #footer li.html a span, #footer li.css a span, h1 span, #sitemenu li a span, #forumlink span



{



	position: absolute;



	left: -9999px;



}







/* The images */



img



{







}



a img



{



	border: 0px none;



}







/* The paragraphs */



p



{



	margin-bottom: 11px;



	line-height: 140%;



}











/* The headings */



h1, h2, h3, h4, h5



{



	font-weight: 100;



}







/* The forms */



input, textarea, select



{



	margin: 0 10px;



}



input, textarea



{



	padding: 5px;



	border: 1px #dbdbd9 solid;



	background: #FAFAFA;



}



input:focus, textarea:focus



{



	border: 1px #bbb solid;



}



input



{



	font-size: 90%;



}



textarea



{



	font-family: Tahoma, sans-serif;



	font-size: 95%;



}



fieldset



{



	border: 0px;



}







/* The tables */



table



{



	margin: 0 auto;



}



table td



{



	padding: 5px;



}





/* The linktree */



.nav



{

	color: #7cb0dd;

	font-size: 1em;

	font-weight: normal;

	margin: 0 0 .5em



}



.nav a



{

	color: #7cb0dd;

	font-size: 1em;

	font-weight: normal;

	margin: 0 0 .5em;

	text-decoration: none;



}



.nav a:hover



{



  color: #000;



}







/* The main body */



#bodyarea



{
padding-bottom: 15px;



}




#bodyarea h3



{

  margin: 0 0 0 0;

	font-size: 13px;



	clear: both;



	position: relative;



	background: #7cb0dd;



	padding: 5px 18px;



  text-align: left;

	color: #fff;

	font-size: 1.3em;

	font-weight: normal;





}



#bodyarea h3 a



{



  text-align: left;

	color: #fff;

	font-size: 1.3em;

	font-weight: normal;

	text-decoration: none;



}



#bodyarea h3 a:hover



{



	color: #4c4b4f;



}



#bodyarea h3 img



{



	vertical-align: middle;



}



.collapse img



{



		  position: relative;



		  float: left;



		  margin-right: 10px;



}







#infocenter h4



{

	background: url('../images/theme/ico-arrow2.gif') no-repeat left;

	font-size: 1em;

	font-weight: normal;

	margin: 10px 0;

	padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0





}





#infocenter



{



		  border: 2px #7cb0dd solid;



		  overflow: auto;



		  padding: 0 10px 5px 15px;



}



/* !!! SMF Spesific Styles For Compatibility !!! */



hr, .hrcolor



{



	height: 1px;



	border: 0px none;



	color: #666;



	background: #666



}



.help



{



	cursor: help;



}



.meaction



{



	color: red;



}



.editor



{



	width: 96%;



}



.highlight



{



	background: #ebf5b5;



	font-weight: bold;



	color: black;



}



.windowbg, .windowbg3



{



	color: #000;



	background: #FFF;



		  padding: 3px 10px;



}



.windowbg2



{



	color: #000;



	background: #fafafa;



		  padding: 3px 10px;



}



.calendar_today



{



	background: #FFF;



}



.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td



{



	clear: both;



	position: relative;



	font-size: 16px;



	color: #4c4c4c;



	margin-bottom: 12px;



}



.titlebg img, titlebg2 img



{



	vertical-align: middle;



}



.catbg, tr.catbg td, .catbg3, tr.catbg3 td, .catbg2, tr.catbg2 td



{



	background: #f0f0f0 url('../images/catbg.jpg') repeat-x;



	color: #4c4c4c;



	padding-left: 12px;



	padding-right: 12px



}



.catbg, .catbg2



{



	font-weight: bold;



}



.catbg3, tr.catbg3 td



{



	font-size: 95%;



}



.catbg a, .catbg2 a, .catbg3 a



{



	color: #4c4b4f;







}



.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover



{



	color: #000;



}



.bordercolor



{



	padding: 0;



}



.tborder



{



	padding: 1px;



}



.smalltext



{



	font-size: 90%;



	font-family: verdana, sans-serif;



}



.middletext



{



	font-size: 100%;



}



.normaltext



{



	font-size: small;



}



.largetext



{



	font-size: large;



}



.signature



{



	width: 100%;



	overflow: auto;



	padding: 0;



	line-height: 1.3em;



}



.error



{



	color: red;



}



#helpmain ul, #helpmain ol



{



	margin: 0 0 12px 25px;



}



#ajax_in_progress



{



	background: #FFF url('../images/ajaxloading.gif') no-repeat 10% 10%;



	color: #000;



	text-align: left;



	font-size: 18px;



	font-family: "Trebuchet MS", sans-serif;



	padding-left: 65px;



	position: absolute;



	left: -105px;



	width: 105px;



		  border: 1px solid #D0D0D0; padding-right:10px; padding-top:10px; padding-bottom:10px







}



#ajax_center



{



	top: 45%;



	width: 105px;



	position: absolute;



	left: 50%;



}
.banners ul{
	border-left: #7CB0DD 2px solid;
	border-right: #7CB0DD 2px solid;
	border-bottom: #7CB0DD 2px solid;
	text-align: center;
	margin: 0 0 1.5em;

	padding: 5px 0 0 5px

}

.banners li{

	margin: 0 0 .3em

}

.banners li a{

	color: #3b3b3b;

	height: 1%;

	text-decoration: none

}

.banners li a:hover,

.banners li.active a{

	text-decoration: underline

}