body{
	background-color:#9FC5B0;
	background-image:url(images/bg_xtile.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; }

#container  {
	background-color:#ffffff;
	width: 910px;
	border:1px solid #cccccc;
	padding-top:15px;
	text-align:left;
	overflow: hidden; }

#content {
	text-align:left;
	width:650px; 
	background:#ffffff;
	overflow:hidden; }


h1 	{text-align:left;
	margin-top:0;
	font-size:16px;
	color:#00a949;
    padding-bottom:5px;
	padding-top:15px; }

h2 	{text-align:center;
	font-size:14px;
	color:#00a949;
    padding-bottom:5px; }

h3 	{text-align:left;
	font-size:14px;
	color:#000000;
    padding-bottom:5px; }


.left {text-align:left;} 
.center {text-align:center;}
.right {text-align:right;}

.exsmallfont {font-size:11px;}
.smallfont {font-size:12px;}
.medfont {font-size:14px;}
.largefont {font-size:16px; }
.exlargefont {font-size:18px; }
.exexlargefont {font-size:20px; }

.red {color:#ff0000; }
.lggreen{ color:#00a949; font-size:14px; }

.textbottom {vertical-align:text-bottom;}
.textmiddle {vertical-align:middle;}
.texttop {vertical-align:top;}
.textbaseline {vertical-align:baseline;}

img { border:0;
	 margin:0;
	 padding:0; }

.floatleft {float:left; }

.indent { margin-left:1.5em;
   margin-right: 1.5em; }

.clearboth {clear:both;}

.border {border:1px solid #6699ff;}

UL {list-style-type: disc; 
	margin:3px 0 3px 0; }
li {margin:0 0 2px 0; }

.testimonybox {
	width:500px;
  	margin-left:auto;
    margin-right:auto;
	border:1px solid #00a949;
	padding:5px; }

.listbox {
	text-align:left;
	float:left;
	width:350px;
	margin:0 5px 0 10px;
	padding:5px 10px 0 10px; }

.listbox250 {
	text-align:left;
	float:left;
	width:250px;
	margin:2px 5px 10px 10px;
	padding:5px 5px 0 5px; }

.listbox275 {
	text-align:left;
	float:left;
	width:275px;
	margin:2px 5px 10px 10px;
	padding:5px 5px 0 5px;
	border:1px solid #cccccc; }

.listbox300 {
	text-align:left;
	float:left;
	width:300px;
	margin:2px 5px 10px 10px;
	padding:5px 5px 0 5px;
	border:1px solid #cccccc; }

.box700 {width:700px;
    margin-left:auto;
    margin-right:auto; }

.box600 {width:600px;
    margin-left:auto;
    margin-right:auto; }

.box500 {width:500px;
    margin-left:auto;
    margin-right:auto; }

.box400 {width:400px;
    margin-left:auto;
    margin-right:auto; }

.box300 {width:300px;
    margin-left:auto;
    margin-right:auto; }

.box200 {width:200px;
    margin-left:auto;
    margin-right:auto; }

	/*imgs about pg*/
.floatright120 {
	float: right;
	width: 120px; 
	margin-left:5px;
	text-align:center; }


    /**/
.floatleft300 {
	float: left;
	width: 200px; 
	margin:5px;
	text-align:center; }



/*------- MEMBER MENU ------*/

#membmenulogin {
	margin:0;
	width:112px; height:44px; 
	background: url(images/member-login.jpg) no-repeat; }

#membmenuregister {
	margin:0;
	width:103px; height:44px; 
	background: url(images/member-register.jpg) no-repeat; }

#membmenulogout {
	margin:0;
	width:115px; height:44px; 
	background: url(images/member-logout.jpg) no-repeat; }

.membmenu {
	background:transparent;
	font-weight:bold;
	text-decoration: none;
	font-family: 'Comic Sans MS', cursive; }

a.membmenu:link  { color:#0C6D38;
	font-size:13px;
	padding-left:15px;
	text-decoration: none;  }
a.membmenu:visited  { color:#0C6D38;
	font-size:13px; 
	padding-left:15px;
	text-decoration: none; }
a.membmenu:hover { color:#999999;
	font-size:13px; 
	padding-left:15px;
	text-decoration: none;  }
a.membmenu:active { color:#999999;
	font-size:13px;
	padding-left:15px;
	text-decoration: none;   }

/*----- TOP MENU ------*/

#topmenuhome {width:115px; height:34px; 
	background: url(images/home.jpg) no-repeat;   }
#topmenucontact {width:108px; height:34px;
	background: url(images/contact.jpg) no-repeat;  }
#topmenuabout {width:97px; height:34px; 
	background: url(images/about.jpg) no-repeat; }
#topmenuhowwork {width:130px; height:34px;
	background: url(images/how-work.jpg) no-repeat;  }
#topmenucourt {width:101px; height:34px;
	background: url(images/court.jpg) no-repeat;  }
#topmenuresources {width:114px; height:34px; 
	background: url(images/resources.jpg) no-repeat; }

.topmenu {
	background:transparent;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif; }

a.topmenu:link  { color:#ffffff;
	font-size:16px;
	padding:0 0 6px 10px;
	text-decoration: none;  }
a.topmenu:visited  { color:#ffffff;
	font-size:16px;
	padding:0 0 6px 10px;
	text-decoration: none; }
a.topmenu:hover { color:#cccccc;
	font-size:16px;
	padding:0 0 6px 10px;
	text-decoration: none;  }
a.topmenu:active { color:#cccccc;
	font-size:16px; 
	padding:0 0 6px 10px;
	text-decoration: none; }

/*------- RIGHT COLUMN ------*/

#rightcolumn {
	float:right;
	width:230px;
	margin:0 0 0 5px ;
	background-color:#ffffff;
	padding:0 5px 0 5px; }

/*---------LEFT COLUMN - MENU --------*/

#leftcolumn {
	float:left;
	margin:25px 15px 15px 15px ;
	background-color:#ffffff;
	width:230px; }

#leftmenu {
	width:230px;
	background-color:#EAEAEA;
	margin:0;  }

.leftmenutitle {
	color:#ffffff;
	font-weight:bold;
	height:31px;
	background-image:url(images/menutitle.jpg);
	background-repeat:no-repeat;
	background-position:top center; }

.leftcolumnshadow {
	height:13px;
	background-image:url(images/menushadow.jpg);
	background-repeat:no-repeat;
	background-position:top center; }

.menubox {
	text-align:left;
	width:190px;
	padding:0 0 5px 0;
	background-color:#ffffff;
	margin:0 0 0 20px;
	border-left:1px solid #D1D3D0;
	border-bottom:1px solid #D1D3D0;
	border-right:1px solid #D1D3D0; }

a.menu:link  { color:#666666;
	font-size:13px;
	padding:0 0 0 13px;
	text-decoration: none;
	line-height:20px; }
a.menu:visited  { color:#666666;
	font-size:13px;
	padding:0 0 0 13px;
	text-decoration: none; }
a.menu:hover { color:#008000;
	font-size:13px;
	padding:0 0 0 13px;
	text-decoration: none; }
a.menu:active { color:#008000;
	font-size:13px; 
	padding:0 0 0 13px;
	text-decoration: none; }

/*---- REG LINKS ----*/

a:link  { color:#00a949;
	font-size:13px;
	text-decoration: none; }
a:visited  { color:#00a949;
	font-size:13px;
	text-decoration: none; }
a:hover { color:#555555;
	font-size:13px;
	text-decoration: none; }
a:active { color:#555555;
	font-size:13px; 
	text-decoration: none; }

#footer{
	text-align:center;
	width:880px;
	margin:0;
	padding:5px 0 0 0;
	margin-left:auto;
    margin-right:auto; }

a.footer:link  { color:#666666;
	font-size:12px;
	text-decoration: none; }
a.footer:visited  { color:#666666;
	font-size:12px;
	text-decoration: none; }
a.footer:hover { color:#008000;
	font-size:12px;
	text-decoration: none; }
a.footer:active { color:#008000;
	font-size:12px; 
	text-decoration: none; }


/* --------begin rounded rect ------------*/
div.rounded {
    clear:both;
    margin:0 auto;
    width:924px; }
div.rounded div.top {
    background:url(images/shadowTL.jpg) no-repeat bottom left;
    padding:0px;
    width:100%; }
div.rounded div.top div.right {
    background:url(images/shadowTR.jpg) no-repeat bottom right;
    height:6px;
    margin-left:6px; }
div.rounded div.middle {
    background:url(images/shadowL.jpg) repeat-y top left;
    clear:both;
    width:100%; }
div.rounded div.middle div.right {
    background:url(images/shadowR.jpg) repeat-y top right;
    margin-left:6px; }
div.rounded div.bottom {
    background:url(images/shadowBL.jpg) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%; }
div.rounded div.bottom div.right {
    background:url(images/shadowBR.jpg) no-repeat top right;
    height:6px;
    margin-left:6px; }
/*--------- end rounded rect -----------*/



