/* Start of CMSMS style sheet 'styles_general' */
/*
====Colours Used=======
white bg		= #ffffff

red = #bc2e1a

light grey	= #e4e4e4
dark grey = #3B3B3B

link	= #bc2e1a
text black	= #202020
text white	= #ffffff
=======================
*/

body{
	background:#3b3b3b url(images/grad-bg.gif) repeat-x top center;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#202020;
	font-size:12px;

}

/* HTML tag styles START */
/* ======================================================*/
a:link, a:visited{
	color:#bc2e1a;
	text-decoration:none;
		text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:link.feature_link, a:visited.feature_link{
	color:#bc2e1a;
	text-decoration:none;
	background:url(images/pencil.gif) no-repeat 0px 0px;
	padding-left:20px;
	font-size:1.2em;
}
a:hover.feature_link{
	text-decoration:underline;
}
p{
	margin-top:0px;
}
h1{
	font-family:Helvetica, Arial, sans-serif;
	font-size:2em;
	color:#727272;
	font-weight:normal;
	padding-bottom:5px;
	border-bottom:1px solid #e4e4e4;
	margin-top:0;
}
h2{
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:0px;
	color:#727272;
}
h3{
	font-size:1.3em;
	font-weight:normal;
	color:#727272;
}
h4{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:3px;
}
ul.basic_list{
	list-style-image:url(images/list_arrow.gif);	
}
.basic_list li{

}
ul.feature_list{
	padding:0px;
	margin:0px;
}
ul.feature_list li{
	list-style:none;
}
.feature_list li a:link,
.feature_list li a:visited{
	display:block;
	border-bottom:1px solid #EFF0F0;
	padding:10px 15px 10px 35px;
	color:#444142;
	text-decoration:none;
	background:url(images/feature_list_arrow.gif) no-repeat 10px 10px;
	background-color:#CACACA;
	
}
.feature_list li a:hover{
	background-color:#DFDFDF;
	text-decoration:none;
}
ul.feature_list ul{
	padding:0px;
	margin:0px;
}
.feature_list li li a:link,
.feature_list li li a:visited{
	padding-left:60px;
	background-color:#EFF0F0;
	border-bottom:1px solid #CACACA;
	background:url(images/feature_list_bullet.gif) no-repeat 30px 10px;
	
}
.feature_list li li a:hover{
	background-color:#DFDFDF;
	
}

hr{
	font:0px;
	height:2px;
	color:#c7c7c7;
	background-color: #c7c7c7;	
	border:0px;
	margin:5px 0px 5px 0px;
	padding:0px;
}

/* HTML tag styles END */
/* ======================================================*/

/* text styles START */
/* ======================================================*/
.light_green{
	color:#a4d173;
}
.dark_green{
	color:#868C65;
}
.white_green{
	color:#a4d173;
}
.dark_grey{
	color:#463C3C;
}

.body_text{
	color:1A1A1A;
	font-size:1.1em;
}
.bold_text{
	color:#1A1A1A;
	font-size:1.1em;
	font-weight:bold;
}
.large_body_text{
	color:#202020;
	font-size:1.2em;
}
.feature_text{
	font-family:Helvetica, Arial, sans-serif;
	color:#af2714;
	font-size:1.4em;
}


/* text styles END */
/* ======================================================*/

/* form styles START */
/* ======================================================*/
form input{
	background-color:#e4e4e4;
	border:1px solid #3B3B3B;
}
form textarea{
	background-color:#e4e4e4;
	border:1px solid #3B3B3B;
}
/* form styles END */
/* ======================================================*/

/* ======================================================*/
/* General  START */
.clearboth{
	clear:both;
	font-size:0px;
	height:0px;
}
.hideItem{
	visibility:hidden;
}
.left_col{
	float:left;
}
.right_col{
	float:right;	
}
.left{
	float:left;
}
.right{
	float:right;	
}
/* General END */
/* ======================================================*/


/* page layout skeleton START */
/* ======================================================*/
#page_container{
	width:960px;
	margin-top:0px;
	background:url(images/page-bg.gif) repeat-y top center;
	text-align:left;
}
#page_header{
	width:900px;
	background:#e4e4e4 url(images/header-top.gif) no-repeat top center;
}
#member_menu{
	float:right;
	margin-top:-70px;
	color:#8a8882;
}
#member_menu a:link,
#member_menu a:visited{
	color:#8a8882;
}
#top_nav{
	float:right;
	width:550px;
	margin-top:15px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	color:#ffffff;
	line-height:1.1em;
}
#top_nav a{
	color:#ffffff;
}
#page_nav{
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
}
#search_box{
	margin-right:10px;
}
#breadcrumbs{
	font-size:.9em;
	padding:10px 0;
	color:#C7C7C7;
}
#breadcrumbs a{
	color:#D9B6B1;
}
#page_main, #page_puzzle {
	min-height:200px; /*see IE fix css*/
	height:auto;
	padding:35px 35px 35px 35px;
}
#footer_container{
	width:960px;
	text-align:left;
}
#footer{
	border:0px solid red;
	padding:15px 5px 5px 5px;
	color:#a7a7a7;
	padding:0 34px 0 28px;
	font-size:0.9em;
}
#footer a{
	color:#f7f6f7;
}
#footer img{
	border:0;
}


/* page layout skeleton END */
/* ======================================================*/

/* footer box START */
/* ======================================================*/

#pencil_man{
	margin:-90px -12px 0 -70px;
	position:relative;
	z-index:5;
}

#boxa1{ background:url(images/boxa1-bg.gif) no-repeat center center; }
#boxa2{ background:url(images/boxa2-bg.gif) no-repeat center center; }
#boxa3{ background:url(images/boxa3-bg.gif) no-repeat center center; }
#boxb1{ background:url(images/boxb1-bg.gif) no-repeat center center; }
#boxb2{ background:url(images/boxb2-bg.gif) no-repeat center center; }
#boxb3{ background:url(images/boxb3-bg.gif) no-repeat center center; }
#boxc{ background:url(images/boxc-bg.gif) no-repeat center center; }

#boxa1, #boxa2, #boxa3, #boxb1, #boxb2, #boxb3{
	float:left;
}
#boxa1, #boxa2, #boxa3 {
	width:242px;
	height:92px;
}
#boxb1, #boxb2, #boxb3 {
	width:242px;
	height:104px;
}
#boxa1, #boxb1 {
	width:270px;
}
#boxc{
	float:right;
	width:206px;
	height:196px;
}

.box_content{
	padding:20px;
	position:relative;
	z-index:9;
}
#boxa1 .box_content, #boxb1 .box_content {
	padding-left:45px;
}

#boxes{
	color:#ffffff;
line-height:12px;
}
#boxes h2{
	margin:0;
	padding:0;
}
#boxes a{
	color:#202020;
}
#boxes h2{
	padding-bottom:10px;
	color:#ffffff;
}
/* footer boxs\ skeleton END */
/* ======================================================*/

/* ======================================================*/
/* Home page layout  START */

#page{
	background:url(images/grad-top.gif) no-repeat top center;
	padding:90px 34px 0 28px;
}
#page #logo{
	float:left;
	margin:-64px 0 0 -10px;
	position:relative;
}
#page #logo img{
	border:0px;
}
#home_page #page_main{
	padding-bottom:0px;
}
#page_main .left_col{
	width:400px;
}
#page_main .right_col{
	width:400px;
}

.column{
	float:left;
	width:195px;
	margin-right:8px;
	background-color:#f7f6f7;
	border:1px solid #b5da88;
	padding-bottom:1000px;
	margin-bottom:-1000px;

}

/* ======================================================*/
/* Home page layout  END */

/* ======================================================*/
/* Puzzzle layout  START */
#puzzle_categories{
	width:550px;
	float:left;
}
#page_puzzle .left_col{
	width:600px;
}
#page_puzzle .right_col{
	width:200px;
}

#page_puzzle .puzzle{
	margin:10px 0;
}
#page_puzzle  .joinnow_button{
	margin:0px 0px -5px 0px;
}
#with_adverts #leader_board{
	margin-top:-30px;
	padding-top:0px;
	width:728px;
	height:90px;
	overflow:hidden;
}
#leader_board_index{
	margin-bottom:20px;
}
#with_adverts #breadcrumbs{
	border-top:1px solid #e4e4e4;	
	border-bottom:1px solid #e4e4e4;	
	margin-top:20px;
	padding:5px 0px;
}
#with_adverts h1{
	padding:0px 0px;
	margin:5px 0px 0px 0px;
}
#with_adverts #textAdverts{
	border:1px solid #e4e4e4;
	width:250px;
	background:url(images/icon_sponsors.gif) top left no-repeat;
	padding-top:30px;
}
#with_adverts #textAdverts ul,
#index_text_ads #textAdverts ul{
	padding:0px;
	margin:0px 10px 0px 10px;
	list-style:none;
}
#with_adverts #textAdverts li,
#index_text_ads #textAdverts li{
	padding:0px 0px 7px 0px;
	margin:0px 0px 7px 10px;
	border-bottom:1px dotted #cccccc;
}
#with_adverts  .left_col{
	width:550px;
}
#index_text_ads #textAdverts{
	float:left;
	padding-top:20px;
	margin-top:15px;
	border:1px solid #e4e4e4;
	width:250px;
	background:url(images/icon_interest.gif) top left no-repeat;
}
/* ======================================================*/
/* Puzzle layout  END */

/* ======================================================*/
/* 2 Column Narrow page layout  START */

.right_col_narrow{
	width:270px;
	float:right;
}

 .rightCol_Cap{
	background:url(images/rightCol_cap.jpg) no-repeat;
	height:22px;
}

 .rightCol_Mid{
	background:url(images/rightCol_tile.jpg) repeat-y;
	padding:0px 20px 0px 20px;
	border:0px solid red;
	color:#FFFFFF;
}
 .rightCol_Mid h2{
	color:#ffffff;
	margin:0px;
	padding:10px;
	font-size:1.2em;
	font-weight:normal;
}
 .rightCol_Base{
	background:url(images/rightCol_base.jpg) no-repeat;
	height:21px;
}
 .rightCol_Mid ul{
	padding:10px;
	margin:0px;

}

 .rightCol_Mid li{
	list-style-image:url(images/pencil.gif);	
	padding:5px 0;
	border-bottom:1px solid #fff;
	list-style-position:inside;
	font-size:14px;
}
.rightCol_Mid a:link,.rightCol_Mid a:visited{
	color:#FFFFFF;
}

/* ======================================================*/
/*  2 Column Narrow page layout  END */


/* End of 'styles_general' */