/* SiteBrite CSS */
	
/* Table of Contents:

	Basic Layout Elements
	Header Layout
	Middle Layout
	Footer Layout
	
*/

/* Basic Layout Elements
--------------------------------------------------------------------------------------- */

*	{
	margin: 0px;
	padding: 0px;
	border: none;
	}
body	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background: #DDE9F2;
	}
a {
	text-decoration: underline;
	color: #DDE9F2;
	}
a:hover, a.active:hover {
	color: #ACB6C7;
	}
.loggedOut {
	color:#FF0000;
	margin: 0px 0px 2px 0px;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	}

strong { font-weight: bold; }
		
p {
	margin: 7px 0px 10px 0px;
	}
h1 {
	display: block;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	text-decoration: none;
	border-bottom: 1px solid #205179;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;
	position: relative;
	}
h2 {
	clear: both;
	display: block;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 15px 15px 0px;
	padding: 0px 0px 15px 0px;
	border: 0px;
	border-bottom: 1px solid #DDD;
	color: #163B61;
	}
h3 {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	margin: 0px 0px 4px 0px;
	}
input, option, select, textarea, iframe, .iframe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-indent: 2px;
	color: #003333;
	background: #FFF;
	padding: 2px;
	border: 1px solid #004274;
	}
option, select { padding: 0; }
option { border: 0; }
iframe { border:0px;padding:0;margin:0; }
.iframe a { 
	color: #004274;
	text-decoration: none; 
	}
.cleaner {
	display: block;
	clear:both;
	height:0px;
	font-size:1px;
	background:transparent;
	}
#container	{
	margin: 0px auto 0px auto;
	width: 794px;
	position: relative;
	}

/* Header Layout
--------------------------------------------------------------------------------------- */

#top	{
	height: 41px;
	background: url('../images/top-background.gif') no-repeat bottom right;
	color: #4A6579;
	font-size: 10px;
	}
	#logo {
		position: absolute;
		display: block;
		top: 18px;
		left: 25px;
		width: 95px;
		height: 32px;
		background: url('../images/sitebrite_logo.gif') no-repeat top left;
		}
	#menu {
		margin: 7px 15px 0px 0px;
		float:right;
		display: block;
		}
		#top .topLink {
			padding: 0px 5px 4px 0px;
			display: block;
			float: right;
			height: 20px;
			text-decoration: none;
			color: #607FA6;
			font-weight: bold;
			font-size: 10px;
			}
			#top a.topLink:hover {
				text-decoration: underline;
				color: #286BAF;
				}
			#top a.topLink img {
				float:left;
				margin-right: 2px;
				}
			#top a.topLink span {
				display: block;
				padding: 4px 0px 0px 0px;
				}
		#menu img, #menu input  {
			padding: 0px 4px 0px 4px;
			}

#left {
	display: block;
	position: absolute;
	top: 53px;
	left: 0px;
	width: 129px;
	}
	#left a {
		display: block;
		color: #4A6579;
		font-weight: normal;
		margin: 6px 9px 0px 25px;
		text-align: right;
		font-size: 10px;
		}
#navbar {
	background: url('../images/navbar-background.gif');
	}
	#navbar a {
		padding: 4px 0px 4px 10px;
		border-bottom: 1px solid #AAC6DB;
		margin: 0px 9px 0px 22px;
		display: block;
		color: #5F819B;
		text-decoration: none;
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		}
		#navbar a:hover {
			color: #28455A;
			text-decoration: underline;
			}
		#navbar a.active, #navbar a.sublink {
			background:url('../images/navbar-active.gif');
			font-weight: bold;
			color: #FFF;
			font-size: 12px;
			letter-spacing: 1px;
			border: 0;
			margin: 0px 0px 0px 0px;
			padding: 2px 9px 2px 10px;
			}
		#navbar a.sublink {
			font-weight: normal;
			color: #CCC;
			font-size: 9px;
			letter-spacing: 0px;
			padding: 0px 9px 3px 10px;
			}
		#navbar a.on {
			text-decoration: underline;
			}
	#navbar hr {
		display: block;
		background: #7796AC;
		margin: 1px 0px 3px 3px;
		height: 1px;
		}

/* Middle Layout
--------------------------------------------------------------------------------------- */

#main	{
	display: block;
	background: url('../images/main-background.gif');
	width: 674px;
	margin: 0px 0px 0px 120px;
	}
	#main .padding	{
		background: url('../images/main-padding-background.jpg') top left no-repeat;
		display: block;
		margin: 0px 10px 0px 9px;
		padding: 10px 30px 10px 30px;
		}
	.minHeight {
		display: block;
		float: right;
		height: 480px;
		width: 0;
		}
	.message {
		color: red;
		display: block;
		position: absolute;
		top: 1px;
		left: 130px;
		width: 674px;
		text-align: center;
		}
	#main .mainBottom {
		display: block;
		font-size: 2px;
		height: 10px;
		background: url('../images/main-bottom.gif') bottom left no-repeat;
		}
	#pageHeader {
		display: block;
		font-size: 1.3em;
		padding: 4px 12px 4px 18px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;
		position: relative;
		border-bottom: 1px solid #3D70A3;
		background: #003863 url('../images/main-top-background.png') top left repeat-x;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		}
	#buttons {
		display: block;
		float: right;
		margin: -10px 0px 8px 0px;
		}
	.button, .button1, .button2 {  
		font-size: 9px; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal; 
		color: #DDD; 
		margin: 0px 0px 10px 8px; 
		padding: 3px 6px 3px 6px; 
		background: #204B76 url('../images/help-background.gif') -50px -30px; 
		border: 1px solid #999;
		display: block;
		float: right;
		text-decoration: none;
		}
		.button:hover, .button1:hover, .button2:hover {  
			background: #204B76;
			color: #FFF;
			border-color: #FFF; 
			}
	#buttons.bottom {
		margin: 10px 0px 0px 0px;
		}
		#buttons input.button {  
			float: left;
			margin: 2px 0px 2px 6px; 
			}
	.page {
		display: block;
		width: 177px;
		float:left;
		margin: 0px 20px 20px 0px;
		}
	.pageContent {
		display: block;
		background: #002845 url('../images/page-background.gif') no-repeat top left;
		color: #002845;
		padding: 1px 1px 0px 1px;
		}
		.page a {
			color: #205179;
			text-decoration: none;
			}
		.page .sectionName {
			display:block;
			padding:4px 8px 2px 8px;
			font-weight: bold;
			font-size: 13px;
			letter-spacing: 1px;
			}
			.page a.sectionName:hover {
				background: #2298E5;
				color: #FFF;
				}
		.page span.subpage {
			margin: 5px 0px 0px 25px;
			display: block;
			border-bottom: 1px solid #EEE;
			}
			.page a.subpage {
				display: block;
				font-weight: normal;
				padding: 2px 6px 2px 4px;
				}
				.page a.subpage:hover {
					color: #FFFFFF;
					background: #2298E5;
					}
			.page span.subpage img{
				float: left;
				margin: 3px 0px 0px -16px;
				}
		.page span.contentItems {
			padding: 0px 0px 5px 5px;
			display: none;
			}
			.page span.bullet {
				float:left;
				margin: 0px 5px 0px -20px;
				}
			.page span.contentItems a.contentLink {
				display:block;
				padding: 3px;
				}
				.page span.contentItems a.contentLink:hover {
					color: #FFFFFF;
					background: #5F7EA5;
					}
				.page span.contentItems a.contentLink img {
					float:left;
					margin-left:-15px;
					}
			.page span.contentItems a {
				font-weight: normal;
				font-size: 90%;
				}
		.page .pageBottom {
			display: block;
			background: url('../images/page-bottom.gif') no-repeat bottom left;
			font-weight: normal;
			padding: 11px 25px 6px 10px;
			font-size: 9px;
			}
			.page a.pageBottom:hover {
				text-decoration: underline;
				color: #1F70B1;
				}
			.section a.addPage img {
				float:right;
				margin: 0px 0px 0px 3px;
				}
			.section a.addPage span {
				display: block;
				padding: 2px 0px 2px 0px;
				}
	a.previewButton {
		float: right;
		background: #FFF;
		color: #00384B;
		border: 1px solid #00384B;
		font-weight: bold;
		font-size: .8em;
		padding: 2px 4px 2px 4px;
		margin: 0px 3px 8px 3px;
		}
		a.previewButton:hover {
			background: #286BAF;
			color: #FFFFFF;
			}
/* Blog */
		.editTag{
			border: 1px solid #204B76;
			background: #FFF;
			float: right;
			color: #00384B;
			padding: 1px;
			margin: 0px;
			}
		.draft{
			color: #FF0000;
			text-transform: uppercase;
			font-style: italic;
			font-weight: normal;
			}
		.featured{
			color: #FFF;
			background: #286BB0;
			border: 1px solid #94B7DB;
			font-weight: bold;
			font-size: 9px;
			padding: 1px 4px 1px 4px;
			margin: 0px 4px 0px 0px;
			}
		table.list {
			padding: 0px;
			margin: 0px;
			border: 0px;
			}
			table.list th {
				text-align: left;
				font-weight: bold;
				font-size: 1.2em;
				color: #FFF;
				padding: 4px 6px 4px 6px;
				background: #204B76; 
				border-bottom: 1px solid #204B76;
				}
			table.list td {
				text-align: left;
				padding: 6px 6px 6px 6px;
				border-bottom: 1px solid #8EABC0;
				}
/* Membership Manager */
	a.category, a.category-on {
		display:block;
		background: #286BB0 url('../images/background-section-link.gif') top left repeat-y;
		padding:4px 8px 4px 8px;
		margin: 5px 0px 5px 0px;
		font-weight: bold;
		font-size: 100%;
		color: #FFFFFF;
		width: 150px;
		}
		a.category:hover, a.category-on:hover {
			background: #286BAF;
			}
		a.category-on {
			background: #102C4A url('../images/background-section-link.gif') top right repeat-y;
			width: 319px;
			padding-left: 232px;
			}
		.subcategory {
			display: none;
			float: right;
			padding: 2px 6px 2px 6px;
			width: 130px;
			}
			a.subcategoryLink {
				padding: 0px 0px 4px 0px;
				display: block;
				text-decoration: none;
				color: #286BAF;
				font-weight: bold;
				font-size: 90%;
				letter-spacing: 0px;
				}
				a.subcategoryLink:hover {
					text-decoration: underline;
					}
		.members {
			display: none;
			float: right;
			padding: 2px 6px 2px 6px;
			width: 180px;
			background: #FFF;
			border: 1px solid #163B61;
			color: #286BAF;
			font-size: 90%;
			}
			.members a {
				padding: 0px 0px 4px 0px;
				display: block;
				text-decoration: none;
				color: #286BAF;
				font-weight: normal;
				font-size: 90%;
				letter-spacing: 0px;
				}
				.members a:hover {
					text-decoration: underline;
					}

	#formSection {
		background: #EFF3F7;
		padding: 0px 10px 10px 10px;
		margin: 0px 0px 25px 0px;
		}
		#display {
			float:right;
			width: 200px;
			text-align: right;
			}
		.textBackground {
			background: #FFFFFF;
			width: 540px;
			}
		.currentAssociations {
			float:right;
			width:220px;
			border-left: 2px dotted #003333;
			margin-left: 10px;
			padding-left: 10px;
			}
		#floatColumn {
			float:left;
			display: block;
			width:230px;
			margin: 0px 20px 0px 0px;
			}
	a.picHover {
		position: relative;
		font-weight: normal;
		}
		a.picHover span {
			display: none;
			position: absolute;
			right: -200px;
			top: -40px;
			border: 1px solid #000;
			z-index: 100;
			}
			a.picHover:hover span {
				display: block;
				}
	.button2 {  
		margin: 0px; 
		padding: 1px 4px 1px 4px;
		float: none;
		text-align: center;
		width: 40px;
		}
	#contentField {
		display: block;
		width: 200px;
		float: left;
		border: 2px dotted #5F7EA5;
		padding: 4px;
		margin: 6px 6px 0px 0px;
		}
	ul, ol { margin-top: 0px; margin-bottom: 0px; padding-left: 25px;}
	#copyright {
		display: block;
		font-size:9px;
		font-weight:normal;
		color:#AAA;
		text-align: center;
		padding: 0px 0px 20px 0px;
		margin: 0px 0px 0px 120px;
		}
	.ajaxContainer {
		position: relative;
		}
		.loading {
			position: absolute;
			right: 0px;
			top: 0px;
			background: #C10202;
			color: #FFF;
			padding: 5px;
			}
/* Bottom Layout
--------------------------------------------------------------------------------------- */

.pageInclude {
	background: #EFF6FF;
	padding: 3px;
	}
.checkbox {
	border: 0px;
	background: none;
	}
.region {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border: 0px;
	border-bottom: 1px solid #DDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	}
	.region input, .region textarea, .region .ctrl {
		margin-top: 4px;
		}
	.region a.help {
		position: relative;
		}
	.region a.help:hover {
			background: transparent;
		}
	.region a.help span {
		display: none;
		}
	.region a.help:hover span { 
		position: absolute;
		display: block;
		left: 22px;
		width: 186px;
		top: -10px;
		background: #125181 url('../images/help-background.gif') no-repeat top left;
		border: 1px solid #CCC;
		padding: 7px;
		color: #FFF;
		text-align: left;
		font-weight: normal;
		font-size: 9px;
		z-index: 500;
		}
#CONTROLS {
	background: #EFEFFA !important;
	border: 1px solid #112D4A !important;
	}