/* 

culture shock: grass stains V1.2

pogy366 @ http://www.openwebdesign.org/userinfo.phtml?user=pogy366

Nov. 2005 

*/



/* general page structure and layout */

body {

font-family:Arial, Helvetica, sans-serif; 

font-size:.8em; 

color:#000000; 

margin:0 0 0 0;

padding:0 0 0 0;

background:#eeeeee;

text-align:center;

}



.page_wrap {

position:relative;

width:780px;

height:169px;

margin:auto;

padding:auto;

text-align:center;

background:#FFF;





}







.topnav {

position:relative;

clear:both;

width:780px;

height:21px;

margin:0 0 0 0;

padding:0 0 0 0;

background:#cccccc;

font-size:.8em;

border-top:none;

}



.container {

position:relative;

clear:both;

width:780px;

margin:0px 0px 0px 0px;

padding:0 0 0 0;

background:#ffffff;

color:#000000;

text-align:left;

}



.container p {

	color:#006;

margin:5px 0 10px 5px;

padding:0 0 0 0;

}



.box_right {

	position:relative;

	float:right;

	clear:both;

	width:100px;

	border-left: 1px solid #000000;

	margin:0 0 0px 0px;

	padding:0 0px 0 0px;

	background:#ffffff;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:8pt;

	



}



.box_right p {

margin:5px 5px;

text-align:right;

}



.box_left {

	position:relative;

	float:left;

	clear:both;

	width:100px;

	border-right: 1px solid #000000;

	margin:10px 0 0px 0px;

	padding:10 0px 9 0px;

	background:#ffffff;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:8pt;

	



}



.box_right p {

margin:5px 5px;

text-align:left;

}



.box_cnr_top {

background:url(images/cnr_tr.gif) no-repeat top right;

margin:0 -10px 0 -10px;

}



.box_cnr_bottom {

background:url(images/cnr_br.gif) no-repeat top right;

margin:0 -10px 0 -10px;

}



img.cnr {

width:8px;

height:8px;

border:none;

display: block !important;

}



.footer {

position:relative;

clear:both;

width:780px;

height:45px;

margin:0px 0 px 0;

padding:0px 0 0px 0;

background:#ffffff url(images/grass_footer.jpg);

font-size:.8em;

text-align:center;

}



/* top navigation bar */

#nav ul{

padding:0 0 0 0;

margin:0 0 0 0;

white-space: nowrap;

font-size:1.2em;

color:#ffffff;

float:left;

width:100%;

background:#ffffff url(images/topnav_bg_grey.gif);

list-style:none;

}



#nav ul li{

display:inline;

list-style:none;

}



#nav ul li a{

margin: 0 0 0 0;

padding: .25em 2em .3em 2em;

background:#ffffff url(images/topnav_bg_grey.gif);

color: #000000;

text-decoration:none;

float: left;

border-right:1px solid #cccccc;

}



#nav ul li a:hover{

background:#9EB874 url(images/topnav_bg_green.gif);

color: #ffffff;

text-decoration:none;

border-right:1px solid #cccccc;

}





/* links */

a {

color:#fff;

text-decoration:underline;

}



a:hover {

color:#E39243;

text-decoration:none;

}



#box_right a {

color:#000000;

text-decoration:underline;

}



#box_right a:hover {

color:#E39243;

text-decoration:none;

}



#footer a {

color:#9EB874;

text-decoration:none;

}



#footer a:hover {

	color:#00F;

	text-decoration:none;

}



/* fonts and colors */

h1 {

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#ffffff;

font-size:2em;

letter-spacing:.5em;

text-transform:lowercase;

margin:0 0 0 0;

padding:0 0 0 0;

}



h2 {

	font-family:Arial, Helvetica, sans-serif;

	color:#993333;

	font-size:1.4em;

	text-transform:capitalize;

	font-weight:bold;

	padding:0 0 0 0;

	margin:0 0 -6px 6;



}



.h2 {

font-family:Arial, Helvetica, sans-serif;

color:#993333;

font-size:1.2em;

text-transform:capitalize;

font-weight:bold;

padding:0 0 0 0;

margin:0 0 -6px 12;





}



h3 {

font-family:Arial, Helvetica, sans-serif;

color:#993333;

font-size:1.1em;

text-transform:capitalize;

font-weight:bold;

padding:0 0 0 0;

margin:0 0 -8px 0;

}





.box_title {

font-family:Arial, Helvetica, sans-serif;

color:#993333;

font-size:10pt;

font-weight:bold;

}



.grey {

color:#999999;

}



/* images */

img {

border:none;

}



.right img {

position:relative;

float:right;

padding:0 0 0 0;

margin:5px 2px 2px 5px;

}



.left img {

position:relative;

clear:none;

float:left;

padding:0 0 0 0;

margin:5px 5px 2px 0;

}



/******* workarounds and hacks *******/

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

margin:auto;

}



.clearfix {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

.page_wrap.clearfix .container.clearfix table tr td h2 {

	font-size: 1.0em;

}

.page_wrap.clearfix .container.clearfix table tr td p {



}

.page_wrap.clearfix #footer p a {

	color: #006;

}

.textoright {

	color: #000;

	font-size: 0.7em;

}

.textopri {

	font-size: 0.8px;

}

.texttext {

	font-size: 14px;

}

.aaa {

	color: #000;

}

.page_wrap #footer p span a {

	color: #000;

}

.page_wrap .container.clearfix h2 center {

	font-family: Arial;

}

.aaaaaaa {

	color: #000;

	font-weight: bold;

}

.beab {

	font-weight: normal;

	color: #000;

}

.fgd {

	font-weight: bold;

	font-size: 36px;

}