/*universal*/
a img{
	border:none;
}



/* css styling for the top of interior pages (above the blue menu strip) */


.top_area_wrapper {
	background-image:url('../images/interior_top_bg_gradient.jpg');
	background-repeat:repeat-x;
	width:100%;
	height:187px;
}

.top_area {
	width: 825px;
	margin-left:auto;
	margin-right:auto;
}

.top_logo{
	float:left;
}

.top_navs {
	float:right;
}

.top_navs img {
	padding:6px 0 0 0;
}


.text_size_select {
	float: right;	
	font-family: Trebuchet MS, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #37939b;
	text-decoration:none;
	margin:157px 20px 0px 0px; /*top,right,bottom,left*/
		/*border-style: solid;
		border-width: 1px;
		border-color: yellow;*/
}

.small_caps {
	font-size: 12px;
	font-variant: small-caps;
	color: #afbd21;
}

.text_size1_color {
	font-size: 13px;
	color: #afbd21;
}

.text_size2_color {
	font-size: 14px;
	color: #afbd21;
}

.text_size3_color {
	font-size: 15px;
	color: #afbd21;
}

.main_content_wrapper {
	width: 100%;
	background-image:url('../images/gradient_beneath_menu.png');
	background-repeat:repeat-x;
	height: 40px;
		/*border-style: solid;
		border-width: 1px;
		border-color: yellow;*/
	
}

.main_content {
	clear: both;
	width: 825px;
	margin-left:auto;
	margin-right:auto;
	font-family:Trebuchet MS, sans-serif;
	background-color:transparent;

}




.left_col {
	width: 25%;
	background-color:transparent;
	float:left;
	text-align:center;
	font-size:16px;
}

.left_col h1 {
	font-size:35px;
	color:#ff9900;
}

.left_col a.big {
	font-size: 18px;
}
/* i dont think this is used
.left_col a.little {
	font-size: 15px;
}
*/


.left_col a {
	font-size: 16px;
	text-decoration:none;
	display:block;
}
.left_col a.blue {
	color: #009999;
	padding-top:6px;
}
.left_col a.green {
	color: #669933;
	padding-top:6px;
}
.left_col a.gray {
	color: #999999;
	padding-top:6px;
}
.left_col a.blue3 {
	color: #009999;
	font-size:13.5px;
}
.left_col a.green3 {
	color: #669933;
	font-size:13.5px;
}
.left_col a.gray3 {
	color: #999999;
	font-size:13.5px;
}
.left_col a.black3{
	color: #333333;
	font-size:13.5px;
}

/* why doesn't this inherit from universal a:hover in universal.css? */ 
.left_col a:hover{
	color:#ff9900;	
}



.right_col {
	width: 75%;
	background-color:transparent;
	float:right;
}
.right_col .newsclass{
	padding:0 0 0 20px;
}

.right_col p {
	text-align:left;
	font-color:#333333;
	font-size:12px;
	line-height:20px;
	margin-left:24px;
	margin-right:24px;
	margin-top:20px;
	margin-bottom:20px;
}

.right_col h3 {
	font-size:19px;
	font-weight:bold;
	padding-top:17px;
	padding-bottom:22px;
	/*border-bottom:2px dotted #ff9900;*/
	background:url(../images/orange_dot.png) repeat-x bottom;
	margin-right:24px;
	margin-left:24px;
}
.right_col .blue h3 {
	color:#009999;
}
.right_col .green h3{
	color:#669933;
}
.right_col .gray h3 {
	color:#999999;
}
.right_col .blue {
	color:#009999;
}
.right_col .green {
	color:rgb(175, 189, 33);
}
.right_col a.blue {
	color:#009999;
}
.right_col a:hover {
	color:#ff9900;
}


/*Form Styles*/

.main table td,th {
	color:#333333;
    font-family:Trebuchet MS,sans-serif;
    font-size:12px;
	vertical-align: top;
}


.main {
   width:600px;
   background:#ffffff;
}

.main table { 
	width:600px;
	text-align:left;
	padding:0px; 
	margin:0px; 
}

.header{
   margin:30px 0 0 0;
   font-size:19px;
   font-weight:bold;
   color:#009999;
}