﻿#page {
	width: 960px;
	margin: 0 auto;
	}

hr {
	color: #666; background: #999;
	border: none;
	}

#accessibility {
	display: none;
	}

ul.block {
	margin: 0 0 15px 0; padding: 2% !important;
	width: 96%;
	list-style: none;
	float: left;
	border: 1px solid #ccc;
	}

ul.block li {
	margin: 0 0 5px 0 !important; padding: 0;
	display: block;
	width: 160px;
	float: left;
	}

ul.block li a {
	background: url(/img/gbl/dir_list.gif) no-repeat 0;
	padding-left: 10px;
	}

body
{
	background: #fff url(/img/gbl/bg-html.gif) repeat-x;
	color: #000000;
	font: 12px arial, helvetica, geneva, lucida, 'lucida grande', sans-serif;
	margin: 0 20px;
	padding: 0;
}
a:link, body_alink
{
	color: #0000FF;
}
a:visited, body_avisited
{
	color: #0000FF;
}
a:hover, a:active, body_ahover
{
	color: #2B6BAF;
}
.page
{
	background: #FFFFFF;
	color: #000000;
}
td, th, p, li
{
	font: 12px arial, helvetica, verdana, geneva, lucida, 'lucida grande', sans-serif;
}

textarea, .bginput
{
	font: 12px arial, helvetica, verdana, geneva, lucida, 'lucida grande', sans-serif;
}
.button
{
	font: 11px arial, helvetica, verdana, geneva, lucida, 'lucida grande', sans-serif;
}
select
{
	font: 11px arial, helvetica, verdana, geneva, lucida, 'lucida grande', sans-serif;
}
option, optgroup
{
	font-size: 11px;
	font-family: arial, helvetica, verdana, geneva, lucida, 'lucida grande', sans-serif;
}
.smallfont
{
	font: 11px arial, helvetica, verdana, geneva, lucida, 'lucida grande', sans-serif;
}
.navbar
{
	font: 11px arial, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

legend
{
	font: 11px arial, helvetica, verdana, geneva, lucida, 'lucida grande', sans-serif;
}

/*  Site Branding (Header)
==============================================================

  These style control the header styles (Logo, tagline). To 
  add a linked logo, use image replacement technique to 
  replace the h3's a tag.

------------------------------------------------------------*/

#branding {
	height: 85px;
	position: relative;
	background: #0099AB url(/img/gbl/bg-html.gif) repeat-x 0 -5px; color: #fff;
	border-top: 5px solid #0D3C6F;
	}

	#branding-inner {
		padding: 0px 0;
		}

	#branding-logo h3 {
		margin: 0; padding: 0;
		height: 85px; width: 290px;
		background: transparent url(rew-logo.gif) no-repeat;
		text-indent: -3000px;
		}

	#branding-tagline p {
		margin: 0; padding: 0;
		position: absolute;
		right: 20px; top: 30px;
		color: #fff;
		}

/*  Navigation
==============================================================

  This space is reserved for styles that control the 
  navigation of the site. #navigation-site is normally the top
  nav, #navigation-secondary is often the "side" navigation.
  Main navigation links must have individual IDs on the LI tag 
  to facilitate image-replacement techniques.

------------------------------------------------------------*/


#navigation {
	}

#navigation-primary {
	width: 100%; height: 29px;
	overflow: hidden;
	position: relative;
	background: #0D3C6F;
	padding: 5px 0 0 0;
	}

	#navigation-primary ul {
		margin: 0 0 1px 0; padding: 0;
		list-style: none;
		}
        
    *html #navigation-primary li {
        margin:1px 5px 0 0;
        }    
        
	#navigation-primary li {
		margin: 0 5px -1px 0; padding: 0;
		float: left; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}

		#navigation-primary a {
			float: left;
			text-decoration: none;
			background: #0099AB url(/img/gbl/bg-nav.gif) 0 bottom; color: #fff;
			padding: 7px 12px; margin: 0 2px 0 0;
			}

		#navigation-primary a:hover {
			background: #2B61AF;
			}

		#navigation-primary .current a, #navigation-primary .current a:hover {
			background: #fff url(/img/gbl/bg-nav-a.gif) repeat-x !important; color: #333;
			}
			
		#navigation-primary .current-green a, #navigation-primary .current-green a:hover {
			background: #fff url(/img/gbl/bg-nav-b.gif) repeat-x; color: #333;
			}

			#nav-forums a {
				position: absolute;
				right: 0;
				background: #9AB545 url(/img/gbl/bg-nav-feat.gif) 0 bottom;
				}

			#nav-directory a {
				position: absolute;
				right: 66px;
				background: #9AB545 url(/img/gbl/bg-nav-feat.gif) 0 bottom;
			}

			#nav-forums a:hover, #nav-directory a:hover, #nav-community a:hover {
				background: #6C9116;
				}

	#navigation-secondary {
		background: #CFE5FF;
		float: left;
		width: 100%;
		margin-top: 5px;
		}

	#navigation-secondary-inner {
		padding: 3px;
		}
	
		#navigation-secondary h4 {
			font-size: 100%;
			margin: 0; padding: 3px 9px;
			border: 1px solid #ccc;
			border-bottom-width: 2px;
			background: #eee;
			}

		#navigation-secondary ul {
			list-style: none;
			margin: 0 0 10px 0; padding: 0;
			}

			#navigation-secondary li {
				list-style: none;
				padding: 3px 9px;
				float: left;
            	font-family:Verdana, Arial, Helvetica, sans-serif;
				}

				#navigation-secondary a {
					text-decoration: none;
					float: left;
					}

		#content-secondary h4 {
			font-size: 100%;
			margin: 0; padding: 3px 9px;
			border: 1px solid #ccc;
			border-bottom-width: 2px;
			background: #eee;
			}

		#content-secondary ul {
			list-style: none;
			margin: 0 0 10px 0; padding: 0;
			}

			#content-secondary li {
				list-style: none;
				padding: 3px 9px;
				border: 1px solid #ccc;
				border-top: none;
				}

				#content-secondary a {
					text-decoration: none;
					}
#content-primary {
    float: left;
    margin-right: 200px;
}

#content-primary-inner {
	padding: 15px 0;
}

#content-secondary {
    width: 200px;
    float: left;
    margin-left: -200px;
}

#content-secondary-inner {
    padding: 15px 0 0 10px;
}

.clear {
    clear: left;
}

.feedback {
    border: 1px solid #DFDCD1;
    padding: 15px; margin: 0 0 15px 0;
    background: #FFFBCF;
}

.feedback h4, .feedback p {
    padding: 0;
    margin: 0 0 10px 0;
}

#breadcrumbs {
    padding: 0 0 15px 0;
    font-size: 11px;
	display:block;
}

#breadcrumbs ul {padding:0;margin:-5px 0 0 10px;}

#breadcrumbs li {
    list-style:none;
	margin:3px 14px 2px 0;
	float:left;
	padding-left:20px;
	background:url(../../images/li-bg.gif) no-repeat left;
}


h1 {
    font-weight: normal; padding: 0; margin: 0 0 15px 0; font-size: 21px;
}

h2 {
	position: relative;
	clear: left;
	padding-left: 26px;
	font-weight: normal;
	color: #0D3C6F;
	font-size: 13px;
	text-decoration: underline;
	margin-top: 15px;
	background: url(rew-logo.gif) 0 0 no-repeat;
	}

h2.home {background:url(rew-logo.gif) left no-repeat;padding-left:26px;}

h4 {
    color:#0D3C6F;font-size:13px;
}


.vbmenu_popup {
    border: 1px solid #ccc;
    border-bottom-width: 2px;
}

.vbmenu_popup td,
.vbmenu_popup .tborder,
.vbmenu_popup .vbmenu_option {
    background: #fff; color: #333;
    padding: 2px 8px;
}

.vbmenu_option a, .vbmenu_popup a {
    color: #333 !important;
    text-decoration: none;
}

.vbmenu_option a:hover, .vbmenu_popup a:hover {
    color: #555 !important;
}

#login-form label {
    display: block;
}

#login-form input {
}

.msg {
    border: 1px solid #ccc;
    padding: 10px; margin: 0 0 10px 0;
}

/* Styles for the featured agent information */

#featured_agent {
position:relative;
width:auto;
height:auto;
}

#agent {
position:relative;
width:auto;
height:auto;
border:1px solid #cacaca;
background:#fff url(../../images/agentbg.jpg) repeat-x;
padding:2px;
margin:0 0 20px 0;
}

#agentpic {
position:relative;
width:auto;
height:93px;
float:left;
margin-top:10px;
margin-right:10px;
margin-left:10px;
border:1px solid #CCC;
}

#agentpic img {
    max-width: 300px;
    height: 93px;
}

#agent-buttons {
position:relative;
float:right;
width:auto;
height:auto;
margin:3px 10px 10px 0;
padding:5px;
}

#agent-buttons li {
list-style:none;
margin:0 0 6px 0;
padding-left:20px;
background:url(../../images/li-bg.gif) no-repeat left;
}

#agent p {position:relative;width:auto;padding-left:10px;padding-right:10px;padding-top:2px;color:#222;font-size:12px;line-height:14px;text-align:left;}
#agent p a {color:#1A508C;text-decoration:none;}
#agent p a:hover {color:#222;}

fieldset {
	border: 1px solid #ccc;
	}

hr {
	border: none;
	background: #ccc;
	color: #ccc;
	}