@charset "UTF-8";
/* CSS Document */



/* REDEFINED TAGS */ 
html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden; /*get rid of scroll bars in IE *//* */
}
body {
	border:0; /* remove borders */
	font-family:verdana, sans-serif;
	font-size:0.8em;
	text-align:center;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
}
#container {
	display:block; /* set up as a block */
	height:100%; /* set height to full page */
	max-height:100%;
	overflow:auto; /* add scroll bars as required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:3; /* allocate a suitable z-index */
}
/* paddings */

.pad1 {
	display:block;
	height:212px; /* height to miss header */
}

/* header padding for Family and Faculty areas */

.pad1-1 {
	display:block;
	height:116px; /* height to miss header */
}

.pad2 {  /* padding for main content area */
	display:block;
	padding:10px 10px 10px 150px;
}
.pad3 {
	display:block;
	height:40px; /* height to miss footer */
}

/* header area */
.area1 {
	background:transparent;
	display:block;
	height:212px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	width:99%;
	z-index:55;
}

/* header area for Family and Faculty areas */
.area1-1 {
	background:transparent;
	display:block;
	height:121px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	width:99%;
	z-index:55;
}
#header {
	margin:0 auto;
	height:223px;
	width:874px;
}
#header2 {
	height:212px;
	width:850px;
}

/* Headers for Faculty and Family Areas */
#header3 {
	position:absolute;
	left:50%;
	margin:0 0 0 -437px;
	overflow:hidden;
	width:874px;
	height:111px;
	padding:0;
	z-index:198;
}

/* footer */
.area2 {
	background:#9B7E61;
	bottom:-2px;
	display:block;
	height:24px;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	text-align:left;
	width:100%;
	z-index:4;
}
.footer {
	border:none;
	color:#68160C;
	font-size:.85em;
	font-weight:bold;
	margin:0 auto;
	padding:4px 0;
	text-align: center;
	width:850px;
}
.footer a {
	color:#68160C;
	text-decoration:none;
}
.footer a:hover {
	color:#68160C;
	text-decoration:underline;
}
/* main content area */
#maincontent {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:830px;
	height:100%;
}
/* navigation */

#navbar {
	top:253px;
	display:block;
	left:50%;
	margin:0 0 0 -432px;
	padding:0;
	position:absolute;
	text-align:left;
	width:150px;
	z-index:24;
}
#navbar2 {
	margin:20px 0 0 -10px;
	padding:0;
	position:absolute;
	text-align:left;
	width:150px;
	z-index:24;
}

/* navigation for Family and Faculty areas*/
#navbar3 {
	top:126px;
	display:block;
	left:50%;
	margin:0 0 0 -432px;
	padding:0;
	position:absolute;
	text-align:left;
	width:150px;
	z-index:24;
}

#navbar3 h4 {
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	color:#FFF;
	font-size:.75em;
	text-transform:uppercase;
	margin:0 0 12px 0;
}


hr {
	border:none;
	border-top:1px dotted #060;
	background:transparent;
	color:none;
	margin:10px 10px 10px 0;
	padding:0;
	height:auto;
}
/* headlines */

h1, h1 a {
	color:#68160C;
	font-size:20px;
	font-weight:normal;
	line-height:130%;
	margin:0 0 4px 0;
}
h2 {
	background:#F1E1BD;
	color:#8A6840;
	font-size:15px;
	font-weight:normal;
	border:3px solid #F1E1BD;
	-moz-border-radius: 16px;
	border-radius:16px;
	padding:12px;
	margin:3px 0;
	width:380px;
}
h3, h3 a, .heading {
	color: #1E4E3B;
	font-size:16px;
	font-weight:normal;
	line-height:130%;
	margin:0 0 3px 0;
	text-transform:uppercase;
	letter-spacing:.02em;
}
#features h3 {
	border-top:1px dotted #F1E1BD;
	color: #1E4E3B;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.3em;
	margin:6px 0 0 0;
	padding:6px 0 0 0;
	text-transform:uppercase;
	letter-spacing:.02em;
}
h3 strong {
}
h4, h4 a {
	color: #1E4E3B;
	font-size:15px;
	line-height:1.3em;
	margin:0 0 3px 0;
}

/* admin titles */

h5 {
	border:0;
	color:#68160C;
	font-size:1.5em;
	line-height:180%;
	margin:0 0 6px 0;
	padding:6px 0 0 0;
}
iframe {
	border:1px solid #FFF;
}
p {
	line-height:140%;
	margin:0 0 4px 0;
	padding:0;
	color:#3F351D;
}
/* IDS */

#blogmenu {
	background:url(../admin/images/button.jpg);
	border:1px solid #363C52;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:4px;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
}
#closewindow {
	text-align:right;
	font-size:.9em;
}
#column1, .column1 {
	padding:0;
	margin:0;
	text-align:left;
	width:660px;
}
#column2, .column2 {
	background:url(../images/dot.gif) repeat-y top left;
	display:inline;
	float:right;
	position:relative;
	z-index:37;
	margin:0 16px 16px 16px;
	padding:0 16px;
	width:216px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#features {
	background:url(../images/dot.gif) repeat-x top left;
	padding:0;
	clear:both;
}
#features h2 {
	color: #C92D06;
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:0.1em;
	text-transform:uppercase;
	padding:0 0 0 6px;
}
#logo {
	height:56px;
	left:50%;
	margin:0 0 0 -425px;
	padding:20px 23px;
	position: absolute;
	width:413px;
	z-index:220;
}
#pagetitle {
	color: #C30;
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:0.1em;
	text-transform:uppercase;
	padding-bottom:16px;
}
#photocycle {
	position:absolute;
	left:50%;
	margin:0 0 0 -425px;
	overflow:hidden;
	width:850px;
	height:242px;
	padding:0;
	z-index:200;
}
#photocycleBG {
	position:absolute;
	left:50%;
	margin:0 0 0 -437px;
	overflow:hidden;
	width:874px;
	height:242px;
	padding:0;
	z-index:198;
}
/*LOGIN AREA */ 
#loginarea {
	background:url(../images/login.gif) no-repeat;
	width:137px;
	height:143px;
	font-size:.9em;
}
#loginarea br {
	line-height:1em;
	margin:0;
	padding:0;
}
#loginarea strong {
	color: #693224;
	font-size:9px;
}
#loginform {
	line-height:1em;
	padding:12px 16px;
}
.field {
	font-size:10px;
	width:100px;
	height:14px;
	margin:3px 0 6px 0;
	padding:0;
}
#loginarea .button_small {
	background:#7F5A32;
	border:1px solid #7F5A32;
	font-family:Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:.8em;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	cursor:hand;
	height:auto;
	margin:4px auto;
	padding:1px 10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform:uppercase;
	text-decoration:none;
}
#loginarea .button_small:hover {
	border:1px solid #7F5A32;
	background: #9E7B61;
	text-decoration:none;
}
/*LOGIN AREA 2 */ 

#loginarea2-bg {
	padding:0;
	position:absolute;
	left:50%;
	margin:0 0 0 65px;
	width:350px;
	height:24px;
	z-index:222;
}
#loginarea2 {
	padding:0;
	position:absolute;
	left:50%;
	margin:0 0 0 65px;
	width:350px;
	height:auto;
	font-size:.9em;
	z-index:223;
}
#loginarea2 br {
	line-height:1em;
	margin:0;
	padding:0;
}
#loginarea2 strong {
	color: #FFF;
	font-size:9px;
}
#loginform2 {
	line-height:1em;
	padding:0;
}
#loginarea2 table td {
	padding:1px 4px 0 4px;
}
.field2 {
	font-size:10px;
	width:72px;
	height:12px;
	margin:3px 0;
	padding:1px;
	border:none;
}
.login_button {
	background:#F2E7C0;
	border:1px solid #FFF;
	font-family:Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	font-size:9px;
	line-height:9px;
	height:14px;
	font-weight:bold;
	color:#3F351D;
	cursor:pointer;
	cursor:hand;
	margin:0;
	padding:0 4px 1px 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform:uppercase;
	text-decoration:none;
}
.login_button:hover {
	border:1px solid #FFF;
	background: #360;
	color:#FFF;
	text-decoration:none;
}
/* TRANSPARENT AREA */ 

#main {
	padding:0;
	margin:0;
	text-align:left;
	position:relative;
	width: 680px; /* remember to set a width */
}
.overlay {
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background:#F2E7C0;
	opacity: 0.5;
	-moz-opacity: 0.5; /* older Gecko-based browsers */
	filter:alpha(opacity=50); /* For IE6&7 */
}
#main .content, #main #content {
	width: auto;
	padding:16px;
}
.content, #content{
	color:#3F351D;
	position: relative;
}

/* Lets use the * html hack so only IE6 reads the rule */
* html #main .overlay {
 height: expression(document.getElementById("main").offsetHeight);
}

.content a, #content a {
	color:#3F351D;
}

.content a:hover, #content a:hover {
	color:#2D6F59;
}

.content ul, #content ul{
	margin:0 12px;
	padding:0;
}

.content li, #content li {
	list-style-image:url(../images/bullet.gif);
	margin:4px;
	padding:0;
}

/* GALLERY BOX */ 
#greenbox {
	background:#2D6F59 url(../images/greenbox.jpg) no-repeat bottom right;
	margin:0;
	display:inline;
	float:right;
	position:relative;
	z-index:37;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width:214px;
}
#greenbox div {
	padding:6px;
}
#greenbox img {
	border:1px solid #FF9;
	margin:0 auto;
}
#greenbox h4 {
	color: #FF9;
	margin:4px 0;
	text-align:center;
}
#greenbox ul {
	margin:0 10px;
	padding:2px 10px;
}
#greenbox li {
	font-size:.8em;
	font-weight:bold;
	line-height:1em;
	list-style-image:url(../images/bullet2.gif);
	margin:6px 0;
}
#greenbox li a {
	color:#FF9;
	text-decoration:none;
	display:block;
	padding:3px 5px;
}
#greenbox li a:hover {
	background: #235F4A;
	color:#FF9;
	text-decoration:none;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* PHOTOS AND IMAGE BORDERS */ .insetphoto {
}
.photo {
	margin:4px auto;
}
.featurephoto, #column1 .featurephoto {
	background:#F1E1BD;
	border:3px solid #F1E1BD;
	/* 	height:140px;
	overflow:hidden; */
	margin:0 0 10px 0;
	width:200px;
}
.insetphoto img, .photo img {
	border:3px solid #F1E1BD;/* -moz-border-radius: 6px;
	border-radius: 6px; */ 
}
/* CLASSES */
.anchor {
position:absolute;
margin:-235px 0 0 0;
_position:relative;
}
.anchorspace {
height:235px;
}
.anchorspace div {
position:absolute;
left:-999em;
}

.dice, .block1 .dice, .block2 .dice {
	background:#FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:6px;
	text-align:center;
}

.dice input {
	margin:6px 0 0 0;
	text-align:center;
}

.feature {
	font-size:0.9em;
	text-align:left;
	padding:8px 8px 0 0;
	width:215px;
}

.feature h3, .feature p {
	margin:0;
}

.feature a {
	text-decoration:none;
}

.feature a:hover {
	color: #24634B;
	text-decoration:underline;
}

.scroller27 {
	height:350px;
	width:auto;
	padding:0 20px 0 0;
	overflow:auto;
}

/* PHOTO CAPTIONS */

.photo .small {
margin:2px 0 6px 0;
text-align:center;
padding:0;
}

/* CALENDAR STYLES */

#calendar-sm {
	border-top:1px dotted #34956F;
	color:#FF9;
	font-size:.9em;
	margin:0 0 12px 0;
}

#calendar-lg {
	color:#FF9;
	font-size:.8em;
	margin:0;
}

#calendar-lg table, #calendar-sm table {
border-bottom:1px solid #FF9;
}

#calendar-sm td {
	text-align:center;
}

.calendar-lg-row1 {
color:#1E4E3B;
}

.calborder {
	padding:3px;
	border-top:1px solid #FF9;
	border-left:1px solid #FF9;
}

#calendar-sm h3 {
	letter-spacing:normal;
	text-transform:none;
	color:#FF9;
	font-weight:bold;
}

#calendar-sm a {
	color:#FF9;
	padding:1px;
	margin:0;
	text-decoration:underline;
	font-weight:bold;
}

#calendar-sm a:hover {
	background:#49190D;
	color: #FF9;
	text-decoration:underline;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#calendar-lg a {
	color:#FF9;
	font-size:.8em;
	text-decoration:underline;
	padding:2px 4px;
	font-weight:bold;
}

#calendar-lg a:hover {
	background:#030;
	color: #FF9;
	text-decoration:underline;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.prev-next a, #content .prev-next a{
	background:#72261C;
	border:1px solid #72261C;
	color:#FF9;
	margin:0 6px;
	padding:1px 3px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none;
	font-size:.75em;
	font-weight:bold;
}

.prev-next a:hover, #content .prev-next a:hover {
	background:#BB521A;
	color:#FF9;
	border:1px solid #BB521A;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none;
}

/* TAG CLOUD for BLOG */



/* BLOG and FORUM */
.breadcrumbs {
	font-size:.9em;
	font-weight:bold;
}
#tagcloud {
	background:url(../images/tagcloud.gif) no-repeat center top;
	float:right;
	width:300px;
	padding:6px;
}
.comment1 {
	background:#FFC;
	width:600px;
	line-height:140%;
	padding:10px;
	margin:20px 0 0 0;
}
.comment2 {
	background:url(../images/commentz.gif) no-repeat left top;
	font-size:.9em;
	width:620px;
	line-height:140%;
	padding:20px 0 0 0;
	margin:0 0 30px 0;
}
.post1 {
	background:#FFF;
	width:600px;
	line-height:140%;
	padding:10px;
	margin:20px 0 0 0;
}
.post2 {
	background:url(../images/commentz2.gif) no-repeat left top;
	font-size:.9em;
	width:620px;
	line-height:140%;
	padding:20px 0 0 0;
	margin:0 0 30px 0;
}
.comment1 h3, .post1 h3 {
color:#1E4E3B;
}
#content comment1 h3 a, #content .post1 h3 a {
	color:#1E4E3B;
	text-decoration:underline;
}
#content .comment1 h3 a:hover, #content .post1 h3 a:hover {
	color:#2D6F59;
	text-decoration:underline;
}


/* MESSAGES AND ALERTS */
.succMessage {
	background:#FFF url(../images/success.jpg) no-repeat left center;
	border: 1px solid #360;
	color:#360;
	font-weight:bold;
	margin:16px 0 ;
	padding: 12px 12px 12px 50px;
}
.errMessage {
	background:#FFF url(../images/error.jpg) no-repeat left center;
	border: 1px solid #C30;
	color:#C30;
	font-weight:bold;
	margin:16px 0 ;
	padding: 12px 12px 12px 50px;
}