/* CSS-Framework Import
------------------------------ */

@import url(navi.css);
@import url(styles.css);
@import url(forms.css);


* { margin: 0; padding: 0; }
body,
	html {
		margin:0;
		padding:0;
		background:#900;
		color:#205;
		font: 12px/1.5 Tahoma;
	}




	/*  Page Layout Divs */
	
	#wrap {
		background:#F7F7E3 url(../skin/bg.gif);
		margin:0 auto;
		width: 980px;
		position: relative;
		min-width:670px;
		max-width:1024px;
	}
html>body #wrap {	width: 98% }	


	#header {
	background: #900 url(../skin/1_gc_logo.gif) no-repeat 0px 30px;
	border-bottom: solid 2px #306;
	position: absolute;
	top: 0px;
	left:0px;
	width:100%;
	height:109px; 
	}

	
	#sidebar {
		float:left;
		width:30%;
		margin-top: 142px;
	}



/* Content Area */

#main {
  position:relative;
  float:right;
	width:69.8%;
  margin-top: 142px;
      }

   
#content_wrap { width: 98%; height: 100%; margin-bottom: 10px}	

.content, .content-box {
	padding:15px;
	margin-bottom: 5px;
	background:#fff url(../skin/content-bg.gif) no-repeat right top;
	border-bottom: 1px solid #B4B051;
	border-left: 1px solid #B4B051;
  clear:both;
  height:100%;
    
}
.min-height {min-height: 280px;}


.adv {
width: 100%;
height: 200px;
background:#A2DAFA url(../skin/wt-50-off.jpg) no-repeat left top;
border: 1px solid #900;
}



.content-box {
  padding: 0;
  border: 1px solid #B4B051;
}
.content-box .b-10 {
  padding: 15px;
}

/* Layout Table on home page */

.content_block {margin-bottom: 3px;}
.content_cell {
	padding:15px;
	background:#fff url(../skin/content-bg.gif) no-repeat right top;
	border-bottom: 1px solid #B4B051;
	border-left: 1px solid #B4B051;
  width: 50%;
  vertical-align: top;  
}

  .bottom {	text-align: center;	}
  
	
	/* End of content */
	

  	
	#footer {	
	color: #F7F7E3;
	text-align: left;
	font-size: 11px;
  padding: 0 12px;
	background-color:#306;
	clear:both;
	height: 20px;
	}
	

/* Fonts and Form elements */

.table { 
width: 100%; 
border-collapse: collapse;   
background-color: #fffff9;
		      }
.table td { padding: 2px 10px; border: 1px solid #B4B051; }
.table .head td { font-weight: bold; background: #E6E6E6 none!important; }		   
.table_item_left { width:60%; background: #F7F7E3 url(../skin/bg.gif); }


h1, h2, h3 { font: 1.8em Tahoma, Arial, Helvetica, sans-serif; margin: .7em 0;}
h1 { color: #900; }
h2 { font-size: 1.5em; color: #454317; margin: .6em 0;}
h3 { font-size: 1.1em; color: #205; font-weight: bold; margin: .5em 0;}
p { color: #205; text-align: justify; margin: .8em 0}
ul p { border-bottom: 1px solid #ccc; padding-bottom: 1em; }
a { text-decoration: underline; color: #454317 }
a:hover { text-decoration: underline; color: #B4B051 }
pre { font-family: Tahoma; line-height: normal; }

ul{ list-style-type: none; padding: 0; margin: 0; position: relative}
ol { list-style-position: inside; }

.bold { font-weight: bold;}
.red_white {
	background-color: #900;
	font: bold 12px Tahoma;
	color: #fff;
	padding: 2px 3px;
	border: solid 1px #ccc;
}

.prog-img { float: right; padding:2px; margin-left: 10px; border: 1px solid #900; }
/* Header elements 
-----------------------------*/

 #date {
	background-color: #306;
  height: 20px;
	padding: 0px 12px;
	color: #F7F7E3;
	font-size: 11px;
	}	
 
 #mail {
	/*width: 220px;
	background:#F7F7E3 url(../skin/bg.gif);
	border: 1px solid #506;
	text-align: center;
	height: 50px;  
	font: 11px/1.5 Tahoma;*/
  position: absolute;
	right: 0px;	top: 20px;
}

/* Sidebar elements 
-----------------------------*/

.position {
background: #fc0 url(../skin/m_arrow.gif) no-repeat center right!important;
margin: 10px 0;
text-decoration: none;
padding: 3px 15px;
font-weight: bold;
display: block;
}

.side-box {
background-color: #fff;
color: #454317 !important;
padding: 10px;
margin-bottom: 10px;
font-size: 11px;
border: 1px solid #B4B051;
}
.side-box p {
color: #454317 !important;
}
.side-box img {
margin-left: 10px !important;
}

#addthis {
border: none;
width: 125px;
height: 16px;
margin: 0 0 10px 5px;
}

.pay {padding: 0 5px 5px}
.pay img { margin: 5px 0 0}

#BB_BuyButtonForm input { border: 0px; margin: 0 3px; }
/*.pay a { text-decoration: underline; color: #454317 } */
/* End of sidebar styles */


/* Main Content elements 
-----------------------------*/

#flashcontent {border: 10px solid #EAE7A7; margin: 0 0 10px 10px; float:right; clear: left; }
/* #flash {border: 10px solid #EAE7A7; margin-bottom: 10px}
.flash { margin: 0 0 5px 10px; border: 10px solid #EAE7A7;} */


.columns { 
  width: 100%; 
  padding: 0 1px 0 1px; 
  margin-left: -1px; 
  margin-right: -1px; 
  overflow: hidden; 
  text-align: justify; 
  }
.w-33 { 
  width: 33.333%; 
  float: left; 
  overflow: hidden;
  }

.col-content { padding: 0 6px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }


.content ul li { background: url(../skin/b5.gif) no-repeat 3px 7px; padding: 0 5px 0px 25px;}
.content ol li { padding: 0 5px 0px 10px}
.content ol ul li { padding: 0 5px 0px 20px}

.content img, .content-box img, #sidebar img { margin: 5px 0 5px 10px; padding: 1px; border: 1px solid #ccc}


.float_box {
float: right;
width:275px;
padding: 0 10px;
margin-left: 10px;
clear:both;
border: 1px solid #900;

}
.banners {
float: right;
width:150px;
padding: 10px;
margin-left: 10px;
clear:both;
}

/*
.top { 
width:32px; 
height:11px; 
border:0!important; 
padding-top:20px;
     }
*/

     
  .bottom img { padding: 10px 15px; border: none;}
	.bottom a {
  font: bold 11px Tahoma; 
	padding: 0 5px 10px 25px;
	background: url(../skin/b5.gif) no-repeat 3px 5px; 
	color: #CCC;
	text-decoration: none;
	 
	}   
