/* 

green 009655
red bf0000
 */

*, html, body {padding:0; margin:0;}

html, body {height:100%; width:100%;}
/*html {background-color:#664420;}*/
body {text-align:center; color:#000; background:url(../coreimg/bg_tile.gif) repeat-x center -42px #664420; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body#iframe {background:url(../coreimg/iframe_header.gif) repeat-x center top;}
#wrapper {position:relative; width:100%; height:auto !important; height:100%; min-height:100%; background:url(../coreimg/bg_graphic.gif) no-repeat bottom left;}
#iframe #wrapper {background-image:none;}
#container {width:1000px; margin:0 auto; padding:0 0 235px 0;}
#iframe #container {padding-bottom:0px;}
#header {height:223px; background:url(../coreimg/header_bg.gif) no-repeat center top; text-align:left}
#iframe #header {background-image:none;}
#header .logo {position:absolute; margin:25px 0 0 80px; border:none;}
#headerstrip .logo {position:absolute; margin:5px 0 0 160px; border:none;}
#header a img.logo, #header img.logo a {text-decoration:none; border:none;}
#flashcontent {width:575px; height:240px;position:absolute; margin-left:410px; text-align:right;}

/*#flashcontent {width:590px; height:240px; float:right; text-align:right;}
#flash {width:558px; height:240px;}*/

#main {padding-top:15px;background:url(../coreimg/main_top_bg.gif) no-repeat center top #fff;}
#iframe #main{background-image:none; background-color: transparent;}
#nav {clear:both; height:28px; line-height:18px; font-size:12px; /*padding-top:10px;*/}
#nav a {text-decoration:none; margin:0 15px;}
#nav a:link, #nav a:visited {color:#000;}
#nav a:hover, #nav a:active {color:#fff;}

#nav a.currentmembership {font-weight:bold; color:#bf0000;}
#nav a.currentmembership:link, #nav a.currentmembership:visited {color:#bf0000;}
#nav a.currentmembership:hover, #nav a.currentmembership:active {color:#fff;}

/* * when the page with body id of "about" is open, then a selector with a class of "currentabout" inside div with id of #nav needs to be white  * */
body#home #nav a.currenthome,

body#about #nav a.currentabout,
body#branches #nav a.currentbranches,
body#members #nav a.currentmembers,
body#catalogue #nav a.currentcatalogue,
body#indsupplies #nav a.currentindsupplies,
body#membership #nav a.currentmembership,
body#suppliers #nav a.currentsuppliers {color:#fff;}

.homecolLeft {float:left; width:570px;}
.homecolRight {float:right; width:350px;}

.columnhalf {float:left; width:350px; margin-right:20px;}
.leftcolumn {width:445px; margin:0 25px 15px 0; float:left;}
.leftcolumnC {width:365px; margin:0 25px 15px 0; float:left;}
.rightcolumnC {width:545px; margin:0 0 15px 0; float:right;}


.content {padding:20px 30px; text-align:left;background:url(../coreimg/fingerprints.jpg) no-repeat center bottom;}

#frame {border:none;}

/* * sub nav **/
.subnav {margin:0 0 10px 0;}
.subnav a {margin:0 20px 0 0;}
p.subnav a:link, p.subnav a:visited, #wrapper a.red:link,#wrapper a.red:visited  {color:#bf0000; border-bottom:1px solid #D98683;}
p.subnav a:hover, p.subnav a:active, #wrapper a.red:hover, #wrapper a.red:active {color:#009655; border-bottom:1px solid #009655;}

/* * footer * */
#footer {margin-top:5px; color:#fff; text-align:center; font-size:10px; }
#footer a:link, #footer a:visited {color:#fff;}
#footer a:hover, #footer a:active {color:#000;}
#footer span {margin:0 10px;}

#graphicfooter {position:absolute; bottom:0; left:0; width:100%; height:230px; background:url(../coreimg/bg_silhouette.gif) no-repeat left top;}
#footerbase {width:100%; background-color:#442911; height:92px; margin-top:139px;}

/* *  home buttons * */
ul.buttons {padding:0; margin:0; list-style:none; height:70px;}
ul.buttons li {display:in-line; float:left; list-style:none;margin:10px;}
ul.buttons li a {display:block; height:43px; width:167px;  font-size:16px; font-weight:bold; text-align:center; line-height:43px;}
ul.buttons li a:link, ul.buttons li a:visited {background:url(../images/button.gif) no-repeat center top; color:#fff; border:none;}
ul.buttons li a:hover, ul.buttons li a:active {background:url(../images/button_over.gif) no-repeat center top; color:#fff;  border:none;}

/* * columns * */
.wrapper div {float:left; width:215px; /*height:175px; */margin:0 20px 15px 0;}
.profilewrapper div {float:left; width:215px; height:210px; margin:0 20px 15px 0;}


/* * +=== GENERAL STYLING === * */
.content a:link, .content a:visited {color:#000; border-bottom:1px solid #ccc;}
.content a:hover, .content a:active {color:#009655; border-bottom:1px solid #A4E099;}


a {text-decoration:none;}
p {line-height:1.5; padding:0 0 15px 0;}

body#profile h1 {border:none;}
h1, h2 {font-weight:normal; color:#000; border-bottom:1px solid #008348; padding:0 0 2px 0;}
h1 {font-size:23px; margin:0 0 30px 0;}
h2 {font-size:18px; margin:0 0 20px 0;}

/*body#branches h2 {border-bottom:1px solid #bf0000; color:#bf0000;}*/

h3 { font-size:12px; color:#009655; line-height:1.5;}
.wrapper h3 a:link, .wrapper h3 a:visited  {color:#009655; border-bottom:1px solid #D4EFCF;}
.wrapper h3 a:hover, .wrapper h3 a:active {color:#bf0000; border-bottom:1px solid #D98683;}

body#branches .content a img.mapicon, body#branches .content img.mapicon  a{border:none; border-bottom:none; text-decoration:none;}

ol, ul { margin: 0 0 0 20px; line-height:1.2;}
li {margin:0 0 10px 0;}



.clear {clear:both;}
.small {font-size:10px;}
.top {text-align:right; font-size:10px;}
.indent {padding:0 20px;}
.spacerR20 {margin-right:20px;}


.brown {color:#664420;}
.red {color:#bf0000;}

.logos div{text-align:center;}
.logos div img {display:block;  width:150px; height:150px; margin:15px 15px 15px 5px; border:1px #1EC77B solid;}

.flyer {float:left; width:100px;padding:0 30px 0 0;}
img.flyer{padding:5px 5px 5px 5px; margin-right:20px; border-top:1px solid #ccc; border-left:1px solid}


img.profilepic, img.floatleft {padding:5px 5px 35px 5px; margin-bottom:20px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #666; border-right:1px solid #666; }
img.floatleft {margin-right:20px; float:left;}
img.catalogue {	float:left;	margin:26px 15px 0 0;}