#sidebar {
	float: right;
	width: 26%;   /* sidebar width, if you change this please also change #main margins */
	display: inline; 
	margin-left: 0; /* FIX ie doublemargin bug */
	font-size:1em;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
#sidebar.hascontent {
	padding: 0 1%;
	width: 24%;	/* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}


/********************MENU*********************/
#menu_vert {
	padding-left: 0;
	margin-left: 1em;
}
/* third level has some padding to have it stand out */
#menu_vert ul ul ul {
	padding-bottom: 0.5em;
}
/* menu li block */
#menu_vert li {
	list-style: none;
	margin: 0;
	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 **/

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

}

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

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

#menu_vert a:hover {
	background-color: #C6D9F1;
}
#menu_vert a.activeparent:hover {
	background-color: #C6D9F1;
	color: #18507C;
}

#menu_vert li a.activeparent {		/* active parent, that is the first-level parent of a child page that is the current page */
	background: url(/images/cms/arrow-down.gif) no-repeat 0.4em center;
	background-color: #385C72;
	color: #fff;
}
#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 */
#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;
	color: #fff;
	font-size: 1em;
	margin: 0;
}

/* next level current pages, more padding, smaller font and no background color or bottom border */
#menu_vert ul ul h3 {
	font-size: 100%;
	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 */
#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 */
#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 */
#menu_vert li.separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	padding: 2px 0 2px 0;
	background-color: #b5b5b6;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;		/* for ie */
}

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

/**** Quotes ****/
.quotebox {
  width:248px;  
  margin:20px 2px 0 6px;
}

.quotebox_inner {
  background:#C6D9F1 url(/images/template/blockquote1.png) no-repeat scroll 3px 5px;
  margin:3px;
  padding:6px;
  width:238px;
  line-height: 1.8em;
  font-style: italic;
  text-indent: 22px;
}

.quotebox_outer {
  background: url(/images/template/blockend.png) no-repeat scroll 218px 0;
  margin: -3px 0 0 0;
  padding: 7px 34px 0px 10px;
  text-align: right;
}

.quotebox_outer cite {
  font-style: normal;
}


/********** Image Rotator *********/
.image_rotator {
	width:248px;
	margin: 30px 2px 0 6px;
	text-align: center;
}

.image_rotator img {
	border: 3px solid #C6D9F1;
	margin: auto;
}