/* Start of CMSMS style sheet 'screen' */
/**-------------------------------------------------------------
*  ========================= B A S I C =========================
*-------------------------------------------------------------*/

html { background: #88a3b2; }
body { font-family: verdana; }
dfn { display: none; }

/* Globals */
.float-right { float: right; }
strong { font-weight: bold; }
em { font-style: italic; }
.center { text-align: center; }

/**-------------------------------
*  BASIC_HEADINGS
*-------------------------------*/

h2 {
	border-bottom: 1px solid #DA8937;
	border-left: 14px solid #DA8937;
	color: #294B5F;
	font-size: 138.5%;
	font-weight: bold;
	margin-bottom: .5em;
	padding: 2px 0 4px 10px;
}
h3 {
	color: #294B5F;
	font-size: 123.1%;
	font-weight: bold;
	margin-bottom: 4px;
}

/**-------------------------------
*  BASIC_LINKS
*-------------------------------*/

a:link,
a:visited { color: #385C72; }
a:active, a:focus { outline: 0; }

/**-------------------------------
*  BASIC_LISTS
*-------------------------------*/

#content ul,
#content ol { margin: 0 0 1.5em 20px; }
#content li {
	list-style: disc;
	margin-bottom: 5px;
	font-size: 93%;
}
#content ol li { list-style: decimal; }

/**-------------------------------
*  BASIC_TEXT
*-------------------------------*/

p {
	font-size: 93%;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}


/**-------------------------------------------------------------
*  ======================== L A Y O U T ========================
*-------------------------------------------------------------*/

#doc2 {
	background: #FFF;
	border: 2px solid #DBDBDB;
	margin: 12px auto;
	width: 72.769em;
	*width: 70.95em;
}

/**-------------------------------
*  LAYOUT_HEADER
*-------------------------------*/

#hd #header {
	background: url('images/cms/header_bg.jpg') repeat-x top left;
	border-bottom: 2px solid #DBDBDB;
	padding: 8px 15px 12px;
	position: relative;
}
#hd #header h1 a {
	background: url('images/cms/logo.jpg') no-repeat;
	display: block;
	height: 68px;
	text-indent: -1000em;
	width: 220px;
}
#hd #slogan {
	color: #385c72;
	position: absolute;
		top: 35px;
		left: 260px;
	font-family: Gerogia, serif;
	font-style: italic;
	font-size: 138.5%;
}

/* Breadcrumbs */
#hd #breadcrumbs {
	border-bottom: 1px dotted #222;
	font-size: 93%;
	margin: 0 15px;
	padding: 12px 0 10px;
}

/* Nav */
/********************
MENU
*********************/
#menu_vert { margin-bottom: 1.5em; }

/* third level has some padding to have it stand out */
div#menu_vert ul ul ul { padding-bottom: 0.5em; }

/* menu li block */
#menu_vert li {
   border-bottom: 1px solid #c0c0c0;
   display: block;
}

#menu_vert ul ul li { border: none; }

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   color: #18507C; /* this will be link color for all levels */
   background: url(images/cms/arrow-right.gif) no-repeat 0.5em center; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/dash.gif) no-repeat 2.8em center; 
}

/* hover state for all links */
div#menu_vert a:hover { background-color: #C3D4DF; }
div#menu_vert a.activeparent:hover {
   background-color: #C3D4DF;
   color: #18507C;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   background: url(images/cms/arrow-down.gif) no-repeat 0.4em center; 
   background-color: #385C72;
   color: #fff;
}

div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #18507C;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {
   background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;
   background-color: #385C72;
   display: block; 
   padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; 
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr { display: none; /* this is for accessibility */ }

/* Search */
#hd #search {
	float: right;
	font-size: 93%;
	margin-right: 15px;
	padding-top: 9px;
}

/**-------------------------------
*  LAYOUT_BODY
*-------------------------------*/

#bd #leftcol {
	width: 18.46em;
	*width: 18em;
}
#bd #rightcol {
	margin-left: 20em;
	*margin-left: 19.50em;
}
#bd #content { margin: 20px 15px 0 0; }
#content #home-sidebar {
	width: 31%;
	margin-left: 2.99%;
}


/**-------------------------------
*  LAYOUT_SIDEBAR
*-------------------------------*/

#bd #sidebar { margin: 20px 0 0 15px; }

/* News */
#news { margin-bottom: 1.5em; }
#news h2 { margin: 0; }
#news .wrap {
	background: #FFE9AF;
	border: 1px solid #DBDBDB;
	padding: 10px;
}
#news .entry {
	border-bottom: 1px dotted #999;
	padding-bottom: 8px;
	margin-bottom: 1.5em;
}
#news h3 {
	border: none;
	font-size: 108%;
	padding: 0;
	margin-bottom: 4px;
}
#news p { margin-bottom: .6em; }
#news .date,
#NewsPostDetailDate,
#content .date {
	font-size: 93%;
	font-weight: bold;
	margin-bottom: 4px;
}
.NewsSummaryContent {
	border-bottom: 1px solid #DBDBDB;
	margin-bottom: 2em;
}

/**-------------------------------
*  LAYOUT_FOOTER
*-------------------------------*/

#footer {
	background: #385C72;
	color: #FFF;
	padding: 10px 20px;
}
#footer p {
	color: #FFF;
	font-size: 77%;
	margin: 0;
	text-align: center;
}
#footer a:link,
#footer a:visited { color: #FFF; }

/**-------------------------------
*  LAYOUT_MISC
*-------------------------------*/
#donate { margin-bottom: 1.5em; }


/**-------------------------------------------------------------
*  ======================= C O N T A C T =======================
*-------------------------------------------------------------*/

.contactform fieldset { background: #FFF; }

/**-------------------------------------------------------------
*  ======================== E V E N T S ========================
*-------------------------------------------------------------*/

/* Calendar */
.calendar {
	border: 1px solid #DBDBBD;
	border-bottom: none;
	margin-bottom: 1.5em;
	width: 100%;
}
.calendar caption {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 1.5em;
}
.calendar th {
	background: #EEE;
	color: #777;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	font-weight: bold;
	text-align: center;
	font-size: 93%;
	padding: 5px 0;
	width: 14%;
}
.calendar td {
	border-right: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	color: #999;
	font-size: 85%;
	text-align: right;
	vertical-align: top;
	height: 75px;
	padding: 5px;
}
.calendar .calendar-today { background: #f3f2cf; }
.calendar ul li { text-align: left; }

/* Calendar Event */
.calendar-event h1 {
	color: #294B5F;
	font-size: 123.1%;
	font-weight: bold;
	margin-bottom: 4px;
}
.calendar-date-from { margin-bottom: 1em; }
.calendar-date-title,
.calendar-details-title {
	font-size: 93%;
	font-weight: bold;
} 
/* End of 'screen' */