/* ---------------- Global Styles ---------------- */
*{
	padding: 0;
	margin: 0;
	font-family: verdana, arial, helvetica;
	color: #1E1E3B;
}

html body{
	background-image: url(graphics/page_tile.gif);
	background-color: #E7E4E1;
	background-repeat: repeat-y;
}

img {border:0;}
b {font-weight:bold;}
i {font-style:italic;}


/* ---------------- Page Structure ---------------- */

/* ---------------- Home Page ---------------- */

#homeSiteContainer {
	background: url(graphics/site_container.jpg) no-repeat;
	height: 100%;
}

#homePageTop {
	height: 265px;
	width: 740px;
	overflow:hidden;
}

#homeTopRight {
	float: right;
	width: 382px;
	position: relative;
	top: 0px;
}
#homeTopNav {text-align: right;}

#floatLink{
	position:absolute;	
	width:90px;
	height:45px;
	top:113px;
	left:355px;
	z-index:3000;
}

/* ---------------- Content Pages ----------------*/
#contentSiteContainer {
	background: url(graphics/site_container_02.jpg) no-repeat;
	height: 100%;
}

#contentPageTop {
	height: 109px;
	width: 740px;
	overflow: hidden;
}

#contentTopRight {
	float: right;
	width: 313px;
	margin-top: 18px;
}

#nav1{margin-left: 0; width: 217px;}
#nav2{margin-left: 27px; width: 213px;}
#nav3{margin-left: 48px; width: 212px;}
#nav4{margin-left: 70px; width: 213px;}

#topLeft {float: left;}

#navigation {
	height: 27px;
	background: url(graphics/nav_tile.gif) repeat-x;
	width: 739px;
}

#navigation a{float: left;}

#contentBox {
	background: url(graphics/content_back.jpg) no-repeat;
	height: 100%;
	width: 740px;
	padding-top: 23px;
}

#contentBoxChatterBox {
	background: url(graphics/content_back2.jpg) no-repeat;
	height: 100%;
	width: 740px;
	padding-top: 23px;
}

#footer {
	height: 71px;
	background: url(graphics/footer_logo.jpg) no-repeat;
	padding-left: 202px;
	margin-top: 20px;
}

.footerText {
	background: url(graphics/footer_tile.gif) repeat-x;
	position: relative;
	height: 41px;
	width: 537px;
	top: 30px;
	font-size: 10px;
	line-height: 19px;
}

.membersButton {
	float: right;
	padding-right: 7px;
}

#homeLeftCol {
	width: 210px;
	float: left;
}


.formStyle td {padding:4;}


/* ---------------- Search Box ---------------- */

#searchBox {
	background: url(graphics/search_box.gif) no-repeat;
	width: 179px;
	height: 33px;
	text-align: left;
	position: relative;
	top: -15px;
}

#searchInput {
	width: 101px;
	height: 14px;
	border: none;
	font-size: 10px;
	margin: 12px 0 0 39px;
}

#searchGo {
	position: relative;
	top: 7px;
}


/* ---------------- Home Page ---------------- */

#homeBox {
	background: url(graphics/content_tile.gif) -5px 0 repeat-y;
	width: 519px;
	margin-left: 212px;
}

#mainBox {
	background: url(graphics/content_tile.gif) repeat-y;
	width: 524px;
	padding-left: 5px;

}

#mainTop {
	width: 519px;
	padding-top: 15px;
	background: url(graphics/content_titlebar.jpg)  no-repeat;
}

#mainTop2 {
	width: 519px;
	padding-top: 13px;
	background: url(graphics/content_titlebar.jpg)  no-repeat;
}

.bottomBar {
	height: 45px;
	position: relative;
	top: 6px;
	background: url(graphics/content_bottom_02.gif) 0% 100% no-repeat;
}
.pathTrail a {
	color:#FFFFFF;
}

.pathTrail a:hover {
	color:#ff9900;
}

#mainContent {
	padding-top: 13px;
	padding-right: 30px;
	padding-left: 20px;
	position: relative;
	top: 6px;
	font-size: 11px;
}

#mainContent table {
	font-size: 11px;
}

#mainContent p {
	margin-bottom: 19px;
	line-height: 15px;
}

#mainContent ul {
	margin-bottom: 19px;
}

#sideColumn {
	position: absolute;
	width:199;
	margin-left: 525;

}

#sideBox {
	padding-top: 15px;
	background: url(graphics/sidebar_titlebar.jpg) no-repeat;
}

#sideBox a {text-decoration:underline;}
#sideBox a:hover {text-decoration:underline;}

#sideBoxLong {
	padding-top: 15px;
	background: url(graphics/sidebar_titlebarlong.jpg) no-repeat;
}

#sideBoxLong a {text-decoration:underline;}
#sideBoxLong a:hover {text-decoration:underline;}

#sideContent {
	padding: 15px 30px 20px 15px;
	background: url(graphics/sidebar_bottom.gif) 0% 100% no-repeat;
	position: relative;
	top: 6px;
}

#newsBox {
	padding-top: 15px;
	margin: 0 0 30px 8px;
	background: url(graphics/sidebar_titlebar.gif) no-repeat;
}

#newsBox #sideContent {padding-top: 0px;}

.newsEntry {
	font-size: 10px;
	padding: 15px 0;
	border-bottom: 1px solid #717276;
}


/* ---------------- Results ---------------- */

.resultsHeader {
	margin-bottom: 10px;
	color: #1E1E3B;
}
.resultsTitle {
	font-weight: bold;
	font-size: 11px;
	text-align: left;
}

.resultsPages {
	font-size: 10px;
	text-align: right;
}

.resultsNav {
	clear: right;
	height: 13px;
	font-size: 10px;
	margin-bottom: 10px;
}

.arrowLeft {float:left;}
.arrowRight {float:right;}
.previous {
	background: url(graphics/results/arrow_left.gif) no-repeat;
	padding-left: 19px;
	text-decoration: none;
	float: left;
}

.next {
	background: url(graphics/results/arrow_right.gif) 100% 0 no-repeat;
	padding-right: 19px;
	text-decoration: none;
	float: right;
}

.more {
	background: url(graphics/results/arrow_right.gif) 100% 0 no-repeat;
	padding-right: 19px;
	text-decoration: none;
}

.next:hover, .previous:hover {
	color: #FF6600;
}

.searchResult {
	height: 80px;
	border: 1px solid #CBCDD6;
	background-color: #fff;
	margin-bottom: 14px;
}
.resultBranch {
	color: #FF6600;
	font-size: 11px;
	font-weight: bold;
	margin: 9px 0 0 20px;
	font-family: arial;
}

.resultLocation {
	font-size: 12px;
	color: #1E1E3B;
	margin: 2px 0 0 20px;
}

.resultToolbar {
	margin-left: 20px;
	margin-top: 8px;
}
.newSearch {text-align: center;}


/* ---------------- Profile ---------------- */

#profileLeft {width: 160px;}

#profileRight {padding-left: 15px;}

.areaDetails {}
.areaCurrency {
	background: url(graphics/profile/currency_bg.gif) no-repeat
}
.areaWeather {
	background: url(graphics/profile/weather_bg.gif) no-repeat;
}

.sideTitle {
	font-size: 10px;
	font-family: arial;
	color: #fff;
	height: 14px;
	padding: 1px 0 0 7px;
	margin-bottom: 5px;
	width: 150px;
}
/* \ commented backslash - recover from macIE5 padding workaround, it will ignore the following rule */
.sideTitle {padding-top: 0px;}

.weatherImage {
	width: 56px;
	text-align: right;
	float: left;
}

.weatherDegrees, .currencyMain {
	font-size: 24px;
	font-weight: bold;
	font-family: arial;
}

.currencyMain {color: #339966; text-align: center;}

.weatherDegrees {
	margin-left: 74px;
	color: #7B97C5;
	padding-top: 3px;
	margin: 0 0 5px 74px;
}

.sideRows li{
	height: 16px;
	font: 10px/16px Arial;
	list-style-type: none;
	margin-bottom: 1px;
	border-bottom: 1px solid #fff;
	width: 150px;
}

.currencyList li{border-color: #7BC59A;color: #339966;}
.weatherList li{border-color: #7B97C5;color: #336699;}

.weatherMore {
	color: #333399;
	font-size: 10px;
	font-family: arial;
}
.profilePhoto {margin-bottom: 15px;}

/* ---------------- Browse ---------------- */

.browseList {
	border-top: 1px solid #cccccc;
	padding: 7px 0 0 0;
	margin: 10px 0 0 10px;
}

.squareList {margin-left: 5px;}

.browseList .squareList {
	margin: 8px 0 0 13px;
}

.squareList li {
	list-style-type: none;
	background: url(graphics/bullet_square.gif) 0px 6px no-repeat;
	line-height: 15px;
	padding-left: 10px;
}

/* ---------------- members login ---------------- */

/* removed and placed in doc_style_chatterbox.css */

/* ---------------- Formatting ---------------- */

#mainContent a {color: #4878B4;}
#mainContent a:hover {color: #ff7700;}
.newsTitle {font-weight: bold;text-decoration: none;}
.newsTitle:hover {color: #6C80A6;}
.footWhite{color: #fff;}
.footDark{color: #575E64;}

#hosting a, #contentHosting a{
	color: #999999;
	text-decoration: none;
}

#hosting a:hover, #contentHosting a:hover {color: #FF6600;}
.footWhite a{color: #fff; text-decoration: none;}
.footWhite a:hover {color: #D0DFEF;}

h1 {
	padding-left: 20px;
	color: #fff;
	font-size: 11px;
	margin-bottom: 9px;
}

h1 span {font-weight: normal;color: #ffffff;}

h2 {
	color: #FF6600;
	font-size: 13px;
	margin-bottom: 2px;
}

.mainTitle {
	padding-left: 20px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 9px;
}

.mainTitle span {font-weight: normal;color: #ffffff;}


/* ---------------- List Styles ---------------- */

.arrowList li {
	font-weight: bold;
	font-size: 11px;
	margin: 9px 0 9px 33px;
	list-style-image: url(graphics/bullet.gif);
}

.subNav2 li{
	width: 150px;
	list-style-type: none;
	background: url(graphics/bullet_02.gif) 0px 4px no-repeat;
	line-height: 15px;
	padding-left: 8px;
	margin-bottom: 15px;
}

.seperator {margin: 10px 0;}

#sideContent {font-size: 11px;}
#sideContent a {text-decoration: none;}
#sideContent a:hover{color: #ff6600;}
#sideContent .current{font-weight: bold;}

#sideContent .link {text-decoration: underline;	font-weight:bold;}

/* ---------------- Profile Formatting ---------------- */
h3 {font-size: 13px;}

h4 {
	font-size: 11px;
	margin-bottom: 3px;
}

h5 {
	color: #4878B4;
	font-size: 11px;
	margin-bottom: 2px;
}

.profileName {
	font-size: 12px;
	font-weight: bold;
	color: #ff6600;
	margin-top: 3px;
}

.profileJob {
	font-size: 12px;
	font-style: italic;
	margin-bottom: 6px;
}

#profileRight, #profileRight td {font-size: 12px;}
#profileRight a {color: #333399; text-decoration: none;}

.newSearch a{
	color: #8A96AB;
	font-weight: bold;
	text-decoration: none;
}

.newSearch a:hover{color: #FF6600;}



/* --------------- Members Only --------------- */

.userName {
	font-weight: bold;
	color: #ff6600;
}

.membersHomepageTools {
	margin-bottom:10;
	padding:10;
	background-color:#FFFFFF;
	border: 1px solid #CBCDD6;
}

.membersHomepageTools div {
	padding:0;
	margin-bottom:5;
}

.membersHomepageTools a {
	font-weight:bold;
	margin-bottom:45;
}

.membersHomepageTools a:hover {
	color:#4C6796;
}

.membersOverview {
	border:1px solid #CBCDD6;
	padding:10;
	margin-bottom:15;
}

.inputTable th {
	text-align:right;
	vertical-align:top;
	padding-top:5;
	padding-right:6;
}

.inputTable td {
	padding-top:2;
	padding-bottom:2;
}

.inputTable .groupedInput {
	margin-top:2;
}

.contactsTable {
	border-collapse:collapse;
	width:476;
}

.contactsTable th {
	text-align:left;
	padding:4;
	border:1px solid #FFFFFF;
}

.contactsTable td {
	padding:4;
	border:1px solid #FFFFFF;
}

.contactsTable a:hover {
	color:#FF6600;
}


/* --------------- Inputs --------------- */



.largeInputBox input, .largeInputBox select {
	font-weight: normal;
	font-size: 11px;
	line-height:16px;
	height:21;
	padding-left:3;
	border:1px solid #4A597A;
	width:330;
}

.largeInputBox textarea {
	font-weight: normal;
	font-size: 11px;
	line-height:16px;
	padding-left:3;
	border:1px solid #4A597A;
	width:330;
}

.largeInputBox .checkBox{
	width:14;
	height:14;
}



/* ------------ Alert ------------ */

/* -- SUCCESS -- */
.sbSuccess {
	border:1px solid #8D8E94;
	margin-bottom:15;
}

.sbSuccessImage {
	vertical-align:top;
	width:35;
	text-align:center;
	background-color:#D5D7E1;
	padding-top:5;
	padding-bottom:5;
}

.sbSuccessHeader {
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	font-style: normal;
	font-family: arial, helvetica;
	color:#009900;
	padding:5;
	padding-top:9;
}

.sbSuccessHeader span {
	font-size: 12px;
}


.sbSuccessMessage {
	font-size: 11px;
	line-height: 14px;
	font-weight:normal;
	font-style: normal;
	font-family: arial, helvetica;
	color:#666666;
	padding:5;
}

.sbSuccessMessage ol {
	margin-bottom:5;
}


/* -- FAILURE -- */
.sbFail {
	border:1px solid #8D8E94;
	margin-bottom:15;
}

.sbFailImage {
	vertical-align:top;
	width:35;
	text-align:center;
	background-color:#D5D7E1;
	padding-top:5;
}

.sbFailHeader {
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	font-style: normal;
	font-family: arial, helvetica;
	color:#FF3300;
	padding:5;
	padding-top:9;
}

.sbFailHeader span {
	font-size: 12px;
}

.sbFailMessage {
	font-size: 11px;
	line-height: 14px;
	font-weight:normal;
	font-style: normal;
	font-family: arial, helvetica;
	color:#666666;
	padding:5;
}

.sbFailMessage ol {
	margin-bottom:5;
}


/* -- ALERT -- */

.sbAlert {
	border:1px solid #8D8E94;
	margin-bottom:15;
}

.sbAlertImage {
	vertical-align:top;
	width:35;
	text-align:center;
	background-color:#D5D7E1;
	padding-top:5;
}

.sbAlertHeader {
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	font-style: normal;
	font-family: arial, helvetica;
	color:#FF9900;
	padding:5;
	padding-top:9;
}

.sbAlertHeader span {
	font-size: 12px;
}

.sbAlertMessage {
	font-size: 11px;
	line-height: 14px;
	font-weight:normal;
	font-style: normal;
	font-family: arial, helvetica;
	color:#666666;
	padding: 5;
}

.sbAlertMessage ol {
	margin-bottom:5;
}

#mainSearch {
	width: 240px;
	height: 76px;
	margin-left: 120px;
	background: url(graphics/browse/search_box.gif) no-repeat;
}

.mainTextBox {
	border: none;
	height: 14px;
	border-width: 0px;
	background: transparent;
	width: 147px;
	font-size: 11px;
	margin: 2px 0 0 46px;
}

.mainSearchGo {
	margin-left: 10px;
}

.imgStyle {
	background: url(graphics/shadow.gif) 2px 2px no-repeat;
	padding: 2px;
}
.imgStyle img{
	margin-top:-2px;
	margin-left: -2px;
}

.floatRight {float: right;	margin-left: 15px;}
.floatLeft {float: left; margin-right: 15px;}
.contentNav {
	margin-bottom: 15px;
	font-size: 9px;
	font-family: verdana;
	color: #ACACAC;
}
.contentNav .currentPage {
	font-weight: bold;
}



/* -- Program Table Style -- */
.programTable {
	border-top: 1px solid #C7C7C7;
}
.programTable th, .programTable td {
	font-weight: normal;
	padding: 3px;
}

td.headerCell {
	background: #E6E6E6;
	font-weight: bold;
	font-size: 10px;
}

.programTable th {
	border-left: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
	font-size: 9px;
	color: #676767;
	background: #FBFBFB;
}
.programTable td {
	border-bottom: 1px solid #C7C7C7;
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	padding: 3px 3px 3px 10px;
}

.deadRow {height: 35px;}

.programTable td span {
	font-weight: bold;
	font-style: italic;
	color: #ff6600;
}

/* -- Rates Table Style -- */
.ratesTable {
	border-top: 1px solid #C7C7C7;
}
.ratesTable td, .ratesTable th {
	font-family: verdana;
}
.ratesTable td {
	text-align: center;
	font-size: 10px;
	border-bottom: 1px solid #C7C7C7;
	padding: 3px;
	border-right: 1px solid #C7C7C7;
}

.ratesTable th {
	font-weight: normal;
	text-align: left;
	font-size: 9px;
	width:170px;
	padding: 3px;
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
	color: #676767;
	background: #FBFBFB;
}

.rateOrange td {color: #000; font-weight: bold;}

/* -- Registration Form -- */

.registrationForm .textField, .registrationForm select, .registrationForm textarea {width: 230px;}
.registrationForm span {
	color: #990000;
	font-size: 10px;
}

.registrationForm td {
	padding: 2px;
	vertical-align: top;
}

/* ----- Events ----- */

.eventPhotos {
	width:500;
}

.eventPhotos img {
	margin-bottom:20;
}

/* ----- Leadership Profiles ----- */

.leadershipContentLeft {
	width:225;
	float:left;
	margin-right:15;
	margin-bottom:20;
}

.leadershipContentRight {
	width:225;
	float:left;
	margin-bottom:20;
}

.leadershipContentLeft img {
	float:right;
	margin-left:10;
	border:1px solid #333333;
}

.leadershipContentRight img {
	float:right;
	margin-left:10;
	border:1px solid #333333;
}

.leadershipContentLeft span {
	font-weight:bold;
}

.leadershipContentRight span {
	font-weight:bold;
}

.clearBoth {clear:both;}



/* ERROR MAILBOX - STYLE SHEET */

.error {
   font-weight: normal;
   color:#FF6600;
   font-size: 12px;
   font-family: arial, helvetica;
   line-height: 14px;
   font-variant: normal;
   font-style: normal;
}

.errorHeader {
   font-weight: bold;
   color:#FF6600;
   font-size: 13px;
   font-family: arial, helvetica;
   line-height: 16px;
   font-variant: normal;
   font-style: normal;
}

.errorNumber {
   font-weight: bold;
   color:#FF6600;
   font-size: 12px;
   font-family: arial, helvetica;
   line-height: 14px;
   font-variant: normal;
   font-style: normal;
}

.errorMessage {
   font-weight: normal;
   color:#000000;
   font-size: 12px;
   font-family: arial, helvetica;
   line-height: 14px;
   font-variant: normal;
   font-style: normal;
}