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

/* page & general setup */
html, body {
	margin: 0 0 1px 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	background: #d6cfcd;
}

#page {
	width:760px;
	margin:0 auto;
	padding:0;
	/* background-color:#ffc414; */
	background-color:#625f5e;
	border-left:#625f5e 2px solid;
	border-right:#625f5e 2px solid;
	/* height:100%; */
}

/* layout rows */
#header-row, #content-row, #footer-row, #copyright-row {
	width:100%;
	margin:0;
	padding:0;
}

#header-row {
	height:136px;
}

#content-row {
}

#footer-row {
	clear:both;
	background-color:#712d96;
}

#copyright-row {
	background-color:#625f5e;
}

/* content blocks */
#header-block, #content-block, #footer-block, #copyright-block {
	margin:0;
	padding:0;
}

#header-block {
}

#content-block {
	float:left;
	background:#ffffff url(img/content_fill.jpg) repeat-y top left;
}

.landing #content-block {
	float:left;
	background:#ffc414 url(img/content_fill_landing.jpg) repeat-y top left;
}

/* main content holder column*/
#content-col {
	float:left;
	width:554px;
	padding:0 0 1px 0;
	color:#4B348D;
}

#content {
	margin:20px 40px 20px 15px;
}


/* landing page */
#content-top, #content-bot, #statement {
	margin:18px 12px;
	width:530px;
}

#statement1 {
	margin:18px 12px;
	width:530px;
font-weight:bold;
color:#cc3366;
}

#statement1 p{
font-size:12px;
}

#statement2 {
	margin:18px 12px;
	width:530px;
font-weight:bold;
}

#statement2 p{
font-size:12px;
}

#content-top {
	margin-top:0;
	background:url(img/content_ab.jpg) repeat-y top left;
}

#content-bot {
	background:url(img/content_c.jpg)  repeat-y top left;
}

	/* top row */
	#content-a, #content-b, #vision, #mission {
		float:left;
		margin:0 12px;
		padding:0;
		width:235px;
	}
	
	#vision1, #mission1 {
		float:left;
		margin:0 12px;
		padding:0;
		width:235px;
	}
	
	#vision p, #mission p {
	font-size:12px;
	font-weight:bold
	}
	
	#vision1 p, #mission1 p {
	font-size:12px;
	font-weight:bold;
	color:#cc3366;
	}
	
	#content-b {
		margin:0 12px 0 24px;
	}
	
	#content-ab-top, #content-ab-bot {
		margin:0;
		padding:0;
		height:10px;
		width:530px;
	}
	
	#content-ab-top {
		background:url(img/content_ab_top.jpg);
	}
	
	#content-ab-bot {
		clear:both;
		background:url(img/content_ab_bot.jpg);
	}
	
	/* bottom row */
	#content-c {
		margin:0 12px;
		padding:1px 0;
		width:506px;
	}
	
	#content-c-top, #content-c-bot {
		margin:0;
		padding:1px 0;
		height:11px;
		width:530px;
	}
	
	#content-c-top {
		background:url(img/content_c_top.jpg);
	}
	
	#content-c-bot {
		background:url(img/content_c_bot.jpg);
	}
	
	/* common */
	#content-a p, #content-b p, #content-c p {
		margin:0 0 0.8em 0;
	}

	p.morelink {
		text-align:right;
		margin:0;
	}
	
	p.morelink a {
		color:#4B348D;
		text-decoration:none;
	}
	
	p.morelink a:hover {
		text-decoration:underline;
	}

/* editor */
#editor_top, #editor_bot {
	margin:20px 40px 20px 15px;
	background:#f5f5f5;
	clear:both;
}

form.admin {  
}

form.admin fieldset {
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form.admin label { 
	display: block;   /*block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0;  /*set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form.admin fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form.admin fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form.admin input, form.admin textarea, form.admin select {
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form.admin input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto;}

form.admin small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.admin small-left {
	display: block;
	margin: 10px 10px 5px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.admin #news-block {
	margin-left:185px;
	font-size:1.2em;
}

form.admin .required { /* uses class instead of div, more efficient */
	font-weight:bold; 
	color:#990000;
}

form.admin br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form.admin p {
	font-size:1.0em;
	margin:5px 0 0 10px;
	padding: 1px 3px;
}

/* menu & news column */
#right-col {
	float:left;
	width:206px;
	background-color:#ffd24a;
	padding:0 0 1px 0;
}

/* menu */
#menu-block, #statement-alt {
	margin:18px 6px 24px 12px;
}

#statement-alt {
	color:#4B348D;
}

#menu-block ul {
	margin:0;
	padding:0;
	list-style:none;
}

#menu-block li {
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

#menu-block ul ul {
	margin:0;
	padding:0 0 4px 8px;
}

#menu-block ul ul li {
	font-size:0.95em;
}

#menu-block a {
	text-decoration:none;
	color:#4B348D;
}

#menu-block a:hover {
	text-decoration:underline;
}

#menu-block a.current {
	color:#d31a58;
}

#menu-block ul ul a {
	color:#ffffff;
}

#menu-block ul ul a.current {
	color:#ffffff;
	text-decoration:underline;
}

/* news */
#news-block {
	width:182px;
	text-align:center;
	background:#ffc414;
	margin:10px 12px 10px 12px;
}

#news-block p {
	font-size:0.9em;
	font-weight:bold;
	color:#cc3366;
	padding:2px 0;
	margin:2px 0;
}

news-block-top {
	padding:0;
	margin:0;
	background:#ffcc00;
}

#news-items {
	padding:4px 0 14px 0;
	background:#ffffcc url(img/news_footer.jpg) bottom left no-repeat;
	color:#333399;
}

#news-items p {
	margin:2px 6px 12px;
	padding:2px 4px 8px;
	font-size:0.8em;
	font-weight:normal;
	color:#333399;
	line-height:1.1em;
	border-bottom:#ffcc00 dotted 2px;
}

#news-items a {
	text-decoration:none;
	font-weight:bold;
	color:#cc3366;
}

#news-items a:hover {
	text-decoration:underline;
}

/* footer */
#footer-block {
	padding:1px 0;
	text-align:center;
	color:#FFFFFF;
}

#footer-block p {
	font-size:.7em;
}

#footer-block a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer-block a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/* copyright */
#copyright-block {
	padding:1px 0;
	text-align:center;
	color:#FFFFFF;
}

#copyright-block p {
	font-size:.7em;
}