/* COLOR PALETTE-------------
maroon: #8A0E06; (default color)
dark maroon: #510707 (ad bar, home page connect background)
light maroon: #A52011; (for motto)
dark gray: #383838; (for sidebar links)
medium gray: #606060; (for navbar links)
light gray: #C7C7C7; (for borders)
very light gray: #c8c8c8; (for h1 text color)
purple: #663366;(for textstyle)
brown: #500000;(for box bodytext)
light beige: #ffffcc; (old box background)
light gold: #eddc93; (for box bodytext background)
 */

/* ------------------------------------------ STYLES FOR THE ENTIRE PAGE */
body 	{
	margin: 0;
	padding: 0;
	font: 100% Tahoma, sans-serif;
	background: url(headerimages/rotator.php) no-repeat 0% 0%;
	color: #383838;
	min-width:800px;
	}
	
#quote {
	background: url(quoteimages/rotator.php) no-repeat 100% 20%;
}

#logomotto {
	height:120px;
	min-width:800px;
}

#logo
{
    background: url("images/CBTLogonew.png") no-repeat top right;
	position:absolute;
	right:0%;
	top:0px;
    width: 200px;
	height:200px;
}

#logo a {
    height: 100%;
	display:block;
    }

#logo p {
	display:none;
}


#motto
{
    background: url("images/motto.png") no-repeat top left;
	position:absolute;
	left:0px;
	top:0px;
    width: 400px;
	height:150px;
}

#motto a {
    height: 100%;
	display:block;
    }

#motto p {
	display:none;
}

#main 	{
	width: 100%;
	min-width: 780px; /*780px*/
	max-width: 1000px; /*1000px*/
	margin: 0px auto;
	 /*background-color:  #FC0;background color for design purpose*/
	}

a 	{ 
	text-decoration: none;
	color: #383838;
	} 

a:link, a:hover, a:visited { 
	text-decoration: none;
	} 

img 	{	
	border: none;
	}

img.logo {
	position:absolute;
	right: 50px;
	top:0px;
	}
	
img.rotating-image {
	width: 100%;
	}
	
hr {
	color:#8A0E06;
}

#banner {
	width:100%;
}

.small {
	font-size:smaller;
}
/*-----show/hide text (use with showHide(shID) in cbtnva.js)*/
.more {
  display: none;}
a.showLink, a.hideLink {
  text-decoration: none;
  color: #8A0E06;
  margin-left: 0.5em;}
a.showLink:hover, a.hideLink:hover {
  border-bottom: 1px dotted #8A0E06; }

/* ------------------------------------------- HEADER STYLES */
#header {
	margin-bottom: 1.75em; 
	height: 2em;
	background: #8A0E06;
	margin: 0 auto;
	} 


/* --------------------------------------- CONTENT (MAIN COLUMN) STYLES */
#content {
	float: left;
	font-size: 0.9em;
	padding: 1em 0 1em 1em;
	width: 79%; /*750px*/
	/*background-color:  #9F0;  background color for design purpose*/
	background-color: 8A0E06;
	}



#content h1 {
	margin: 0 10% 1.25em -0.25em;
	padding: 0.2em 0.5em;
	text-align: right;
	background: #8A0E06; 
	color: #c8c8c8;
	font-size: 1.6em;
	}

#content h2 {
	font-size: 1.4em;
	color: #8A0E06;
	}

#content h3 {
	font-size: 1.2em;
	colo
	r: #8A0E06;
	}

#content .center {
	text-align: center;
	}


#content li	{
	margin-bottom: 1em;
	}
	
#content li.nobreak	{
	margin-bottom: 0em;
	}

#content hFloat {
	font-weight: bold;
	margin: 0.5em -0.25em 1.25em 0;
	padding: 0.2em 1em;
	text-align: right;
	background: #8A0E06; 
	color: #c8c8c8;
	font-size: 1.6em;
	}
#content .textstyle1 { /* use for headlines */
	font-size: 2em;
	font-weight: bold;
	color: #8A0E06;
	}

#content .textstyle2 { /* use for emphasized text */
	font-size: 1.5em;
	font-weight: bold;
	}

#content .textstyle3 { /* use for slightly-emphasized text */
	font-weight: bold;
	}
#content .textstyle4 { /* use for slightly-emphasized colored text */
	font-weight: bold;
	color: #8A0E06;
	}

#content .quote { /* use for quotes */
	padding: 0.5em;
	line-height: 1.3em;
	width: 12em;
	font-size: 1.1em;
	font-style: italic;
	color: #500000;
	}
	
#content .floatright {  /* to use with captions, put image and caption in div with this class */
	float: right;
	padding: 0 0.5em 0.5em 0.5em;
	font-style: italic;	 /* use for captions */
	color: #606060;      /* use for captions */
	}

#content .floatleft {  /* to use with captions, put image and caption in div with this class */
	float: left;
	padding: 0 0.5em 0.5em 0.5em;
	font-style: italic;	 /* use for captions */
	color: #606060;      /* use for captions */
	}

#content .cssform p {
	width: 25em;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 13em; /*width of left column containing the label elements*/
	height: 1%;

	}

#content .cssform label {
	width: 12em;
	float: left;
	text-align: right;
	margin-left: -13em; /*width of left column*/
	}

#content .cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 15em;
	}

#content .radioindent { /*width of text boxes. IE6 does not understand this attribute*/
   text-indent: -1.8em; padding-left: 2em;
	}

/* --------------------------------- CHILDNAVBAR (MAIN COLUMN) STYLES */

#childnavbar {
	margin: 0 0 0 -3em;
	}

#childnavbar li {
	list-style-type: none;
	display: inline;
	padding: 0 0.2em 0.3em 0.2em;
	border-right: 1px solid #C7C7C7;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: lowercase;
	}

#childnavbar li.last {
	border-right: 0;
	}

#childnavbar a, a:hover  {
	text-decoration: none;
	color: #8A0E06;
	}



/* ---------------------------------  (MAIN COLUMN) STYLES */

#content table {
	border: solid #8A0E06 2px;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	}

#content th {
    background-color: #8A0E06; 
	color: #ffffff;
	font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	letter-spacing: 1px;
	text-align: center;
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #A52011; 
	border-top: 1px solid #A52011; 
	padding: 9px 6px 6px 12px;
	background: url(images/bg_header.jpg) repeat;
	}


#content td {
	border-right: 1px solid #A52011; 
	border-top: 1px solid #A52011; 
	border-bottom: 1px solid #A52011; 
	padding: 6px 6px 6px 12px;
	text-align: center;
	font: "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	}

#content tr {
	background-color: #ffffcc;
	}

#content tr.alt {
	background-color: #ffffb4; 
	}

#content table.none {
	border: none;
	border-collapse: collapse;
	empty-cells: show;
	}

#content th.none {
    background-color: none; 
	color: #A52011;
	font: 1em "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	letter-spacing: 1px;
	text-align: center;
	border-right: none; 
	border-bottom: none; 
	border-top: none; 
	padding: 9px 6px 6px 12px;
	}


#content td.none {
	border-right: none; 
	border-top: none; 
	border-bottom: none; 
	text-align: center;
	font: "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	}

#content tr.none {
	background-color: transparent;
	}

/* --------------------------- (HOME PAGE)   SMALL ADS STRIPS BELOW MAIN ROTATING IMAGE */

#adbar {
	background:#510707;
	width: 100%;
	margin: -5px 0 0 0;
}

#adbar ul {
	width: 100%;
	margin: 0px 3px;
	padding: 10px 0 8px 0;
}

#adbar li {
	display:inline;
	margin: 0px 2px;
}

#adbar img {
	margin: 1px -8px 0 0;
}

/* ------------------------  (HOME PAGE) TO CONTAIN LEFT AND RIGHT BOX FOR EQUAL HEIGHT */

#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#510707; /* column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:40%;
	background:#eddc93; /* column 1 background colour */
}
#box-left {
	float:left;
	width:60%;
	position:relative;
	left:40%;
	overflow:hidden;
}
#box-right {
	float:left;
	width:40%;
	position:relative;
	left:40%;
	overflow:hidden;
}

/* ------------------------  (PREVIOUS MEMBESRHIP PAGE) TO CONTAIN LEFT AND RIGHT BOX FOR EQUAL HEIGHT */

/* Start of Column CSS */
#container2m {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
/*	background:#C93;*/ /* column 2 background colour */
}
#container1m {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	/*background:#C93;*/ /* column 1 background colour */
}
#col1m {
	float:left;
	width:49%;
	position:relative;
	left:51%;
	overflow:hidden;
}
#col2m {
	float:left;
	width:48%;
	position:relative;
	left:52%;
	overflow:hidden;
}

#container1m .box {  /*boxes within each column. Color for each box is defined inline*/
	padding: 0 0.5em;  
	border: 5px solid #C93; 
	margin:5px 0;
}

/* --------------------------------- (HOME PAGE)  NEWS BOX STYLES */

#box-left p {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0.8em 0.2em 2em;
	text-indent: -1em;
	}
	
#box-left .heading {
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	text-align: center;
	padding: 1em;
	margin-top: 0em;
	color: #ffffff;
	background-color: #8A0E06;
	}
	

/* --------------------------------- (HOME PAGE) RIGHT BOX STYLES */

#box-right img {
	float: left;
	width: 100%;
}

#box-right p {
	padding: 1em;
	margin-top: -1em;
	}

/* --------------------------------- (CURRENT MEMBERSHIP PAGE) BOX STYLES */
.box {
	padding: 0 1em;  
	border: 5px solid #C93; 
	margin:5px 0;
}
	
/* --------------------------------------------- FOOTER STYLES */
#footer {
	clear: both;
	font-size: 0.7em;
	text-align: center;
}

#footer p {
	font-size: 1.1em;
	text-align: left;
	margin: 1em;
}
#footer li {
	list-style-type: none;
	display: inline;
	padding: 0.5em;
	border-right: 1px solid #C7C7C7;
	margin-bottom: 25px;
	}

#footer li.last {
	border-right: 0;

	}

#footer a {
	text-decoration: none;
	color: #8A0E06;
	}

/* ------------------------------------------- NAVBAR STYLES */
#navbar	{
	min-width:100%;
}

#navmenu-h *{ margin: 0; padding: 0; font-size: 100%; } /*reset margin*/

ul#navmenu-h li.first{ 
	margin-right: 6px;
}
ul#navmenu-h { 
	margin: 0; 
	padding: 0; 
	font-weight: bold;
	list-style: none; 
	position: relative; 
	text-decoration: none;
	} 
ul#navmenu-h ul { 
	width: 10em; 	/* Sub Menu Width */ 
	margin: 0; 
	list-style: none; 
	display: none; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	} 
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { 
	top: 0; 
	left: 100%; 
	} 
ul#navmenu-h li { 
	float: left; 
	display: inline; 
	position: relative; 
	} 
ul#navmenu-h ul li { 
	width: 100%; 
	display: block;	} 
	
/* Root Menu */ 
ul#navmenu-h a { 
	color: #606060;
	border-bottom: 4px solid transparent;
	padding: 0.25em;
	float: left; 
	display: block; 
	font-size: 0.8em; 
	text-decoration: none;
	} 
	
ul#navmenu-h a#current{
	border-color:  #A52011;
	color: #383838;
	}

/* Root Menu Hover Persistence */ 
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
	border-color: #8A0E06; 
	color: #383838;   
	} 
	
/* 2nd Menu */ 
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { 
	float: none;
	border-bottom: 1px solid #fff; 
	background: #fff;
	position: relative; 
	} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { 
	border-bottom: 1px solid #fff; 
	background: #fff;
	color: #8A0E06;
	} 
/* 3rd Menu */ 
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { 
	border-bottom: 1px solid #fff; 
	color: #666;
	position: relative; 
	}
	 
/* 3rd Menu Hover Persistence */ 
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
	border-bottom: 1px solid #fff; 
	color: #8A0E06;
	} 
/* 4th Menu */ 
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
	border-bottom: 1px solid #fff; 
	color: #666;
	position: relative;  
	} 
/* 4th Menu Hover */ 
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
	border-bottom: 1px solid #fff; 
	color: #8A0E06;
	}
/* Hover Function - Do Not Move */ 
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul {
	display: none; 
	} 
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { 
	display: block; 
	}
/* --------------------------------------------- SIDEBAR STYLES */
#sidebar {
	float: right;
	width: 15%;
	background-color: #eddc93;/*#ffffcc*/
	padding: 0 1em 1em 1em;
	margin-top: 1em;
	}
	
#sidebar p {
	font-size: 0.8em;
}

#sidebar .first {
	font-weight: bold; 
}
#sidebar .heading {	
	font-weight: bold;
	font-style: italic;
	font-size: 0.9em;
	text-align: center;
	margin: -2px -1.1em 0 -1.1em; 
	padding: 0.5em 0em;
	color: #ffffff;
	background-color: #8A0E06;
	}

#sidebar .image {	
	margin: -2px -1.1em 0 -1.1em; 
	padding: 0.5em 0em;
	}
	
#sidebar a:link, #sidebar a:visited { 
	text-decoration: none;
	color: #383838;
	} 

#sidebar a:hover { 
	text-decoration: none; 
	}

#sidebar a:link.address, #sidebar a:visited.address  {
	text-decoration: none;
	color: #606060;
}

#sidebar p.address {
	display: block;
	font-size: 0.8em;
	color: #606060;
	font-weight: bold;
	background-color: #fff;
	padding: 2em 2em 3em 2em;
	margin: 2em -2em -2em -2em;
}

#sidebar .twitter {
	display: block;
	background-color: #ffffff;
	padding: 2em 0 0 1.1em;
	margin: 2em -2em 2em -2em;
}

#quotes {
	display: block;
	font-size: 0.9em;
	color: #606060;
	font-weight: bold;
	background-color: #fff;
	padding: 2em 2em 3em 2em;
	margin: 2em -2em -2em -2em;
}
	
	
/* ---------------------------------------- SUB-NAV BAR STYLES */
#subnavbar {
	float: left;
	width: 160px;
	margin: 0;
	text-align: right;
	padding-right: 0.5em;
	}

#subnavbar ol {
	list-style-type: none;
	display: inline;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: lowercase;
	padding-top: 0.5em;
	}

#subnavbar li {
	padding-top: 0.2em;
	}

#subnavbar a {
	display: block;
	color: #606060;
	}

#subnavbar a:hover { 
	text-decoration: none; 
	position: relative;
	background-color: #8A0E06;
	color:#ffffff;
	}

#subnavbar a span {
	display: none;
	}
*/


/* ---------------------------------------- END OF STYLESHEET */