/* mac hide\*/
html, body {
	top:						0px;
	margin:					0px;
	padding: 				0px;
	height:					auto;
}
/* end hide */

body {
	font-family:	 		Arial, Helvetica, sans-serif;
	margin: 					0px;
	padding: 				0px;
	min-width:				941px;/* for mozilla*/
	color: 					#7CBA9E;
	background-color: 	#003e22; 	
}

#table {
	background-color: 	#003e22; 	
}

#outer{
	margin-top:				0px;
	position:				relative;
	width:					940px;
 	height:					100%;
	min-height:				100%;
	margin:					auto;
	text-align:left;
	background-color: 	#003e22; 	
}
html>body #outer{
	height:					auto;
} /*for mozilla as IE treats height as min-height anyway*/

h1,h2,h3,h4,h5,h6 {
 	margin: 					0px;
 	padding: 				0px;
}

h1{ 	font:		bold 16px;}
h2{	font:		bold 14px;}
h4{ 	font-size:	12px;}
h5{	font: 	10px;}
h6{ 	font:		8px;}

ul 		{	list-style-type: square;}
ul ul		{	list-style-type: disc;}
ul ul ul	{	list-style-type: none;}

a:link {
	font-weight: 			bold;
	text-decoration: 		none;
 	color: 					#;
}

a:visited {
	font-weight: 			bold;
	text-decoration: 		none;
 	color: 					#;
}

a:hover {
	font-weight: 			bold;
	text-decoration: 		none;
	color: 					#ff0000;
}

.header{
	position:				absolute;
	top:						0px;
	left:						0px;
	width:					940px;
	height:					120px; 
	overflow:hidden;
	/**color: #000000;*/
 	color: 					#7CBA9E;
 	background-color: 	#003e22; 	
}
.header a:link,a:visited{	color: #CEFFE6;	}
.header a:hover			{	color: #ff0000;}

#ad_header{
	position: absolute;
	margin-top:25px;
	margin-left:5px;
	z-index: 1;
}

#ad_menu_overlay{
 	width: 50%;
	left:10px;
	background-color: #003e22;
	z-index: 2;
}

#ad_menu{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 95px;
	right: 0px;
	width:942px;
	color: #919999;
	z-index: 2;
}

#ad_promo_overlay{
 	position: absolute;
	right:0px;
	top: 0px;
	height: 60px;
	width: 20px;
	right: 0px;
	background-color: #003e22;
	z-index: 2;
}

#ad_promo{
	font: 75% Verdana,sans-serif;
	position: absolute;
	right:0px;
	top: 10px;
	right: 0px;
	width:140px;
	height:80px;
	color: #919999;
	z-index: 2;
}

#menu{
	font: 50%;
	position: absolute;
	top: 75px;
	right: 10px;
	color: #7CBA9E;
 	background-color: 	#003e22; 	
	z-index: 2;
}

#innerwrap {
	float:					left;
	width:					940px;
}

#centrecontent {
	float:					right;
	width:					820px;
	padding-top:			119px;
	padding-bottom:		0px;/* needed to make room for footer */
	background-color: 	#003e22;
}
#centrecontent p 	{	padding-left:3px}

.pagecell{
	top: 						122px;
	color: 					#7CBA9E;	
	background-color: 	#00371e; 
}
.pagecell h1					{	font: bold 80%; color: #CEFFE6;}
.pagecell h2					{	font:	bold 60%;}
.pagecell a:link,a:visited	{	color: #CEFFE6;	}
.pagecell a:hover				{	color: #ff0000;}

.left {
  	position:				relative;/*ie needs this to show float */
	float:					left;
	width:					120px;
	padding-top:			119px;/*needed to make room for header*/
	padding-bottom:		0px;/* needed to make room for footer */
	overflow:hidden;
 	color: 					#7CBA9E;
 	background-color: 	#003e22; 	
}
.left h1						{	font: bold 80%;}
.left h2						{	font:	bold 60%;}
.left h3						{	font:	bold 50%;}
.left h4						{	font:	bold 50%;}
.left h5						{	font:	bold 50%;}
.left h6						{	font:	50%;		}
.left a:link,a:visited	{	color: #CEFFE6;	}
.left a:hover				{	color: #ff0000;	}
.left p	 					{ 	padding-left:3px;	padding-right:2px}
 
#right {
	position:				relative;/*ie needs this to show float */
	float:					right;
	width:					0px;
	padding-top:						119px;/*needed to make room for header*/
	padding-bottom:		0px;/* needed to make room for footer */
 	color: 					#7CBA9E;
 	background-color: 	#003e22; 	
}

.right h1					{	font: bold 80%;}
.right h2					{	font:	bold 60%;}
.right h3					{	font:	bold 50%;}
.right h4					{	font:	bold 50%;}
.right h5					{	font:	bold 50%;}
.right h6					{	font:	50%;		}
.right a:link,a:visited	{	color: #CEFFE6;	}
.right a:hover				{	color: #ff0000;	}
.right p	 					{ 	padding-right:3px;	padding-right:2px}
 

#clearfooter {
	width:					100%;
	height:					122px;
	clear:					both
} /* to clear footer */

.footer {
	clear:					both;
	position: 				absolute;
	left:						0px;
	bottom:					0px;
	margin:					0px;
	width:					940px;
	height:					120px;
	background-color: 	#003e22; 	
	color: 					#7CBA9E;
	font: 					100% Verdana,sans-serif;
}

* html .footer {
	/*only ie gets this style*/
	\height:					124px;/* for ie5 */
	he\ight:					122px;/* for ie6 */
}

.footer a:link,a:visited{	color: #CEFFE6;	}
.footer a:hover			{	color: #ff0000;	}

div,p  {
	margin-top:				0
}/*clear top margin for mozilla*/

#footer_menu {
	font: 75% Verdana,sans-serif;
	margin-left:0;
	float:	left;
	width:	728px;
	height:	25px;
	background-color: 	#003e22;
}

#button_l {	
 position:				relative;	
 margin: 				0px;	
 padding: 				0px;	
}

#button_l a:link	{
 display: 				block;
 border-top: 			1px solid #003e22;
 background-color: 	#168553;
 border-bottom: 		1px solid #003e22;
 color: 					#CEFFE6;
 padding: 				3px 10px 3px 5px;
 text-align: 			left;
 font-size: 			69%;
 font-weight: 			bold;
 text-decoration: 	none;
 word-wrap:				no-wrap;
}

#button_l a:visited {
 display: 				block;
 border-top: 			1px solid #003e22;
 background-color: 	#168553;
 border-bottom: 		1px solid #003e22;
 color:					#CEFFE6;
 padding: 				3px 10px 3px 5px;
 text-align: 			left;
 font-size: 			69%;
 font-weight: 			bold;
}

#button_l a:hover {
 border-top: 			1px solid #003e22;
 background-color: 	#003e22;
 border-bottom: 		1px solid #003e22;
 color: 					#ffffff;
}

.static {	
 position:				relative;	
 margin: 				0px;	
 display: 				block;
 border-top: 			1px solid #003e22;
 background-color: 	#168553;
 border-bottom: 		1px solid #003e22;
 color: 					#CEFFE6;
 text-decoration: 	none;
 font-weight: 			bold;
 padding: 				3px 10px 3px 10px;
 text-align: 			left;
 font-size: 			70%;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
#links{
	font: 50% Verdana,sans-serif;
	color: #7CBA9E;
}



#button_r{
position:relative; /*ie needs this to show float */
	margin: 0px;
	padding: 0px;
}

#button_r h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #002e19;
}

#button_r a:link {
	display: block;
	border-top: 1px solid #002e19;
	border-bottom: 1px solid #002e19;
	background-color: #;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	color: #;

	text-align: left;
	font-size: 75%;
}

#button_r a:hover {
	border-top: 1px solid #002e19;
	background-image: none;
	background-color: #;
	font-weight: bold;
	color: #;
	text-decoration: none;
}

.element{
	color: #;
	background-color:#;
	border-left:0px solid #; 
	border-right:0px solid #; 
	border-top:0px solid #; 
	border-bottom:0px solid #;
}

.element2{
	background-color:#;
}


#footer img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
	margin-top: 10px;
	margin-left: 10px;
	color: #919999;
}




.theme {
	font: small Verdana,sans-serif;
  	font-size: 50%;
}


#search{
	position: absolute;
	right: -10px;
	top: 15px;
	z-index: 101;
}

#search input{
	float:right;
	right: 15px;
  	font-size: 8pt;
  	height: 12px;
	top: 15px;
	margin: 0px  0px 0px 10px;
}
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
}

#search a:hover{
	margin: 0px;
}

.feature{
	padding: 26px 26px 10px 10px;
	float: right;
	font-size: 80%;
	border:  1px  solid;
	height: auto;
}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 26px 26px 5px 0px;
	width:  60%;
}

.tip {
	font-size: 80%;
	float: right;
}


.tip h3{
	margin: 0px;
	padding:0px;
	font: bold 125% Arial,sans-serif;
	color: #;
}
.tip p {
	padding: 0px 0px 10px 0px;
}

.tip a.capsule{
	font: bold 1em Arial,sans-serif;
	float:left;
	color: #;
	display:inline;
	padding-top: 10px;
	padding-bottom: 10px;
}

.tip a.capsule:hover{
	text-decoration: underline;
}

.news  							{	font-size: 70%;  color: #7CBA9E; background-color: #003e22;}
.news a:link,a:visited		{	font-size: 12 px; color: #CEFFE6;	}
.news a:hover					{	font-size: 12 px; color: #ff0000;	}

.exchange 						{	font-size: 70%; color: #7CBA9E;	background-color: #003e22;}
.exchange a:link,a:visited	{	color: #CEFFE6;	}
.exchange a:hover				{	color: #ff0000;	}

.screen{
	font-size:				12px;
	word-wrap: 				break-word;
	text-align: 			left;
	color: 					#7CBA9E; 
	background-color: 	#003e22;
	padding: 				0px;
	margin:0px;
}

.screen h5{
	text-align: 			right;
	font-size:				8px;
}

.screen a:link,a:visited{	color: #CEFFE6;	}
.screen a:hover			{	color: #ff0000;	}

.relatedLinks{
	display: block;
	word-wrap: break-word;
	max-width:px;
	width:px;
	text-align: left;
	color: #; 
	margin-top:5;
	padding: 0px;
}

.relatedLinks h5{
	text-align: left;
	font-size:9px;
	color: #; 
	padding: 2px 2px 2px 2px;
	margin-left:5px
	margin-right:5px
}

.relatedLinks h6{
	text-align: right;
	font-size:9px;
	color: #; 
	padding: 2px 2px 2px 2px;
	margin-left:5px
	margin-right:5px
}

.relatedLinks a:link, .relatedLinks a:visited {
	margin-top:5px
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size:10px;
	color: #;
	margin-left:5px
	margin-right:5px
}

.relatedLinks a:hover{
	font-weight: bold;
	text-decoration: underline;
	color: #ff2222;
	margin-left:5px
	margin-right:5px
}

#center{
	margin: auto;
}

#advert{
	width: 728px; 
   margin-left: auto;
   margin-right: auto;
   text-align: left;
	margin-top:50px;
  	padding: 0px;
	z-index: 101;
}

#advert img{
	width: 10px; 
	margin: auto;
	display: block;
	z-index: 101;
}


form {
	margin: 0;
	padding: 0;
}

label{
 	font: bold 1em Arial,sans-serif;
 	color: #334d55;
}
				
input{
	font-family: Arial,sans-serif;
}

input.text{
 	height:14pt; 
	font-size: 8pt; 
	border:1px solid; 
	border-color:#;
}

input.submit{
 	width:16pt; 
	height:12pt; 
	vertical-align:text-bottom; 
	color:#; 
	background-color:#;
}

input.submit:hover{
	background-color:#;
}

#main_ {
}

#main_content {
	position:  relative;
	margin:  0;
	padding:  0;
	height:0;
	visibility:hidden;
}


/* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(gfx/img.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:335px !important; /* IE Win = width - padding */
      width: 320px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */