/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0;  font-size:100.01%; font-family: Arial, Verdana, Helvetica, Tahoma, Geneva, _Sans, sans-serif;  color: #4e4e4e;  text-align:center; background:url(../img/bg/band-inside.gif) repeat-x center 68px}
body#homePage {background-image:url(../img/bg/band.gif)}
* { margin: 0; padding:0;}

.l {float: left; }
.r {float: right;}
ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
img {border: 0}
a {text-decoration: none;}
.toDo {background: yellow;}

/*.................................................. WRAP ALL ................................................*/
#wrapper {margin: 0 auto; width:683px; font-size: 0.8em; text-align: left; }
table {border-collapse:collapse}
/*header*/
#header {padding: 10px 10px 6px 10px; float:left; width: 663px; clear: both;}
#header h1 {float: left; display:inline;}
#header ul {float: right;}
#header ul li {margin: 0 5px 0 0; display:inline; float:left;}
#header ul li.textLink {padding-top: 15px;}
#header ul li.textLink a {color: #c8c8c8; font-size: 0.85em; text-transform:lowercase; font-weight:bold;}
#header ul li.textLink a:hover {color: #e12317}
#header ul li.textLink.home a {padding: 0 0 0 15px; background: url(../img/icons/home.gif) no-repeat 0 1px;}
#header ul li.textLink.contactUs a {padding: 0 0 0 15px; background: url(../img/icons/contact-fullstream.gif) no-repeat 0 3px}
/**/

/*Main Menu*/
ul#mainmenu {border-bottom: 1px solid #cec286; float:left; width: 683px; font-size: 1.1em; background:#3b1314}
ul#mainmenu li {display: inline; float:left; color: #fff}
ul#mainmenu li a {padding: 0.5em 2.82em; background: url(../img/menu/menu-border.gif) no-repeat center right #3b1314; display:block; color:#fff; }
ul#mainmenu li a:hover, ul#mainmenu li.on a {background: url(../img/menu/menu-border.gif) no-repeat center right #cec385; color:#3b1314}
ul#mainmenu li#mainmenu03 a {padding-right: 2.8em; background: #3b1314;}
ul#mainmenu li#mainmenu03 a:hover, ul#mainmenu li.on#mainmenu03 a {background: #cec385; color:#3b1314}
ul#subMenu li {display:inline; float:left; text-align:center; background:#3b1216; color:#fff; text-transform:uppercase; font-size: 0.9em;}
ul#subMenu img {display:block;}
ul#subMenu span {padding: 10px 0; display:block}
ul#subMenu a {color: #fff}
ul#subMenu a:hover {color: #cec385}
ul#menu03 {margin-top: 1px; width: 683px; float:left; background: #6d6069}
ul#menu03 li {float: left; display:inline; text-align:center; font-size: 0.8em}
ul#menu03 li a {padding: 5px 10px; background: url(../img/menu/menu-border.gif) no-repeat center right #6d6069; text-transform:uppercase; display:block; color:#fff;}
ul#menu03 li.on a, ul#menu03 a:hover {background: url(../img/menu/menu-border.gif) no-repeat center right #e12317; color: #fff}
ul#menu03 li#m01 a {padding-left: 14px}
ul#menu03 li#last a {padding-right: 18px; background: #6d6069;}
ul#menu03 li#last a:hover, ul#menu03 li.on#last a {background: #e12317;}

#main {width: 683px; float:left; background:#fff;}
#leftCol {padding: 10px; width: 150px; float:left; font-size: 1.0em }
#leftCol h1 {font-size: 1.3em; }
#leftCol h1 a {color: #e10626; }
#leftColContent {padding: 10px; background: #eee; }
#leftColContent p {color:#232323; font-weight:bold; font-size: 0.9em; line-height: 1.5em}
#leftCol cite {font-size: 0.85em; font-style:normal; }
ul#sideMenu {margin: 0 0 15px 0; clear:both; float:left; width: 100%;}
ul#sideMenu li {border-bottom: 1px dotted #ccc; display: inline; float:left; width: 100%}
ul#sideMenu li.currentSection {padding-left: 0px;}
ul#sideMenu li a {padding: 5px 5px 5px 20px; color: #5d5459; font-weight:bold; background: url(../img/icons/arrow2.gif) no-repeat 8px 8px; display:block}
ul#sideMenu li.currentSection a {padding-left: 5px; color: #e10626; background:none;}
ul#sideMenu li a:hover, ul#sideMenu li.on a {color: #e10626}

#content {padding: 10px; float: left; width: 493px;}
#main.wide #content {width: 100%; padding: 10px 0}
#content h1 {padding: 0px 0 2px 25px; margin: 0 0 8px 0; color: #e10626; font-size: 1.5em; background:url(../img/logos/fullstream-icon-small.gif) no-repeat; font-weight:normal}
#content h1.whatWeDo {background: url(../img/icons/what-we-do.gif) no-repeat 0 3px }
#content h1.ourDifference {background: url(../img/icons/our-difference.gif) no-repeat 0 3px }
#content h1.energyIntoAction {background: url(../img/icons/energy-into-action.gif) no-repeat 0 3px }
#content h1.fullstreamAhead {background: url(../img/icons/fullstream-ahead.gif) no-repeat 0 3px }
#content h1.arrow {background: url(../img/icons/arrow.gif) no-repeat 0 4px }
#content h2 {margin: 16px 0 8px 0; font-size: 1.3em; color:#000}
#content h3 {margin: 8px 0; font-size: 1.0em; color:#666}
#content h3.noMarginTop {margin-top: 0px;}
#content p {margin: 8px 0; line-height: 1.5em}
#content p.backToTop {padding: 0 15px 0 0; background: url(../img/icons/arrow4.gif) no-repeat right 7px; text-align: right; font-size: 0.85em}
#content p.backTo {padding: 0 0 0 12px; background:url(../img/icons/arrow3.gif) no-repeat 0 4px; font-size: 0.85em}
#content a {color: #e10626; font-weight:bold; text-decoration:underline}
#content a:hover {text-decoration: none;}
#content img.r {margin: 0 0 5px 8px; }
#content img.profilePhoto {margin: 0 0 5px 8px; float: right; padding: 3px ; border: 1px dotted #ccc}
#content p.readMore {text-align: right;}
#content h2.readMore {background: url(../img/icons/arrow2.gif) no-repeat 85px center;}

#content ul {padding: 10px 0 0 0 ; margin: 10px 20px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
#content ul li {padding: 0 0 0 13px; margin: 0 0 10px 0;  background: url(../img/icons/arrow2.gif) no-repeat 0 3px; }
#content ul.l { width: 40%; margin-right: 0px; }

#content ol {margin: 0 0 0 20px; padding: 10px 0 0 0 ;border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
#content ol li {margin: 0 0 10px 20px; }

#content table td {float:left; width:170px}
#content table td.map {float:left}

a.viewDiagram {margin: 0 0 10px 10px; float: right;}
a.viewDiagram img {padding: 3px; border: 1px dotted #ccc;}
a:hover.viewDiagram img {border: 1px dotted #666}

/*Reading Room*/
#leftCol #readingRoomList {margin: 10px 0; padding: 10px; font-size: 1.0em; background: #f5f5f5;}
#leftCol #readingRoomList li {margin: 0 0 5px 0; font-size: 0.9em; }
#content ul.readingRoom {margin-right: 0px; margin-left: 0px; padding-left: 0px;float: left; width: 95%;}
#content ul li.bookThumb {background: none; float: left; display:inline; width: 100%; line-height: 1.4em}
#content ul li.bookThumb img {margin: 0 5px 8px 0; float: left; }
.readReview {font-size: 0.85em}
#content ul.readingRoom.review li {padding-left: 0px; background: none;}
img.bookImage {float: left;}
.bookInfo {padding: 0 0 0 10px; float: left; width: 300px;}
form {width: 90%}
select {width: 60%}

fieldset {border: none;}
#readingRoom {margin: 10px 0 0 0; padding: 10px; background: #eaeaea;}
/*Footer*/
p#credits {text-align: right; font-size: 0.85em; float:right;}
p#credits a {padding: 3px 5px; color: #bbb; border: 1px solid #eaeaea; display:block}
p#credits a:hover {color: #e12317}