/* @group Defaults

	Core Colors:
		Blue: #3e94d3;
		Light Grey: #E9EAEB
		Dark Grey: #554


	Layer Hierarchy
		serverMessageWindow:30	(always on top)
		loginForm:			25	
		fckeditor:			20
		bgImageInfo:		10
		menuContainer: 		5
		bgImage: 			0 	(behind other layers)
*/

@page { size: landscape; }	/* print in landscape - not fully supported */

html, body {
	background-color: #C1D72D; /*was E9EAEB*/
	font-family: Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:14px; color:#554;
	min-width:1000px;	/* 1024 taking into account the scrollbar */
}

p, span, label, .span, .p, textarea {font-size:14px; line-height:22px; color:#554; }
h1, .h1 {font-size: 24px; line-height:26px; font-weight: 400; letter-spacing:2px; color:#3e94d3; margin:0 0 10px 0;}
h1.blogPreviewTitle {font-size:20px; line-height:22px; font-weight: 800; color:#3e94d3;}
h1.extra {font-size: 16px; margin:0 0 0 20px; text-transform: uppercase; letter-spacing:2px; color:#554; }
h2, .h2 {font-size: 20px; line-height: 22px; font-weight:100; color: #666666; margin:0 0 8px 0;}
h3, .h3 {font-size: 18px; line-height:20px; font-weight:100; color:#554; margin:0 0 6px 0;}
h4, .h4 {font-size:16px; line-height:18px; font-weight:800; color:#554; margin:0 0 4px 0;}
li, .li {line-height:24px;}
label {color:#554}
table {background-color: transparent; margin: 20px 0 20px 0;}
th {background-color: #eee; font-weight: bold; padding: 6px; text-align: left;}
fieldset {border-style: none; margin:0; padding:0; }
a img { border: none ;}
code {margin:0 0 0 20px; display:inline; padding:0; font-size:14px; line-height: 14px; color: blue;}
hr {clear:both; color:#eee; width:40%}
hr.notContent {width:100%}
hr.sectionBreak {color:red; width:80%; clear:none; display:inline}
textarea { border:1px dotted #ddd; font-size:14px; line-height:22px; color:#11A; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top:8px; width:100%; overflow:hidden;}
input.inPlaceEditor { border:1px dotted #ddd; }
span.draft {color:red}
span.pageAuthor {margin-left:30px; color:#3e94d3}
span.pageTimestamp {color:#3e94d3}
a:link, a:visited, a:hover, a:active, .link {text-decoration:none; line-height: 20px; color:#09c; font-size:14px; cursor:pointer}

/* fck legacy setting */
img[align=left] {margin:0 20px 0 0} /* this styles the fckeditor image attributes */
img[align=right] {margin:0 0 0 20px} /* this styles the fckeditor image attributes */

img[style~="left;"] {margin:0 20px 0 0} /* this styles the ckeditor image attributes */
img[style~="right;"] {margin:0 0 0 20px} /* this styles the ckeditor image attributes */


@media print {.noPrint {display:none}}
.fullWidth {width:100%; }	/* fake background image */
.bgImage {position:fixed; height:100%}
.homepage .bgImage {top:25px}
.grey {color:#999}
.dashed {border:1px dashed #999;}
.editorLink {font-size:11px; font-weight:500; color:#09c}
.small {font-size:11px; font-weight:500;}
.right {float: right; margin:5px 0 5px 5px;} /* used by fckeditor for image wrapping */
.left {float: left; margin:5px 10px 5px 0;} /* used by fckeditor for image wrapping */
.border {border: 1px solid #DDDDDD;}
.hide {display:none}
.error {font-size:14px; font-weight:500; color:red;}
.success {font-size:14px; font-weight:500; color:green;}
.info {font-size:11px; font-weight:500;color:blue;}
.clear {clear: both; height: 1px; display:block;}
.hide {display:none;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.logoText {color: #993300; font-style: italic;}
.checkBox {margin:10px 10px 0 0; padding:2px 3px 2px 3px; background-color: #FFCCFF; border: solid thin #666666;}
.redBorder {border: 2px solid red}	/*used to highlight errors during input validation */ 
.comment {color: #99C525; font-size:small;font-weight:100;}


#homeLink {display:none;}

/* custom form button */
.greenBtn {
	height: 20px;
	margin: 0;
	padding: 0 3px 3px 3px;
  	border: 0px solid #aaaaaa;
  	background: url(/img/manascisaac/greenBtnBg.png) repeat-x;
  	overflow: hidden;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	font-size: 12px;
	color:#444444;
}
/*------------ page box structure ----------------------------------------*/



#permissionsBox {
	display:none;
	position: fixed;
	top:250px;
	left: 40%;
	background-color: #554;
/*	opacity: 0.9; filter:alpha(opacity=90); zoom: 1; */
	border: 1px  outset #000;
	padding:5px;
	max-width:500px;
	z-index:15;
}
#permissionsBox .groupsLabel {color:#fff}
#permissionsBox .defaultsLabel {color:#ddd}
#permissionsBox table {padding:0; margin:0px;}
#permissionsBox th {color:#000; background-color: #ddd; font-weight: bold; padding: 6px; margin-bottom:15px; text-align:left;}
#permissionsBox .buttons {margin-top: 15px;}


/* ckeditor toolbar */
#cke_top_replaceMe {
	background-color:#554;
}

#blogToolbar {
	color:#fff; 
	background-color:#554;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#blogToolbar label, #blogToolbar span  {color:#fff;}


#notifyBox {
	display:none;
	position: fixed;
	top:250px;
	left: 30%;
	background-color: #eaeae0;
	border: 1px outset #000;
	padding:10px;
	max-width:500px;
	z-index:15;
}
#notifyBox h2 {margin:0}




#imageInfo {
	position: absolute;
	bottom:0;
	padding:0;
	line-height:20px;
	color: white;
}
#imageInfo span {color: white}


#loginStatus {
	position: absolute;
	top: 0;
	opacity: 0.4; filter: alpha(opacity=40); zoom: 1;
	padding:0;
	z-index:5;
}
#loginStatus table {margin:0; padding:0;}
#loginStatus td {padding:0 5px 0 5px;}
.leftBorder {border-left: 1px solid #ddf;}
#loginStatus a:link, #loginStatus a:visited, #loginStatus a:active {color: #fff; font-size:15px; line-height:20px;}
#loginForm {
	position: fixed;
	top: 100px;
	left:400px;
	line-height:17px;
	padding: 10px;
	background-color: #fff;
	border: 2px  outset #fff;
	opacity: 0.85; filter: alpha(opacity=85); zoom: 1;
	z-index:25;
}
#loginForm h3, #loginForm label {color:#554}


#pageContainer {position:relative; border-top:25px solid #429deb;}
.homepage #pageContainer {border-top:none;}




/********* header group **********/
#header {
	position:relative;
	width:100%;
	z-index:5;
}

.homepage #header {
	position: absolute;
}


#menuBar {
	position:fixed;
	top:0;
	width:100%;
	height: 25px;
	background-color: #429deb;
	z-index:20;
/*	border-top:25px solid #429deb; */
}


/* main menu */
#menuContainer {position:absolute; right: 0; padding:0; margin:0; z-index:15;}
#menuContainer a { text-decoration: none; }
#menuContainer ul {margin:0; padding:0;}
#menuContainer li { float: left; position: relative; font-size: 14px; list-style:none; margin:0; padding:0; border-right: 0px dotted #5af;}
#menuContainer li:last-child {border-right: none;}
#menuContainer li a, #menuContainer li a:link, #menuContainer li a:visited { padding: 8px 12px 8px 12px; color: #554; line-height:25px}
#menuContainer .hierarchy-0 li a:hover { background-color: #5af; }
#menuContainer .hierarchy-0 li a.selected { color:#fff }
#menuContainer .hierarchy-1 li a:hover { background-color: #adf; }
#menuContainer .hierarchy-1 li a.selected {color:#fff}
#menuContainer .hierarchy-2 li a:hover { background-color: #8cf; }
#menuContainer .hierarchy-2 li a.selected { color:#fff}


/****** Rounded Main Menu Container ******
#menuContainer {float:right; margin:10px 0 0 0; clear:both; z-index:15}
#menuContainer ul {padding:0; margin:0}	//suppress indentation of list items in unordered list 
#menuContainer li, #menuContainer a:link, #menuContainer a:visited, #menuContainer a:active {font-size:16px; line-height:30px; color:#ddd; list-style:none;}
#menuContainer a.selected {line-height:34px; color:#fff; }
*/


#home {float:right;}
.homepage #home {display:none}


.menuSection {
	position: relative;
	display:block;
	height:25px; 
	overflow:hidden;
}

.menuSection.hierarchy-0 {
	background-color: #429DEB;
}
.menuSection.hierarchy-1 {
	background-color: #5af;
}
.menuSection.hierarchy-2 {
	background-color: #adf;
}









#logo {
	position: absolute;
	top:0px;
	right:0px;
}
#logo img {width:80px;}

#slogan {
	position: absolute;
	top:0px;
	right:160px;
	width:130px;
	text-align:right;
}
#slogan p {	
	font-size: 11px;
	color:#3D3D2A;
}


#searchBar {
	position: absolute;
	bottom: 3px;
	right: 20px;
}
.search {
	width:250px;
}



#serverMessageWindow {
	position: fixed;
	top: 150px;
	right: 400px;
	z-index: 30;
}
#serverMessageWindow span {color:red;}


/************ main content group ************/
#mainContentContainer {
	position:relative;
	min-height:500px;
}
@media print {#mainContentContainer {margin:0; }}
#view404 #mainContentContainer {margin:20px}

#contentDisplay hr.sectionBreak {display:none}	/* used to demarcate the blog intro from the rest of the blog article */  


#mainContentBody {position:relative; width:69.7%;}
#mainContentBody.wideBody, .homepage #mainContentBody, .defaultView #mainContentBody, .blogView #mainContentBody, .registrationView #mainContentBody {width:100%}

#wallpaper {position:fixed; width:100%;}


#logoImage {
	position:relative;
	margin:10px 0 0 0;
	z-index:10;
	width:100px;	/*this prevents interference with menu*/
}

.homepage #logoImage {
	position:absolute; margin:10px 0 0 10px; z-index:5
}



#sbcLogoImage {
	float:right;
	margin:100px 30px 0 0;
	width:150px;
	clear:both;
	z-index:5;
}



#bgImageMenu {
	position:fixed;
	overflow:hidden;		/* prevent menu spill into the logo/slogan/search area */
	bottom:0px;
	left:0px;
	padding:5px;
	z-index:5;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70); zoom: 1;
/*	border: 1px solid blue; */
}
#bgImageMenu ul {padding:0; margin:0; }	/* suppress indentation of list items in unordered list */
#bgImageMenu li {color: #809010; list-style:none; border: 0px solid red; margin-bottom: 5px;}	/* makes non link menu items green */
#bgImageMenu img {width:30px; display:block; height:30px; opacity: 1.0; filter: alpha(opacity=100); zoom: 1;}
#bgImageMenu img.selected {width:35px; height:30px; opacity: 0.3; filter: alpha(opacity=30); zoom: 1;}
#bgImageMenu img.hover {border:1px solid #fff}
#bgImageMenu img.editorLink {width:20px; height:20px; margin-left:5px; opacity:1.0; filter: alpha(opacity=100); zoom: 1;}	/* this is for the add/remove edit buttons */


#bgImageTitle {
	position: fixed;
	bottom:0px;
	left: 45px;
	z-index:10;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70); zoom: 1;
	padding:10px;
	color:#fff; font-size:18px;
}





#bgImageInfo {
	position: absolute;
	overflow: hidden;		/* prevent menu spill into the logo/slogan/search area */
	top: 40px;
	left: 100px;
	z-index:10;
	background:	url(/img/reimagine/whiteBg85.png) repeat;
	padding:20px;
}






/*** homepage quote box ***/

#quoteContainer {					/* scales to fit window */
	position: absolute;
	width: 300px;
	top:0px;
	left:20px;
	height: 700px;
	padding: 0px;
	border:1px solid #ccc;
	border-right:2px solid #ccc;
}
#quoteBody {						/* defines the rectangular element preceding the footer */
	position: relative;
	overflow: hidden;
	height: 100%;
	background: url(/img/reimagine/whiteBg85.png) repeat;
}
#quote {
	position: absolute;
	bottom:0px;
}
#quoteFooter {						/* contains triangular background image */
	position: relative;
	width: 100%;
	padding: 0px;
}
#quote p {
	margin:0px 12px 0px 20px;
	font-size:30px;
	line-height:50px;
	font-weight:400;
	font-stretch: narrower;
	font-variant: small-caps;
	color:#554;
}




#userInfoBox {
	position: absolute;
	top:0;
	right:0;
	z-index:5;
	width:100%;
	padding-bottom:50px;
}



#rightFullHeightSidebar {
	position: absolute;
	top:0;
	right:0;
	z-index:5;
	width:100%;
	padding-bottom:50px;
}

.homepage #rightFullHeightSidebar {	width:40%; }


/********** sidebar ***********/
#sidebar {
	float:right;
	width: 30%;
	max-width:400px;
	clear:both;
	margin:80px 0 0 0;
}
@media print {#sidebar {display:none}}

#sidebar table, #sidebar tr, #sidebar td {margin:0; padding:0;}
#sidebar ul {padding:0 0 0 20px}
#sidebar li {color:#fff; list-style: circle; padding:0}
#sidebar li.selected, #sidebar a.selected {color:#554;}
#sidebar a {color:#fff; display:block;}
#sidebar h1 {font-size: 16px; line-height:24px; font-weight:400; letter-spacing:2px; color:#554; margin:0 0 10px 0;}

#sidebarSectionContainer {
	position:relative;
	padding:30px 0 10px 40px;
	background: url(/img/reimagine/sidebarBox.png) repeat-y;
}

#sidebarSectionContainer .sidebarSection h1 {font-size: 14px; line-height:16px; font-weight: 400; color:#554; margin:10px 0 10px 0; text-transform: uppercase;}

#sidebar .checkboxes ul {padding:5px 0 5px 17px}
#sidebar .checkboxes li {list-style:none;}

#sidebarFooter {
	position:relative; 
	background: url(/img/reimagine/sidebarBox.png) bottom left no-repeat;
	height:80px;
	margin-bottom:50px;
}


#treeObj span {line-height:18px;}	/* required to prevent the tree menu from stretching */


.pageToolbar {float:right; margin:20px 0 0 0 }
.pageToolbar #pageDeleteButton {height:20px; margin: -70px -60px; right:0; position: absolute; cursor:pointer;}


/*** homepage news headlines ***/

/* Cornered Blog Summary Boxes */
.mainContentBox {
	position: relative;
	margin:0px 0 80px 0px;
	width:69.7%;
	z-index:10;
/*	border:1px solid black */
}

.mainContentBox .content,
.mainContentBox .l {
 	background:transparent url(/img/reimagine/boxCornerWhiteLeftBody.png) repeat-y top right;
}

.mainContentBox .t,
.mainContentBox .t div,
.mainContentBox .b,
.mainContentBox .b div {
 	background:transparent url(/img/reimagine/boxCornerWhiteLeft.png) no-repeat top right;
}

.mainContentBox .t {
	/* top horizonatal slice */
	position:relative;
	width:100%; margin-left:0px; /* top slice width */
	height:60px;
/*	border:1px solid orange; */
}
.mainContentBox .t div {
	position:absolute;
	width:60px; margin-left:-60px; /* bottom corner width */
	height:100%;
 	background-position:top left;
/*	border:1px solid green; */
}

.mainContentBox .content {
 	position:relative;
	_overflow-y:hidden;
 	padding:0px 80px 0px 3%;
	background-repeat:repeat;
/* 	border:1px solid yellow; */
}

.mainContentBox .l {
	/* left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:60px; margin-left:-60px; /* left slice width */
	height:100%;
	background-repeat:repeat;
	background-position:top left;
/* 	border:1px solid blue; */
}

.mainContentBox .b {
 	/* bottom */
 	position:absolute;
 	width:100%;
	margin-left:-3%;
 	height:60px; /* height of bottom cap/shade */
	background-position: bottom right;
/* 	border:1px solid red; */
}

.mainContentBox .b div {
	position:absolute;
	width:60px; margin-left:-60px; /* bottom corner width */
	height:100%;
 	background-position:bottom left;
/*	border:1px solid green; */
}



#mainContentContainer .mainContentBox p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}



/*** homepage news headlines ***/

.latestNewsLabel {
	margin:80px 0 0 0px;
	padding:0;
	float:right;
	width:80%;
	clear:both;
}

.latestNewsLabel p {color:#000; margin:0}
#newsHeadlines h1.contentTitle {color:#fff}


/* Cornered Blog Summary Boxes */
.rightSidebarBox {
	margin:20px 0 0 0;
	float:right;
	width:100%;
	clear:both;
}

.defaultView .rightSidebarBox, .contactView .rightSidebarBox, .registrationView .rightSidebarBox {width:200px; margin-top:50px}


.rightSidebarBox.newsHeadlines {width:350px; cursor:pointer;}

.rightSidebarBox.first {margin:0 0 0 0;}



.rightSidebarBox .content,
.rightSidebarBox .t,
.rightSidebarBox .b,
.rightSidebarBox .b div {
 	background:transparent url(/img/reimagine/boxCornerWhite.png) no-repeat top right;
/* could help with some versions of IE _background-image:url(/img/commentBox.gif); */
}


.rightSidebarBox .content {
 	position:relative;
	_overflow-y:hidden;
 	padding:20px 20px 0px 0px;
/* 	border:1px solid yellow; */
}


/* this is used to clip excessively long summaries */
.rightSidebarBox .clipSummary {
	max-height:400px;
	overflow:hidden;
}



.rightSidebarBox .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:60px; margin-left:-60px; /* top slice width */
	height:100%;
	background-position:top left;
/* 	border:1px solid blue; */
}


.rightSidebarBox .b {
 	/* bottom */
 	position:absolute;
 	width:100%;
 	height:60px; /* height of bottom cap/shade */
	background-position:bottom right;
/* 	border:1px solid red; */
}

.rightSidebarBox .b div {
	position:absolute;
	width:60px; margin-left:-60px; /* bottom corner width */
	height:100%;
	background-position:bottom left;
/*	border:1px solid green; */
}


.rightSidebarBox .hd,
.rightSidebarBox .bd,
.rightSidebarBox .ft {position:relative; float:right; bottom:20px; right:115px; color:#B00; font-size: 11px}

.rightSidebarBox .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}


.rightSidebarBox.newsHeadlines img {width:40%; float:left; margin:0 20px 0 0;}


#mainContentContainer .rightSidebarBox p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}








/*** Blog Article Summaries ***/

/* Cornered Blog Summary Boxes */
.blogSummary {
	position: relative;
	z-index:5;
	margin:20px 0 40px 40px;
	cursor:pointer;
}

.blogSummary .content,
.blogSummary .t,
.blogSummary .b,
.blogSummary .b div {
 	background:transparent url(/img/reimagine/boxCornerWhiteLeft.png) no-repeat top right;
/* could help with some versions of IE _background-image:url(/img/commentBox.gif); */
}


.blogSummary .content {
 	position:relative;
	_overflow-y:hidden;
 	padding:60px 60px 0px 0px;
/* 	border:1px solid yellow; */
}


/* this is used to clip excessively long summaries */
.blogSummary .clipSummary {
	max-height:380px;
	overflow:hidden;
}



.blogSummary .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:60px; margin-left:-60px; /* top slice width */
	height:100%;
	background-position:top left;
/* 	border:1px solid blue; */
}


.blogSummary .b {
 	/* bottom */
 	position:absolute;
 	width:100%;
	left:0px;
	bottom:-60px;
 	height:60px; /* height of bottom cap/shade */
	background-position:bottom right;
/* 	border:1px solid red; */
}

.blogSummary .b div {
	position:absolute;
	width:60px; margin-left:-60px; /* bottom corner width */
	height:100%;
	background-position:bottom left;
/*	border:1px solid green; */
}


.blogSummary .hd,
.blogSummary .bd,
.blogSummary .ft {position:relative; float:right; bottom:20px; right:115px; color:#B00; font-size: 11px}

.blogSummary .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}


.blogSummary img {width:40%; float:left; margin:0 20px 0 0;}



#mainContentContainer .blogSummary p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}




/******** Contact Page **********/
#contactView .passportPhoto {height: 120px}






/************ rounded comment Boxes *************/
.comment {
	margin:10px 40% 70px 20px;
	clear:both;		/* required for IE to not mangle things up */ 
}

.comment .content,
.comment .t,
.comment .b,
.comment .b div { 
 	background:transparent url(/img/reimagine/boxCornerWhiteLeft.png) no-repeat top right;
/* could help with some versions of IE _background-image:url(/img/commentBox.gif); */
}

.comment .content {
 position:relative;
 padding:30px 20px 0px 0px;
}

.comment .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:20px; /* top slice width */
	margin-left:-20px;
	height:100%;
	background-position:top left;
}

.comment .b {
	/* bottom */
	position:absolute;
	width:100%;
	left:0px;
	bottom:-50px;
	height:50px; /* height of bottom cap/shade */
	background-position:bottom right;
}


.comment .b div {
	position:absolute;
	width:20px; /* bottom corner width */
	height:100%; /* height of bottom cap/shade */
	margin-left:-20px;
	background-position:bottom left;
}

.comment .hd,
.comment .bd,
.comment .ft {display:none; position:relative; float:right; bottom:-30px; right:115px; color:#99C525; font-size: 11px}
.comment .ft a {color:#09c; font-size: 11px}

.comment .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.comment p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
 color:#554
}

.editable.comment p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
 color:#00AAEE;
}

#commentDisplay h1 {
 margin-left:20px;
 color:#554;
 font-size:24px;
}




/* footer group */
#footer {
	position:relative;
	width:100%;
	clear:both;
}
#footer p {	
	font-size:10px;
	line-height:12px;
	color:#554;
}



#contentEditor {background-color: #FFF;}

#view404 #busyAnimation{display:none}


/* @end */