/* BEGIN: Reset all styles */
/* This is taken from YUI Reset (v2.5.0) http://developer.yahoo.com/yui/reset/ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin: 0;padding: 0;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal;font-weight: normal;}
ol, ul{list-style: none;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: small;font-weight: normal;}
q:before, q:after{content: '';}
abbr, acronym{border: 0;}
/* END: Reset all styles */

/* BEGIN: Clearing floats */
/* Apply the 'cf' class to any elements that should expand to contain floated descendant elements */
/* http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
.cf:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cf{display: inline-block;}
.cf{display: block;}
* html .cf{height: 1px;}
/* END: Clearing floats */

/* General layout */
body{background-color:#660066;margin:5px 0}
a,p{font-family:Arial;font-size:12px}
em{font-style:italic}
h1{color:#cc9900;font-family:Verdana,Arial;font-size:16px;font-weight:bold;padding:0 0 10px}
#Outer{margin:0 auto;position:relative;width:900px}
#Main{background-color:#fff;padding:10px 0;width:900px}

/* Toolbar */
#Toolbar{margin:10px}
#Toolbar a{color:#000;text-decoration:none}
#Toolbar a:hover{text-decoration:underline}
#Toolbar p{text-align:center}
#Toolbar p img{border:0}
#Toolbar ul{margin:10px 0}
#Toolbar .menuItem{background:transparent url(/resources/images/toolbar-button-bg.gif) no-repeat;display:block;float:left;height:25px;margin:0 9px;text-align:center;width:128px}
#Toolbar .menuItem a{font-weight:bold}

/* Content */
#Content{border:solid 1px #666;margin:10px 19px 10px;padding:10px}
#Content a{color:#cc9900;font-weight:bold}
#Content a:hover{text-decoration:none}
#Content p{font-size:13px;padding:0 0 8px}
#Strapline{color:#cc9900;text-align:center}
#Strapline img{vertical-align:bottom}
.contact img{float:left;padding:0 5px 0 0}

/* Member */
#Content .member a{color:#660066}
#Content .member ul{padding:0 0 8px}
#Content .member .details{border:solid 1px #999;display:none;margin:0 0 8px;padding:10px}
#Content .member .details a{color:#cc9900}
#Content .member .show{background:transparent url(/resources/images/down-arrow.gif) no-repeat left top;padding:0 0 2px 30px}
#Content .member .hide{background:transparent url(/resources/images/up-arrow.gif) no-repeat left top;padding:0 0 2px 30px}

/* Footer */
#Footer{margin:5px 0 0}
#Footer p{color:#fff;font-style:italic;font-size:10px;text-align:center}

/* Location */
#Directions{float:left;width:360px}
#Directions .direction{width:350px}
#OfficeLocation{float:left;width:150px}
#OfficeImg{float:right}
#OfficeImg img{border:solid 2px #cc3333}
#Map{float:right}

/* Contact */
#Contact{float:left;width:510px}
#Map{float:right}