/* BRIANNA CARPENTER SITEWIDE STYLES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////

	CSS Document Description
	
	WRITTEN BY:
	DATE:
	
	COLOR DEFINITIONS:
		
	DOCUMENT SECTIONS:

	///	SS01: Override styles - styles that override base (x)html elements.
	/// SS02: Layout Styles - styles that provide the layout for the majority of the site.
	/// SS03: Unique Styles - styles which are typically on objects alone.
	/// SS04: Combination Styles - styles that combine to make reflexive classes.
	/// SS05: Anchor & Link Styles - styles that redesign links, anchors etc.

//////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/* 
SS01: OVERRIDE STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

body, html
	{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:URL(../images/BG_BodyBG.png) repeat-y center 0px #fffcdd;
	text-align:center; 
	font-family:arial, sans-serif;
	font-size:12px;
	}
	
table td
	{
	}
	
img
	{
	border:none;
	}
	
h1
	{
	font-size:14px;
	font-weight:bolder;
	}
	
h2
	{
	font-size:13px;
	font-weight:bold;
	}
	
h3
	{
	font-size:12px;
	font-weight:bold;
	}

/*
/////////////////////////////////////////// !Override
////////////////////////////////////////////////////////////////
*/

/* 
SS02: LAYOUT STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

.pageContainer
	{
	width:990px; 
	position:relative; 
	left:0px; 
	margin:auto; 
	text-align:left;
	min-height:100%;
	}
	
.menuArea
	{
	position:relative; 
	top:20px; 
	left:20px; 
	z-index:6; 
	width:128px;
	}
	
.bodyArea
	{
	position:absolute; 
	left:363px; 
	top:2px; 
	z-index:5; 
	width:522px; 
	color:white;
	height:100%;
	}
	
.contentArea
	{
	width:512px;
	padding:8px 2px 8px 9px;
	background:URL(../images/BG_ContentArea.gif) repeat 1040px 100px; 
	min-height:100%;
	padding-top:12px;
	}
	
* html body .contentArea
	{
	height:100%;
	}
	
.swfBG
	{
	position:absolute; 
	z-index:1; 
	width:990px;
	left:0px; 
	top:0px;
	min-height:100%;
	}
	
* html body .swfBG
	{
	height:100%;
	}
	
.divider
	{
	height:10px;
	background:URL(../images/GR_Divider.png) no-repeat left center;
	}
		
/*
/////////////////////////////////////////// !Anchors
////////////////////////////////////////////////////////////////
*/	

/* 
SS03: UNIQUE STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

.spacer
	{
	width:510px;
	height:8px;
	clear:both;
	}
	
.spacerCurly
	{
	width:500px;
	height:20px;
	clear:both;
	background:URL(../images/GR_SpacerCurly.png) no-repeat;
	}
	
.CB_HalfWidth
	{
	width:240px;
	margin:0px 10px 8px 0px;
	color:white; 
	float:left;
	}	
	
.CB_FullWidth
	{
	width:479px;
	padding:2px;
	}
	
.textTitle
	{
	font-size:12px;
	font-weight:bold;
	}
	
.dateText
	{
	font-size:10px;
	font-style:italic;
	}
	
.pageTitleImage
	{
	margin-top:4px;
	margin-bottom:4px;
	display:block;
	}
	
.CT_Submenu
	{
	display:none; 
	width:150px; 
	background:black; 
	padding:4px; 
	position:absolute; 
	left:120px;
	margin-top:-4px;
	z-index:10;
	}
	
.sectionLink
	{
	border:none; 
	display:block;
	}
	
.CB_RichText_HalfNoBorder
	{
	width:235px;
	margin:0px 10px 8px 0px;
	color:white; 
	padding:2px;
	float:left;
	}
	
.CB_RichText_HalfBorder
	{
	width:235px;
	margin:0px 10px 8px 0px;
	border:1px solid white;
	padding:2px;
	float:left;
	}
	
.CB_RichText_FullNoBorder
	{
	width:499px;
	clear:both;
	margin:0px 0px 8px 0px;
	padding:2px;
	}
	
.CB_RichText_FullBorder
	{
	width:495px;
	border:1px solid white;
	padding:2px;
	clear:both;
	margin:0px 0px 8px 0px;
	}
	
.CB_Img_floatNone
	{
	display:none;
	}
	
.CB_Img_floatLeft
	{
	float:left;
	margin:2px 8px 2px 2px;
	}
	
.CB_Img_floatRight
	{
	float:right;
	margin:2px 2px 2px 8px;
	}
	
.CB_Img_floatCenter
	{
	text-align:center;
	margin:auto;
	display:block;
	}
	
.categoryPicker
	{
	float:left;
	margin-right:8px;
	height:80px;
	width:80px;
	}
	
/*
/////////////////////////////////////////// !Unique
////////////////////////////////////////////////////////////////
*/

/* 
SS04: COMBINATION STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

.width100p
	{
	width:100%;
	}

.width100
	{
	width:100px;
	}
	
.width200
	{
	width:200px;
	}
	
.width500
	{
	width:500px;
	}
	
.clearBoth
	{
	clear:both;
	}
	
.alignCenter
	{
	text-align:center;
	}
	
.alignLeft
	{
	text-align:left;
	}
	
.alignRight
	{
	text-align:right;
	}
	
.floatLeft
	{
	float:left;
	}
	
.floatRight
	{
	float:right;
	}
	
.floatCenter
	{
	text-align:center;
	margin:auto;
	display:block;
	}
	
/*
/////////////////////////////////////////// !Combo
////////////////////////////////////////////////////////////////
*/

/* 
SS05: ANCHOR AND LINK STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

a, a:link
	{
	color:white;
	text-decoration:underline;
	}
	
a:hover
	{
	}
	
a.menuSectionLink, .menuSectionLink
	{
	background:black;
	height:21px;
	display:block;
	margin:0px;
	padding:0px;
	clear:none;
	}
	
a.menuSectionLink:hover
	{
	background:white;
	}
	
a.menuPageLink, .menuPageLink
	{
	background:black;
	height:21px;
	display:block;
	margin:0px;
	padding:0px;
	clear:none;
	}
	
a.menuPageLink:hover
	{
	background:white;
	}
	
/*
/////////////////////////////////////////// !Anchors
////////////////////////////////////////////////////////////////
*/