/*
  ViaWestProp.com page styles
  Author: LogoALL Branding Agency http://logoall.com
    - rev. 8 Mar 10
*/

/*  Handhelds only - see mobil.css
----------------------------------------------- */
#mobilHead {display:none}
#mobilHead ul li {display:none}

/*  Tag Re-declarations
----------------------------------------------- */
* { border:0;margin:0;padding:0}
body {text-align:left; font:12px Georgia, "Times New Roman", Times, serif; color:#555; padding:0; border:0; margin:0; background:#fff}
  
/*  miscellaneous
----------------------------------------------- */ 
.left{float:left}
.margin-top{margin-top:15px}

/*  Layout and Main Defs
----------------------------------------------- */
#wrapper{margin:0px auto; width:783px; background:url('../_img/content_bg.gif') repeat-y;}
#header {width:783px; height:167px; background: url('../_img/logo_bg.gif') no-repeat}
#navwrapper {text-align:center; margin:0px auto; width:783px}
#contentWrapper {overflow:hidden; margin:0px auto; width:783px; clear:left}
#imgBar {background:url('../_img/imgBar.jpg') no-repeat; width:783px; height:193px; margin:10px 0}
#footer {text-align:center;  margin:0px auto; background:url('../_img/footer.gif') top no-repeat; width:783px; height:auto; min-height:150px}
#footer p {font-size:.9em; padding-top:20px; font-family:Arial, Helvetica, sans-serif}
#footer p.disclaimer {font-size:.75em; padding:20px 20px 0 20px; text-align:left; line-height:1.6; color:#888}
#footer a, #footer a:hover {text-decoration:underline; color:#666}

/* SubNav Definitions
----------------------------------------------- */
#subNav {margin:4px 24px; padding-bottom:5px; border-bottom:2px solid #abb6ba; color:#999; font:0.8em verdana, helvetica, arial}
#subNav span {color:#666; font:bold 1.15em verdana, helvetica, arial}
#subNav span a:link, #subNav span a:visited {color:#666; text-decoration:none}
#subNav a:link, #subNav a:visited {color:#999; text-decoration:underline}
#subNav a:hover{color:#903; text-decoration:none}

/*  Main Content Definitions
----------------------------------------------- */
#content {text-align:justify; padding:10px 0 0 24px; overflow:hidden; float:left; width:737px}
#content p {color:#555; text-align:justify; padding:0 0 10px 0; line-height:1.8; font-weight:500}
#content a:link, #content a:visited {color:#666; text-decoration:underline}
#content a:hover {color:#000; text-decoration:none}
#content h1 {font-weight:bold; color:#903; font-size:1.2em; font-variant:small-caps}
#content h2 {padding-bottom:4px; font-weight:bold; color:#903; font-size:1em} 
#content ul + h2 {margin-top:10px}
#content h3 {color:#000; font-size:1em; font-weight:bold; text-transform:uppercase}
#content .keywords {font-weight:bold; color:#903; font-size:1.2em; font-variant:small-caps}

#content em {font-size:1.03em; color:#000}
#content strong {color:#333}

#content .bio img {float:right; padding:5px 0 10px 20px}
#content .map img {float:right; padding:5px 0 10px 20px}
#content .backtotop a {font-size:.8em; font-weight:bold; float: right; margin: 5px 0 10px; padding: 0 15px 0 0}
#content .pressResource {font-family:verdana, helvetica, arial, sans-serif; text-indent:7px; padding:0 0 15px 20px; text-transform:uppercase; color:#b7b7b7; font-size:.8em; font-weight:bold}
#Lcol {margin-left:20px}
#Rcol {float:right; margin-right:20px}


/*  microformats.org hCard
----------------------------------------------- */
div.vcard {padding-bottom:15px}
div.adr {padding-bottom:15px}
div.org {font-weight:bold}

/*  Lists and how they look
----------------------------------------------- */
#content ul {padding:0 0 10px 0}
#content ul li {line-height:1.5; list-style-type:none; color:#666; text-indent:14px; background: url('../_img/bullet2.gif') no-repeat 8px 5px; padding:0 0 10px 7px}
#content li a {font-size:1em; text-decoration:underline; color:#666}
#content li a:hover {text-decoration:none; color:#333}
li .plain {list-style-type:none; background:none}


/* Home PDF Area
----------------------------------------------- */
#content .teaser h5 {margin-bottom:8px; padding-top:5px; height:24px; background:url('../_img/teaser_bg.gif') repeat-y; border-bottom:1px dashed #666; border-top:1px dashed #666; font:12px Georgia, "Times New Roman", Times, serif;  
  text-indent:5px}
#content .teaser h5 a {color:#333; text-decoration:underline; font-size:.9em}
#content .teaser h5 a:hover {color:#903; text-decoration:none}



/* DropDown Nav - who hates these? ME ME ME, but when requested...
/* style the outer div to give it width
----------------------------------------------- */
.menu {width:783px; font-size:0.85em; padding-bottom:15px; voice-family: "\"}\""; voice-family:inherit; padding-bottom:0}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none}
.menu li li a {font-weight:200; font-size:12px; color:#666}

.menu ul ul {width:120px}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {text-align:center; float:left; width:130px; position:relative; line-height:1}

/* style the links for the top level */
.menu a {font-weight:800; display:block; font-size:15px; text-decoration:none; color:#666; width:104px; height:35px; background:#fff}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:120px; w\idth:119px}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; width:120px; top:35px; left:0}

/* another hack for IE5.5 */
* html .menu ul ul {top:26px; t\op:30px}

/* style the IE table so that it takes no part in the layout - required for IE to work */
table {position:absolute; top:-1px; left:0}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul, .menu ul a.currentPage:hover ul {visibility:visible; }

/* style the second level links
----------------------------------------------- */
.menu ul ul a, .menu ul ul a:visited {text-align:left; background:#ccc; 
  color:#000; 
  height:auto; 
  line-height:1; border-bottom:1px solid #fff; margin:0; padding:5px 10px}
/* yet another hack for IE5.5 */
* html .menu ul ul a {width:104px; w\idth:103px}
/* style the top level hover */
.menu a:hover {color:#903; 
  background:none}
.menu :hover > a {color:#903; background:none}
.menu ul ul a:hover {color:#fff; 
  background:#333}
.menu ul ul :hover > a {color:#fff; background:#333}


/* added later in dev for use with 'new' :( subnav 
.menu ul a.currentPage, .menu ul a.currentPage:visited {background:#903; color:#fff}
.menu ul a.currentPage:hover {background:#903; color:#ccc}
.menu ul :hover > a.currentPage {background:#903; color:#ccc}
*/





/* good lord...end of menu */



/* form Definitions
----------------------------------------------- */
#contactForm {clear:both; margin-top:26px}
form {clear:both; font:12px verdana, helvetica, arial, sans-serif; color:#333; background:#f6f6f6; border:1px solid #903; padding:25px 0 5px 10px}
input, textarea, select {margin:0; padding:3px; border:1px solid #ccc; font:1.1em verdana, helvetica, arial, sans-serif}
#txtMessage {width:400px; height:150px}
.required {font:bold 1.2em verdana, helvetica, arial, sans-serif; color:#903}
.error {background-color:#903; font:bold 0.9em verdana, helvetica, arial, sans-serif; color:#fff; padding:3px}

/*  Thats the End!    Seriously... go!
----------------------------------------------- */