body {
	/* CHANGE 1/28/11 
	background-image:url('../SiteCollectionImages/SandyBG.jpg'); */
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top; 
	
	background-color:#cbc6c3;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;

	padding:0;
	margin:0;
	
}


/* =========== FIX DEFAULT SHAREPOINT STYLES ================ */
.ms-pagebreadcrumb { display:none; }

.ms-WPBody { font-family:Arial, Helvetica, sans-serif; }
/* ========================================================== */


/* Float the search box to the left so the global nav fits in beside it */
#SRSB { float:left;width:30%;margin-left:200px; }


div { margin:0; padding:0; }


#header, #SharePointMenus, #navContainer, #header_image, #content, #pageFooter {
	width:990px;
	margin: 0 auto;
}





/* ========================= HEADER ========================== */
#header { 
	margin-top:15px;
	margin-bottom:4px;
	overflow:hidden;
}

#gdot_search {
	float:left;
	margin-left:150px;
}

#globalnav {
	float:right;
	width:450px;
	text-align:center;
	background-color:#cccccc; 
	border:1px solid #a8a39e;
	padding:4px 0;
	margin-top: 0;
}

#globalnav img { 
	vertical-align:middle;
	border:0;
	margin-left:15px;
}

#globalnav a, #globalnav a:link, #globalnav a:visited, #globalnav a:active, #globalnav a:hover {
	color:#333333;
	font-size:12px;
	text-decoration:none;
}
#globalnav a:hover { text-decoration:underline; }

/* ========================================================== */







/* ===================== TOP NAVIGATION =================== */
#navContainer { position:static; }


#navCategories {
	z-index:5;
	position:absolute;

	width:970px;
	/* margin:10px; */
	height:40px;
}


#navCategoriesBG {
	position:absolute;
	z-index:3;

	width:970px;
	margin:10px;
	height:40px;
	
	background-color:#000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  /* make sure opacity works in IE8 */
	filter: alpha(opacity=70);  			/* and another fix for IE5 through IE7 */
	opacity:.5;					/* and finally a style for every other browser */
}


#navCategories img { 
	border:0;
	padding-top:4px;
	padding-left:8px;
}


#navCategories * {
	display:block;
	float:left;
}



#navCategories a.category, #navCategories a.category:link, #navCategories a.category:visited, #navCategories a.category:active, #navCategories a.category:hover {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	margin-left:18px;
	margin-top:10px;

	height:28px;
	padding-top:12px;	/* height:34px + padding:12px = 40px height of container */

}
#navCategories a.category:hover { color:#ffd911; }

/* ========================================================== */





/* ========================= HEADER IMAGE =================== */
#header_image {
	height:160px;
	width:990px;
	text-align:center;
	padding-top:10px;
	padding-bottom:0;
	margin-bottom:0;
	
	
	background-color:#ffffff;

	/* shift this div up to align it with the hover menu */
	position:relative;}
	
	
#header_image img { 
	border:0;
	height:150px;
	width:970px;
}

/* ========================================================== */




/* ======================== SET UP COLUMNS ================ */
#content { 
	background-color:#ffffff;
	overflow:visible;
}

#content .pageColumn {
	float:left;
}

#LeftNavColumn {
	width: 226px;
	margin-left:12px;
}

#bodyColumn {
	width:502px;
	border-left:1px solid #cccccc;
	margin-left:2px;	/* subtract 1px from margin for grey left border */
	margin-right:6px;
}

#rightColumn {
	width:226px;
	margin-right:12px;
}

#pageFooter {
	clear:both;
	overflow:hidden;
}


/* ====== And for pages using layouts LevelThree.aspx and LevelNoNav.aspx... ===== */
#wideColumn {
	width:734px;
	border-left:1px solid #cccccc;
	margin-left:2px;	/* subtract 1px from margin for grey left border */
	margin-right:6px;
}

#widestColumn {
	width:970px;
	padding-left:10px;
	padding-right:10px;
}
/* ========================================================== */




/* ===================== NAVIGATION COLUMN ================== */
#LeftNavColumn a {
	padding-bottom:2px;
	padding-top:3px;
	line-height:15px;
}

#LeftNavColumn a.leftnav:hover {
	text-decoration:underline;
}
/* ========================================================== */




/* ====================== CONTENT COLUMN ==================== */
#bodyColumn, #wideColumn { 
	padding-left:3px;
}
/* ========================================================== */





/* ======================= RIGHT COLUMN ===================== */
#rightColumn { 
	overflow:visible;
}

#rightColumn table { 
	width:226px;
	border:0;
}		/* constrain web part tables to the width of the column */
/* ========================================================== */





/* ======================== pageFooter STYLES ===================== */
#pageFooter {
	padding-top:10px;
	height:70px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	line-height:14px;
}
#pageFooter a, #pageFooter a:link, #pageFooter a:visited, #pageFooter a:active, #pageFooter a:hover {
	color:#000000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#pageFooter a:hover { text-decoration:underline; }
/* ========================================================== */




/* ========================================================== */
/* ========================================================== */
/* ============== PRESENTATION SITE STYLES ================== */
/* ========================================================== */
/* ========================================================== */


h1 {
	color:#444444; 
	font-size:22px;
	margin-bottom:0;
}
h2 {
	color:#0c0758; 
	font-size:16px;
	margin-bottom:0;
}
h3 {
	color:#3c4a81; 
	font-size:14px;
	margin-bottom:0;
}
h4 {
	color:#033165;
	font-size:13px;
	font-weight:bold;
	margin-bottom:0;
}


p { margin-top:0; }


a, a:link, a:visited, a:active, a:hover {
	color:#006cb5; 
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
a:hover, a.leftnav:hover { text-decoration:underline; }


li {
	margin-bottom:4px;
}


/* This style is intended for <a><img /></a> situations... */
img {
	border:0;
}


/* add a little breathing room between items in a definition list */
dd {
	margin:auto auto 8px 15px;
}
dt {
	font-weight:bolder;
}


/* ================== LEFT NAVIGATION STYLES ==================== */
.leftnav_current a {
	font-weight:bolder;
	color:#1c3a61;
}

.leftnav a:hover { text-decoration:underline; }
/* ============================================================== */




.ruler {
	clear: none;
	height: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}


h2 ul { margin-top:0; }




/* Make the border around the global search box disappear */
td.ms-sbcell { border:0; }
/* Make the search box 'go' button pretty */
td.ms-sbgo { background-color:transparent; }



/* Keep web part toolpanes from dropping to the bottom of the page */
.ms-ToolPaneOuter {
	/*float:right;*/
}



/* ======================= QUICK LINKS ========================= */
/* Quick Links - make the border around the body table disappear */
.ms-WPBorder { border:0; }

#rightColumn .ms-WPHeader td {
	background-color:#efb31d;
	border:0;
}

#rightColumn .ms-WPTitle {
	color:#000000;
	/* Push the title to the right to align with linkitems */
	padding-left:12px;
	font-weight:bold;
}

.ms-WPBody a, .ms-WPBody a:link, .ms-WPBody a:visited, .ms-WPBody a:active, .ms-WPBody a:hover {
	color:#006cb5; 
	
}


.quicklinks_item {
	padding:3px;
	padding-left:12px;					/* Push the text right off the background image - set padding here instead of the a in case the text */
	border-top:2px solid #ffffff;		/* wraps to a second line, as the padding won't affect alignment of the second line */
	
	background-image:url('../SiteCollectionImages/quicklinks_border.gif');
	background-repeat:no-repeat;
	background-position:left center;
	
	background-color:#efb31d;	
}
.quicklinks_item:hover {
	background-color:#ffd33d;
	background-image:url('../SiteCollectionImages/quicklinks_border_hover.gif');
}
.quicklinks_item a, .quicklinks_item a:link, .quicklinks_item a:visited, .quicklinks_item a:active, .quicklinks_item a:hover {
	font-weight:bold;
	font-style:italic;
	color:#006cb5;
	font-size:11px;
}
/* ==================================================================================== */



/* ================================== EDIT TOOLPANE =================================== */
/*  These styles control the positioning of web part toolpanes when you're in edit mode */
#MSO_tblPageBody {
	position:absolute;
}

#MSOTlPn_MainTD {
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:6;
	
}
/* ==================================================================================== */




/* ================ FAQ WEB PART STYLES ===================== */
a.msg_head, a.msg_head:link, a.msg_head:visited, a.msg_head:active, a.msg_head:hover {
	color:#006cb5;  
	font-size:12px;
	display:block;
	margin-bottom:10px;

}

a.msg_head:hover {
	text-decoration:underline; 
	cursor:pointer; 

}

.ms-WPBody {
	color:#666666;
	padding-bottom:8px;
	font-size:12px;
}

/* ========================================================== */



/* ================ COLLAPSIBLE DIV STYLES ===================== */
.msg_head a, .msg_head a:link, .msg_head a:visited, .msg_head a:active, .msg_head a:hover
{
	color:#006cb5; 
	font-size:12px;
	display:block;
	margin-bottom:2px;
	margin-top:12px;

}

.msg_head a:hover
{
text-decoration:underline; 
cursor:pointer; 
cursor:hand;

}
/* ========================================================== */




/* ================ DATA TABLE STYLES ===================== */
.GDOTtable {
	border: 1px solid #809ab7;
	color: #333333;
	background-color: #ecf0f4;
	margin: 10px;
	width:480px;
}

.GDOTtable th {
	color: #003399;
	text-align:left;
	font-weight:700;
	border-bottom:1px solid #cad0d2;
}

.GDOTtable td {
	padding:5px;
}

.GDOTtable tr.evenrow {
	background-color:#ffffff;
}
/* ======================================================== */




/* ================= ANNOUNCEMENT BOX ===================== */
.AnnouncementBox {
	width:480px;
	margin: 6px auto 12px auto;
	border:#0c0758 1px solid;
	padding:4px;
	background-color:#F9F9F9;
}

.AnnouncementBox td {
	 vertical-align:top;
}
/* ======================================================== */




/* =============================== PHOTO AND CAPTION: ========================== */
/* =============== DEFINE STYLES FOR A PHOTO WITH ASSOCIATED CAPTION =========== */
/* ========== THIS DIV STILL NEEDS TO HAVE WIDTH SET TO IMAGE WIDTH ============ */
/* <DIV class=photoright style="WIDTH: ###px">
		<IMG src="" /><BR>Caption</DIV> */


.photoright, .photoleft
{
		border:#CCCCCC 1px solid;
		padding:3px;
		background-color:#F9F9F9;
		font-size:9px;
		line-height:11px;	
		margin-bottom:8px;	
}

.photoright img, .photoleft img
{
				margin-bottom:4px;
				border:0;
}

.photoright
{
		float:right;
		margin-left:8px;
}
.photoleft
{
		float:left;
		margin-right:8px;
}



/* ============ THESE STYLES ARE USED IN THE 'STYLES' DROPDOWN ON THE PAGE EDITING TOOLBAR ========= */
.EditToolbarCustom-LinkDescriptiveText
{
	font-size:10px;
	color:#666666;
}

.EditToolbarCustom-SubtleEmphasis
{
	font-size: 13px;
	font-weight: bolder;
	font-style:italic;
	color: #033165;
}

.EditToolbarCustom-ListofLinks
{
	list-style-image:url('../SiteCollectionImages/angle-bullet.png');
	margin-top:0;
}

.EditToolbarCustom-ListofLinks ul
{
	list-style-image:url('../SiteCollectionImages/square-bullet.png');
}
/* =============================================================================== */