body, html    { height: 100%; 
            margin: 0px; 
			padding: 0px; 
			text-align: center; /*** Centers the design in old IE versions ***/

			}
body { 		background: #fff url(../images/bg.jpg) repeat-x left top;}			
			
			
p, table, div, ul     { 
			color: #333; 
			font-family: Arial, Helvetica, sans-serif; 
            font-size: 12px; 
			line-height: 160%; }			
			
#wrapper {
		margin-left: auto; 
		margin-right: auto;
		width: 100%;
		text-align: center;
		min-width: 850px;

		}	
		
/************ HEADER **************************/
#header       { height: 296px; 
			margin: 0 auto; 
			padding: 0px;  
			width: 850px;
			text-align: left; 
			}

#nav        { width: 850px;
				height: 43px;
				text-align: left; 
				margin: 0 auto; 
				padding: 0px; }
			  
/************ BODY **************************/	
#contentwrapper {
		margin: 0 auto;
		width: 100%;
		text-align: center;
		background-color: #fff; 
		overflow: hidden;
		min-height: 300px;
		}	

#content { 
			width: 850px;
			margin: 0px auto;
			padding: 0px; 
			min-height: 100%;

			 }		
#rightcolumn   {  position:relative;/*ie needs this to show float */
		width:270px;
		float:left;
		margin: 5px 10px 20px 10px;
        padding: 0px;
		text-align: left;
		min-height: 100%;
			}

#maincolumn {
		position:relative;/*ie needs this to show float */
		width:530px;
		float:left;
		margin: 5px 20px 20px 10px;
		padding: 0px 0px 20px 0px;
		text-align: left;
		min-height: 100%;
		}		

/************ FOOTER **************************/
#footer {
	clear: both;
	height: 100px;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
	font-style: italic;
	font-size: 11px;
	width: 850px;
}
/************ TEXT FORMATTING **************************/
a, a:active, a:visited {
	color: #2B6598;
	text-decoration: none;
}
a:hover{
	color: #555;
	text-decoration: underline;
}

a.white, a.white:active, a.white:visited {
	color: #fff;
	text-decoration: none;
}
a.white:hover{
	color: #fff;
	text-decoration: underline;
}

h1 {
	font-size: 17px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 2px;
	color: #fff;
	border-bottom:1px dotted #fff;
	line-height: 130%; 
}
h2 {
	font-size: 17px; 
	font-weight: bold;
	color: #2B6598;
}

h3 {
	font-size: 15px; 
	font-weight: normal;
	padding-bottom: 1px;
	padding-top: 1px;
	color: #333;
}

.quote {
	font-size: 11px; 
	font-weight: normal;
	font-style: italic;
	color: #666;
	line-height: 130%;
}


ul { list-style-type: none; margin-top: 0px; margin-left: 40px; margin-right: 10px; margin-bottom: 2px; padding: 0px;  }
li { list-style: outside url(../images/bullet.gif); margin-left: -18px;  }

.white {color: #fff;}

/************ horizontal menu **************************/


.tabs ul{
margin: 0;
padding: 0;
font: normal 10px Verdana;
position:relative;
}

.tabs li{
display: inline;
list-style: outside url(../images/bullet_w.gif);
margin-left: 0px; 

}

.tabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 12px 7px 12px; /*padding inside each tab*/
color: white;
background: #FF9900; /*background of tabs (default state)*/
/*border-right: 2px solid #666666; right divider between tabs*/
}

.tabs li a:hover, .tabs li.selected a{
color: #000;
background: #fff; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


/************ OTHER **************************/

.clear { clear: both; }

select, input, menu, list, form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form {
	padding: 2px;
	margin: 0px;
}

.img {border-width: 2px;
	border-style: solid;
	border-color: #ccc; }
hr {
	color: #ccc;
	border-style: solid;
	background-color: #ccc;
	height: 1px;
	}
  /**************************
ORANGE rounded corners with border
**************************/
  
    .c1, .c2, .c3, .c4{font-size:1px; overflow:hidden; display:block;}
  .c1 {height:1px; background:#FF9900; margin:0 5px;}
  .c2 {height:1px; background:#FF9900; border-right:2px solid #FF9900;
         border-left:2px solid #FF9900; margin:0 3px;}
  .c3 {height:1px; background:#FF9900; border-right:1px solid #FF9900;
         border-left:1px solid #FF9900; margin:0 2px;}
  .c4 {height:2px; background:#FF9900; border-right:1px solid #FF9900;
         border-left:1px solid #FF9900; margin:0 1px;}
  .border {background-color: #FF9900; background-repeat: repeat-x; border-right:1px solid #FF9900;
         border-left:1px solid #FF9900; padding-top:1px; padding-bottom:1px; padding-right:5px; }
  .border div {margin-left: 5px; color: #fff; } 
  
    /**************************
rounded corners with border
**************************/
  
    .g1, .g2, .g3, .g4{font-size:1px; overflow:hidden; display:block;}
  .g1 {height:1px; background:#ccc; margin:0 5px;}
  .g2 {height:1px; background:#fff; border-right:2px solid #ccc;
         border-left:2px solid #ccc; margin:0 3px;}
  .g3 {height:1px; background:#fff; border-right:1px solid #ccc;
         border-left:1px solid #ccc; margin:0 2px;}
  .g4 {height:2px; background:#fff; border-right:1px solid #ccc;
         border-left:1px solid #ccc; margin:0 1px;}
  .gborder {background-color: #fff; background-repeat: repeat-x; border-right:1px solid #ccc;
         border-left:1px solid #ccc; padding-top:1px; padding-bottom:1px; padding-right:5px; }
  .gborder div {margin-left: 5px; color: #333; }