body {
	text-align: center; /* required for centering the page in IE */
	margin: 0px;
	padding: 0px;
	background-image: url("../images/cp_bg.png");
	background-repeat: repeat-x;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height:20px;
}

h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
	font: 12px Arial,sans-serif;
}

h1,h2,h3,.componentheading, .contentheading{font: 20px "Trebuchet MS",Arial,sans-serif; font-weight:bold;color: #FF33CC;}
h2, h3{font-size:160%}

html, body {
	height: 100%;
	width: 100%;
}

p.image {
	border:4px solid #ff33cc;
}		


a:link ,  a:visited{
	text-decoration: underline;
	color: #FF33CC;
}

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

a.mainlevel--nav:link ,  a.mainlevel--nav:visited{
	text-decoration: none;
	color: #C5279E;
	font-size:14px;
}

a.mainlevel--nav:hover {
	text-decoration: none;
	color: #FF33CC;
	font-size:14px;
}

table.moduletable--nav td{
	color: #ffffff;
}



#topMod {
	background-color:#f2f2f2;
	width: 610px;
	float:right;
	margin-top: 25px;
	margin-right: 25px;
	padding-bottom: 10px;
	padding-left: 24px;
	padding-top:10px;
	border: 1px solid #CCCCCC;
}

#latest {
	width:250px;
	float:left}

#fire {
	width:280px;
	float:right;
}


#referal {
	margin-left:12px;
	padding-bottom:18px;
	padding-top:10px;
}

#wrapper {
	position:static;
	width: 877px;
	margin: 0 auto; /* centering the page */
	text-align: left;
	}

#header {
	position:static;
	height: 118px;
	background-image:url("../images/head2.png")
}


#Menu{
	position:static;
	background-image:url("../images/menu.png");
	width: 877px;
	height:28px;
}

#container {
	background-image:url("../images/body2.png");
	background-repeat: repeat-y;
	
	}

#innerContainer {
	margin-right: 12px;
	margin-left: 12px;
	height:100%;
}

#FlashHeadpiece {
	background: #F2F2F2 url("../images/header_photos/header-photo_1.jpg")  no-repeat;
	width: 853px;
	height: 150px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

#left {
	float: right;
	width: 360px;
	height:100%;
	position:relative;
/*	padding-bottom: 184px;
	background-image:url(../images/jb.png);
	background-position:bottom;
	background-repeat:repeat-x;
*/
}

#leftInner{
	font: 90% Arial,sans-serif;
	padding: 16px;
}

.latestnews, .mostread{
	font: 12px Arial,sans-serif;
	list-style-type:none;
}

li.mostread, li.latestnews{
	padding-bottom:5px;
}

#content {
	width: 470px;
	float:left;
	padding:10px;
}

	#content p {
	line-height:20px;
	font: 12px;
	}

	#content ul{
	list-style-type: none;
	}

	#content li, #topMod li{
	line-height:20px;
	font-size: 12px;
	padding-left:14px;
	background-image: url("../images/bluearrowbullet.png");
	background-repeat: no-repeat;
	background-position: left 1px;
	}

#content .button{
	color:#363636;
}

#content .button:hover {
	color:#fff;
}

#content .moduletable {
	padding-bottom:5px;
}

#clear {
	height: 0px;
	clear:both;	
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#footer {
	height: 50px;
	clear:both;
	text-align:center;
	background-image:url("../images/footer2.png")	
	}

/*Horizontal Nav*/

ul#nav,ul#nav li{
	list-style-type:none;
	margin:0;
}

ul#nav{
	margin-left: 36px;
	font-size: 12px;
}

ul#nav li{
	float:left;
	margin-right: 1px;
	font-size: 12px;
	text-align: center;
	display: inline;
	vertical-align: middle;

}

ul#nav a{
	float:left;
	height: 26px;
	line-height: 26px;
	text-decoration:none;	
	color: #000;
	font-weight: bold;
	padding-left:15px;
	padding-right:15px;
}

ul#nav a:hover {
	color: #fff;
	background-repeat: repeat-x;
	background-position: 0px;
	background-image: url("../images/buttonhover.png");
	background-color: #3399CC;
}


ul#nav li.activelink a,ul#nav li.activelink a:hover{color: #fff;background-image: url("../images/buttonhover.png");	background-color: #3399CC;}

#nav a:link#active_menu-nav, #nav a:visited#active_menu-nav{color: #fff;background-image: url("../images/buttonhover.png");	background-color: #3399CC;}

/*Vertical Nav*/

#mainlevel { width: 160px; list-style-type: none;text-indent: 5px; }

#mainlevel ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

ul#mainlevel a {
	display: block;
	padding: 3px;
	width: 160px;
	background-color: #F2F2F2;
	border-bottom: 1px solid #ccc;
}



ul#mainlevel a:link,  ul#mainlevel a:visited

{

	color: #000;

	text-decoration: none;

	font-weight: bold;

		background-image:url("../images/vertnavbutton.png");

background-repeat:repeat-x;



}



ul#mainlevel a:hover

{

background-color: #FF33CC;

color: #fff;

background-image:none;

}

ul#mainlevel a:link#active_menu, ul#mainlevel a:visited#active_menu

{

background-image:none;

background-color: #FF33CC;;

color: #fff;

}

/* default */



.adminform {

}

.article_seperator {

}

.back_button {

}

.blog {

}

.blog_more {

}

.blogsection {

}

.button {

}

.buttonheading {

}

.category {

}

.clip {

}

.componentheading {



	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;

	font-size: 20px;

	font-weight: bold;

	color: #FF33CC;

	padding-top: 5px;

	padding-bottom:10px;



}

.contact_email {

}

.content_rating {

}

.content_vote {

}

.contentdescription {

}

.contentheading {

	font-family: "Trebuchet MS".Tahoma, Verdana, Arial;

	font-size: 20px;

	font-weight: bold;

	color: #FF33CC;

	padding-bottom:10px;

}

.contentpagetitle {

}

.contentpane {

}

.contentpaneopen {

}

.contenttoc {

}

.createdate {

}

.dtree {

}

.dTreeNode {

}

.editlinktip {

}

.expander {

}

.highlight {

}

.inputbox {

}

.item {

}

.message {

}

.message {

}

.modifydate {

}

.module {

}

#leftInner .moduletable {

padding-bottom:5px;

}



.mosimage {

}

.mosimage_caption {

}

.mostread {

}

.newsfeed {

}

.node {

}

.pagenav {

}

.pagenav_next {

}

.pagenav_prev {

}

.pagenavbar {

}

.pagenavcounter {

}

.paramlist {

}

.pathway {

}

.poll {

}

.pollstableborder {

}

.profiler {

}

.readon {

}

.row1 {

}

.row2 {

}

.search {

padding-top:10px;

padding-bottom:5px;

}

.searchintro {

}

.sectiontableentry1 {

}

.sectiontableentry2 {

}

.sectiontablefooter {

}

.sectiontableheader {

}

.small {

}

.smalldark {

}

.syndicate {

}

.syndicate_text {

}

.tab {

}

.tabclass1 {

}

.tabclass2 {

}

.tab-page {

}

.text_area {

}

.toclink {

}

.toolbar {

}

.tooltip {

}

.wrapper {



}

h2, h3 {

	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;

	font-size: 20px;

	font-weight: bold;

	color: #FF33CC;

	padding-top: 5px;

	padding-bottom:5px;

}

#mod_login_password, #mod_login_username {





	color: #000000;

}

form {



	margin: 0;



	padding: 0;



}







input, select {



	font: 12px "Lucida Grande",	 Arial,sans-serif;



}







select, .inputbox {



	padding: 2px;



}







textarea {



	padding-left: 2px;



}







.button {



	border: 1px solid #CCCCCC;



	padding: 1px 10px!important;



	padding: 1px 5px;



	background: url("../images/button-bg.gif") repeat-x top #F2F2F2;



	



}



.button:hover  {

	background: url("../images/button-bg.gif") repeat-x top #FF33CC;

	

}



.button:active, .button:focus {



	border: 1px solid #222222;



}







.inputbox {



	border: 1px solid #CCC;



	background: #FFF;



	color: #000;

	



	}

	



#left .inputbox {

		width:145px;

}

.inputbox:hover, .inputbox:focus {



	border: 1px solid #003366;



}

fieldset.js_loginflat {border:0px; padding:8px; margin-left:12px;margin-right:12px; 	font: 11px Arial,sans-serif; 	text-align:center;

vertical-align:top;}

fieldset.js_loginflat .inputbox {width:145px; }

fieldset.js_loginflat legend {display:none}

.moduletableflat {text-align:center;vertical-align:top;}



/*.bearright {top:25px; right:15px; position:absolute;}



#JB {position:absolute; bottom:0px;}



.line {

	color: #CCCCCC;



}*/

/* LEX code */

#colorfield-border {

	float:left;

	position:relative;

	top:158px;

	left:138px;



}

#colorfield-link {

	float:left;

	position:relative;

	top:180px;

	left:76px;



}

.moduletable-don {

padding-bottom:20px;}

#bear {
	background-image: url(../images/website-design-by-joomlabear.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 46px;
	width: 877px;
}

#blizzard {

	background-image: url(../images/blizzard.png);

	background-repeat: no-repeat;

	background-position: right;

	height: 46px;

	width: 877px;

}


select {
	background-color: #E9F4F8;
	color: #2A4657;
	/*background-FACE-COLOR: #cccccc;
	background-HIGHLIGHT-COLOR: #ffffff;
	background-SHADOW-COLOR: #FFFFff;
	input-ARROW-COLOR: #ff0000;
	background-BASE-COLOR: #FFFFff;
	background-3d-light-color: #FFFFff;
	background-dark-shadow-color: #ff0000;*/ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

inputbox {
	background-color: #E9F4F8;
	color: #2A4657;
	/*background-FACE-COLOR: #cccccc;
	background-HIGHLIGHT-COLOR: #ffffff;
	background-SHADOW-COLOR: #FFFFff;
	input-ARROW-COLOR: #ff0000;
	background-BASE-COLOR: #FFFFff;
	background-3d-light-color: #FFFFff;
	background-dark-shadow-color: #ff0000;*/ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.inputbox {
	background-color: #E9F4F8;
	color: #2A4657;
	/*background-FACE-COLOR: #cccccc;
	background-HIGHLIGHT-COLOR: #ffffff;
	background-SHADOW-COLOR: #FFFFff;
	input-ARROW-COLOR: #ff0000;
	background-BASE-COLOR: #FFFFff;
	background-3d-light-color: #FFFFff;
	background-dark-shadow-color: #ff0000;*/ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.inputbox2 {
	background-color: #E9F4F8;
	color: #ff33cc;
	/*background-FACE-COLOR: #cccccc;
	background-HIGHLIGHT-COLOR: #ffffff;
	background-SHADOW-COLOR: #FFFFff;
	input-ARROW-COLOR: #ff0000;
	background-BASE-COLOR: #FFFFff;
	background-3d-light-color: #FFFFff;
	background-dark-shadow-color: #ff0000;*/ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.select2 {
	background-color: #f0f0f0;
	color: #2A4657;
	/*background-FACE-COLOR: #cccccc;
	background-HIGHLIGHT-COLOR: #ffffff;
	background-SHADOW-COLOR: #FFFFff;
	input-ARROW-COLOR: #ff0000;
	background-BASE-COLOR: #FFFFff;
	background-3d-light-color: #FFFFff;
	background-dark-shadow-color: #ff0000; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

textarea {
	background-color: #E9F4F8;
	color: #2A4657;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input {
	background-color: #E9F4F8;
	color: #2A4657;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.input2 {
	background-color: #DCEBF0;
	color: #2A4657;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}