
/* styles for About Us pages - 09/16/09 */



/* side menus for static content pages (about us, etc.) */
.side-menu {width: 100%; background: #f2f2f2; padding: 0; margin: 0;}
.side-menu h3 {color: #fff; padding: 5px 8px 2px 8px; margin: 0; background: #005495; border-bottom: 2px solid #347eb7; font-size: 12px;}
.side-menu ul {padding: 5px 0 5px 0; margin: 0 0 0 0; list-style: disc; border: 1px solid #ddd; border-top: none;}
.side-menu ul li {padding: 0 0 0 0; margin: 0 0 0 20px; color: #aaa;}
.side-menu ul li a {line-height: 18px; font-size: 11px; text-decoration: none; display: block; padding: 0; font-weight: bold; height: 18px; color: #1a6eaf;}
.side-menu ul li a:hover {background: transaprent; color: #000;}
.side-menu ul li ul {margin: 0; padding: 0; border: none;}
.side-menu ul li ul li a {font-weight: normal; padding: 0 0 0 20px; font-size: 11px; height: 18px; line-height: 18px;}


/* content styles */
#static_wrap {width: 100%; padding-top: 5px;}
#static_sidebar {float: left; width: 174px;}
#static_main {float: right; width: 597px; padding-top: 10px;}
#static_main {font-size: 11px; color: #555; line-height: 1.4em;}
#static_main h2 {margin: 0; padding: 0; border-bottom: 1px dotted #ccc; font-size: 18px; color: #000;}
#static_main p.header-desc {color: #444; font-size: 11px; margin: 0; padding: 2px 0 25px 0; font-style: normal;}
#static_main p {padding: 0 0 15px 0; margin: 0; font-size: 11px; color: #555;}
#static_main h3 {font-size: 11px; margin: 20px 0 10px 0; padding: 3px 6px 2px 6px; color: #fff; background: #666; border-bottom: 2px solid #aaa;}
#static_main dl {margin: 0 0 12px 0; padding: 0;}
#static_main dl dt {padding: 0; margin: 0; font-size: 13px; font-weight: bold; color: #f05822; color: #000;} 
#static_main dl dd {padding: 1px 0 0 0; margin: 0; color: #444;}
#static_main dl dd p {font-size: 11px; padding: 0 0 10px 0; margin: 0;}
#static_wrap a:link, #static_wrap a:active, #static_wrap a:visited, #static_wrap a:hover {color: #1a6eaf;}


/* contact page */
.contact-person-container {margin-bottom: 10px; margin-top: 10px;}
.contact-person-outer {width: 185px; margin-right: 13px; float: left; margin-bottom: 20px; border-top: 1px solid #ddd;}
.contact-person-inner {padding: 5px 20px 2px 46px; background-repeat: no-repeat; background-position: 0 6px;}
.contact-person-inner.sean {background-image: url(/images/about/contact_sean.png);}
.contact-person-inner.kray {background-image: url(/images/about/contact_kray.png);}
.contact-person-inner.tyler {background-image: url(/images/about/contact_tyler.png);}
.contact-person-inner.mike {background-image: url(/images/about/contact_mike.png);}
.contact-person-inner.mo {background-image: url(/images/about/contact_mo.png);}
.contact-person-inner.karin {background-image: url(/images/about/contact_karin.png);}
.contact-person-outer h4.name {color: #000 !important; font-size: 11px !important; font-weight: bold; margin: 0; padding: 0;}
.contact-person-outer .title {color: #888; font-size: 10px; display: block; line-height: 10px;}
.contact-person-outer .email {display: block; margin-top: 5px;}
.contact-person-outer .email a {font-size: 10px; font-weight: bold;}
.contact-person-outer .icons {display: block; margin-top: 6px;}
.contact-person-outer .icons a {margin-right: 1px;}
.contact-person-outer .icons a img {border: 0 none;}
.contact-person-outer .phone {font-size: 10px; color: #000; font-weight: bold; display: block; /* padding-left: 12px; background: url(/images/about/icon_phone.png) top left no-repeat; line-height: 18px;*/ line-height: 18px;}

ul.contact-emails {margin: 10px 0 0 0; padding: 0 0 0 20px;}
ul.contact-emails li {margin-bottom: 15px; line-height: 12px;}
ul.contact-emails li h4 {color: #000; margin: 0; padding: 0; font-size: 11px;}


/* media page */
ul.media-news {margin: 0 0 0 10px; padding: 5px 0 0 10px; list-style: none;}
ul.media-news li {margin: 0 0 10px 0; padding: 0 0 0 20px; background: url(/images/about/newspaper_icon.png) no-repeat; padding-left: 20px;}
a.media-news-title:link, a.media-news-title:visited, a.media-news-title:active, a.media-news-title:hover {font-size: 12px; font-weight: bold; text-decoration: none; }
.media-news-date {line-height: 16px; color: #555; font-size: 9px; display: block;}