/***************** Global white space removal *************/
* {margin:0;padding:0;}


/********** body********/

body {
	text-align:center;
	font-size: 95%;
	color:#0E0E72;
	background:#EDEDFD url(imgs/bgmain.gif);
}


/********** headlines and text ********/
h1, h2, h3, h4, h5, h6,ul,ol,dl, p {
	margin-bottom:20px;
}


h1, h2, h3, h4, h5, h6, #sidebar #menu ul li
{
	font-family: trebuchet ms, arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	color:#9797F0;
}

p, ul, blockquote {
	color:#202090;
}


input,
select,
textarea,
#footer p,
div.subfooter p.small,
form,
html,
body,
#topnav ul li,
#content p.albumnav,
#content p.returnlink,
#content #cms-module-bookmarks ul li a.bookmark-link,
p span.noprint {	
	font-family: arial, helvetica, geneva, sans-serif;
}

p, 
div.calendar-details,
div.calendar-summary, 
ul, 
blockquote, 
ol,
dd {
	font-family:Georgia, "Times New Roman", Times, serif;

}


#sidebar #smallcalendar {display:none;}
body.home #sidebar #smallcalendar {display:block;padding:20px 0 0 0;width:145px;margin:0 0 0 -3px;}
table.calendartable td {padding:3px;}
table.calendartable td {border-bottom: 1px solid #EBEBFC;}
table.calendartable {margin:0 0 30px 0;}


/*************** links *******************/
	a {outline: none;}
	a, a:visited {color:#0E0E72;}
	a:hover {color:#8989DF;}
	a img { border-width:0;}

p a:hover {background:#EFEFFF;} /*** any link inside a p tag will hover ******/
p img a:hover {background:none;} /*** any image inside a p and img tag will NOT hover - I hope ******/

/******** menu link colors specified here for consistency ***********/
div#menu ul li a {
	color: #DE6002;
}

div#menu ul li a:hover {
	color: #8989DF;
}



/*************************** Photos ************************/

/******** Common image style ***********/
img.imgrTop, 
img.imglTop, 
img.imgrMid, 
img.imglMid {
	padding:5px;border:1px solid #EBEBFC;
	background:#F7F7E6;
}

/* Photos at the top of the paragraph content */
img.imgrTop {float:right;margin:3px 0 15px 15px;} /* right floating images */
img.imglTop {float:left;margin:3px 15px 15px 0;} /* left floating images */

/* Photos mid way in paragraph content */
img.imgrMid {float:right;margin:10px 0 15px 15px;} /* right floating images */
img.imglMid {float:left;margin:10px 15px 15px 0;} /* left floating images */

img.right-align-top-no-border {float:right;margin:0 0 15px 15px;}
img.right-align-mid-no-border {float:right;margin:15px 0 15px 15px;}
img.left-align-mid-no-border {float:left;margin:15px 15px 15px 0;}
img.left-align-top-no-border {float:left;margin:0 15px 15px 0;}

/*************** layout and design *******************/

/* graphics */


#pagewrapper { /*************** pagewidth except footer *******************/
	background:#FFFFEF;
	width:900px;
	margin:15px auto 0 auto;
	border: 1px solid #9D9DDB;
text-align:left;
}


#logoheader, 
#footerwrapper {
	background:url(imgs/midpurplebg.gif);
}

/*** put graphic at top of content ****/
#content-design-outter {
	position:relative;
}

/*** graphic at bottom of content ****/
#content-design-inner {
	position:relative;
	
} 

/*** BACKGROUND COLUMN SEPARATOR move position if the menu items are longer ****/
#content-design-outter {
	position:relative;
	background:#FFFFEF url(imgs/sidebarbg.gif) 0% 0% repeat-y;

}



/***********************************************/
/*** page and container widths NOT HEIGHTS ****/
/*** Page containers are the width of the page, they are all differently
named so that you can adjust the sizes for the template ****/
/***********************************************/

#footer { 
	width:100%;
	position:relative;
	margin:0 auto;
	text-align:left;
	height:auto;
}

#navheader, 
#logoheader {	
	width:100%;
	position:relative;
	text-align:center;
}

#footerwrapper {
width:900px;
margin:0 auto 15px auto;
	border: 1px solid #9D9DDB;
	border-top:0px;
}


/***************************************/
/*************** nav header ************/
/***************************************/

#navheader {
	height:40px;
	overflow:hidden;
	background:url(imgs/navheaderbg.gif);
border-bottom: 1px solid #9D9DDB;
}


/**** top nav ****/
#topnav {
	overflow:hidden;
	position:absolute;
	top:10px;
	left:15px;
	height:55px;
	line-height:55px;
	text-align:left;
	width:600px;
	font-size:0.7em;
}
#topnav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#topnav li{
	border-left: 1px solid #9D9DDB;
	float: left;
	line-height: 15px;
	margin: 0 .5em 3px -.5em;
	padding: 2px .5em 3px .5em;
	background:none;
}
#topnav a,#topnav a:visited {
	text-decoration:none;
	}
#topnav li a:hover {
}
#topnav li a span {
	border-bottom:1px solid #0E0E72;
	padding-bottom:2px;
	font-weight:bold;
}



/***************************************/
/********** logoheader and Logo ********/
/***************************************/

#logoheader {
	height:159px;
	overflow:hidden;
	border-bottom: 1px solid #9D9DDB;
}

div#logoheader h1 a {
/* you can set your own image here */
   background:url(imgs/sunflowerlogo.gif) no-repeat 0; 
   display: block;
   height: 125px;             /* logo height */
	 width:251px;	/* logo width */
   text-indent: -3000px;  /* hides the text */
   text-decoration:none; 
}


div#logowrap {
	position:absolute;
	top:15px;
	left:50px;
	width:251px;
	height:125px;
}

div#tagline {
text-align:center;
position:absolute;
right:50px;
top:25px;
width:323px;
height:auto;
}

div#tagline span {
display:block;
background: url(imgs/header-txt.gif) no-repeat;
text-indent:-3000px;
height:71px;
width:323px;
}

div#tagline p {
margin:0;
font:13px/20px georgia, serif;
}

div#tagline p a {
text-decoration:none;
border-bottom:1px solid #A8A8EC;
}

/*** content ****/

#content {
	float:right;
	width:635px;
	background:inherit;
}

div.maincol {
	position:relative;
	width:875px;
padding:25px 0;
}

div#sidebar {
	float: left;        
	width: 197px;     /* sidebar width */
	display: block;
	padding:0 0 20px 15px;
	background:transparent; 
}

div#sectionimg {
	width: 145px;    
	display: block;
	padding:35px 0;
text-align:center;
}

div#sectionimg img {
border:1px solid #ECB400;
}

/* footer */
div#footer {
   clear: both;       /* keep footer below content and menu */
   color: #0E0E72;	
padding:10px 0 0 0;

}

div#footer p {
   text-align: center;  /* centered text */
   padding: 0 0 10px 0;
margin:0;
font-size:85%;
	 
}

div#footer p a, div.subfooter p.small a {
   color: #0E0E72; 
text-decoration:none;
}

div.subfooter p.small {font-size:11px;}
div#footerwrapper div#footer p.small a, 
div#footerwrapper div#footer p.small a:visited {color:#5D5DB0;}

/*** headers and footers inside the content area ****/


/*** content header breadcrumbs buttons/links calendar ****/
#contentheader {
	width:100%;
	position:relative;
	font-size: 0.7em;
	padding:0 0 2px 0;
	margin:0 0 2px 0;
	line-height:20px;
	background:url(imgs/dotted.gif) 0% 100% repeat-x;
}

#contentheader a {
	text-decoration:none;
}
					 
#printerbutton {
	width:20%;
	text-align:right;
	float:right;
	
}

#contentfooter {
	width:100%;
	position:relative;
	clear:both;
	font-size: 0.7em;
	padding:5px 0 0 0;
	line-height:20px;
	background:url(imgs/dotted.gif) 100% 0% repeat-x;
}


#printerbutton a.noprint img { /*** removes printer icon ****/

	display:none;
}


#printerbutton a.noprint { /*** inserts custom printer icon in background of link - better display in IE ****/
	background: url(imgs/printer.gif) 0% 50% no-repeat;
	padding:0 0 0 13px;
}

#breadcrumbs {
	 float:left;
	 width:75%;
}

#breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

#date {
	font-size: 0.7em;
	text-align:right;
	width:100%;
	display:block;
	margin:5px 0 25px 0;
}


/* relational links under content */
#pagenav {
  width: 75%; 
	float:left;
}

#pagenav div span {
	margin:0;
	padding:0;
	display:block;
	width:100%;
	float:left;
}


#toppage {
  float: right;
  width: 15%;
  text-align: right;

}

#toppage a, 
#pagenav a {
	text-decoration:none;
}

/********************
Content
*********************/


/************ headings ************/

#content h1 {
	font-size: 1.8em;
	}
#content h2 {
	font-size: 1.7em;
	}
#content h3 {
	font-size: 1.4em;
	}
#content h4 {
	font-size: 1.2em;
	}
#content h5 {
	font-size: 1.1em;
	}
#content h6 {
	font-size: 0.95em;
	}


#content h1,
#content h2, 
#content h3,
#content h4, 
#content h5, 
#content h6 {
	line-height:normal;
}

/************ text ************/

#content {font-size:1.0em}

#content p,
div.calendar-event  {
	line-height: 1.5em;
	}
	
pre {
	font-family: monospace;
	font-size: 1.0em;
	}

blockquote {
   border-left: 3px solid #E7E7FF;
   margin-left: 30px;
padding:0 30px 0 10px;

}

body.frequently-asked-questions blockquote{
font-weight:bold;
border:0px;
}

body.frequently-asked-questions blockquote p{
font-size:90%
}

body.frequently-asked-questions p{
font-size:110%
}

span.qna {font-weight:bold;padding:1px 2px;background:#FFE9A0;margin:0 5px 0 0;color:#E36000;}
span.indent {margin:0 30px 0 30px;display:block;}
span.dayinlife {font-weight:bold;}
span.right{text-align:right;font-style:italic;display:block;padding:0 0 10px 0;border-bottom:2px solid #FFF299;}

strong, b, h1, h2, h3, h4, h5, h6 {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. */
#content  code, #content pre {
 white-space: pre-wrap;       /* css-3 */
 font-family: "Courier New", Courier, monospace;
 font-size: 1.0em;
}

#content pre {
   border: 1px solid #A9A9FA; 
   background-color: #f8f8f8;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 95%;


}

/************ lists  ************/

ol, 
ul, 
i {
	line-height:1.5em;
} 

ul li {
	list-style-type:square;
}

#menu ul li, #topnav ul li, #footer ul li, #sidebar ul li {
list-style-type:none;
line-height:normal;
}

ul li,
ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
dl dt {
   font-weight: bold;
   margin: 0 0 1em 1em;
}
dl dd {
   margin: 0 0 1em 1em;
}

dl {
  margin-bottom: 2em;
  padding-bottom: 20px;
}

body.curriculum ul li {padding-bottom:10px;}


/*************** CLEAR FLOATS IN CONTAINERS *********************/

 /***** Clearing a float container without source markup  ******/ 
 /***** http://www.positioniseverything.net/easyclearing.html  ******/ 
 
div.pw-navheader:after, 
div.calendar-event:after,
div.pw-content:after,
div.maincol:after, 
#contentfooter:after, 
#contentheader:after, 
#pagewrapper:after, 
div.albumwrapper:after {
	content: ".";
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div.pw-navheader, 
div.calendar-event,
div.pw-logoheader,
div.pw-content,
div.maincol, 
#contentheader, 
#contentfooter, 
#calendarnav, 
#pagewrapper, 
div.albumwrapper{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div.pw-navheader, 
* html div.calendar-event,
* html div.pw-logoheader,
* html div.pw-content,
* html #calendarnav, 
* html div.maincol, 
* html #contentfooter,
* html #contentheader, 
* html #pagewrapper, 
* html div.albumwrapper {
	height: 1%;
}
div.pw-navheader, 
div.calendar-event, 
div.pw-logoheader,
div.pw-content,
div.pagewrapper, 
div.maincol, 
#calendarnav, 
#contentheader, 
#contentfooter, 
#content-design-outter, 
div.albumwrapper {
	display: block;
}
/* End hide from IE-mac */ 

 /******************** END Layout ******************************/

  /*****************************************************************/
 /******************** MENU VERTICAL ******************************/
/*****************************************************************/


#menu {
   padding: 0;
   margin:0;
}

div#menu ul, 
div#menu li.sectionheader { /* first level font size */
	 font-size:14px;
margin:0;
}

#menu li {
	padding-bottom:5px
}

#menu li ul li {
	padding-bottom:2px
}

div#menu ul ul li /* 2nd level font size */
 {
	font-size:12px;
}

div#menu ul ul ul li { /* 3rd level font size */
	font-size:10px;
}

div#menu ul {
	position:relative; /* for IE 6.0 dissapearing bullets */
}

/* second and third level padding */
div#menu ul ul ul, div#menu ul ul {
	padding-bottom: 8px;
	padding-top: 5px;
}

/* menu li block */
#menu li {
	list-style: none;
	margin: 0;
	display: block;
}


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


/* first level links */
div#menu a {
	text-decoration:none;
	display: block; 
	padding:2px 10px 2px 25px; 
	min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* second level links */
div#menu ul ul a {
	padding:2px 0 2px 35px;
	display:block;
	background: url(imgs/arrow.gif) no-repeat 25px 49%; 
}

div#menu ul ul a:hover {
	background: url(imgs/arrow.gif) no-repeat 25px 49%; 
}


/* third level links */
div#menu li.activeparent li.activeparent li.currentpage a, 
div#menu li.activeparent li.currentpage ul li a  {
	padding:2px 0 2px 45px;
	display:block;
	background: url(imgs/arrow.gif) no-repeat 35px 49%; 
}

div#menu ul ul ul a:hover {
	background: url(imgs/arrow.gif) no-repeat 35px 49%; 
}

/* off state top level links */
div#menu a {
	background:url(imgs/offbullet.gif) 0% 50% no-repeat;
}

/* hover state and current page/section top level links */
div#menu a:hover, div#menu li.currentpage a {
   background:url(imgs/bullet.gif) 0% 50% no-repeat;
}

div#menu li.currentpage a, 
div#menu li.activeparent li.currentpage a {
	color:#0E0E72;
}

div#menu li.currentpage ul li a, 
div#menu li.activeparent li.currentpage a {
	padding:2px 0 2px 35px;
	display:block;
	background: url(imgs/arrow.gif) no-repeat 25px 49%; 
}

div#menu a.activeparent {
	color:#0E0E72;
}

div#menu a.activeparent:hover {
	color:#9797F0;
}

/* active parent first level */
div#menu li a.activeparent {
	background:url(imgs/bullet.gif) 0% 50% no-repeat;
	display: block; 
	padding-left: 25px;  
}


/* active parent second level */
div#menu ul ul li a.activeparent {
	padding:2px 0 2px 37px;
	display:block;
	background: url(imgs/arrowdown.gif) no-repeat 25px 49%;  

}

/* section header */
div#menu li.sectionheader {
	font-weight: bold;
	padding: 5px 0 5px 15px;
	background-color: inherit;
	margin:2px 0;
 	line-height: 1em;
	margin: 0;
	text-align:left;
	border:1px solid #A9A9FA;
	border-left:0px;
	border-right:0px;
}

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

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


/********************************************** End Menu **************************************************/



  /*****************************************************************/
 /************ Forms Buttons Text Buttons Input Buttons ***********/
/*****************************************************************/


/* text buttons */
a.more, 
p.returnlink a
{ 
	margin: 15px 0 0 0;
	padding: 4px 6px;
	background:#f8f8f8;
	font-weight:bold;
	font-size:12px;
	border:1px solid #A9A9FA;
	line-height:16px;
	text-decoration:none;
}

/* text buttons hover state */
a.more:hover, 
p.returnlink a:hover
{ 

	background:#ddd;
	border:1px solid #ccc;
	color:#999;
}


/**************** Global Form Styles ****************/

input[type="text"] /* for firefox */
{
	background: #fff url(none)!important;
	color:#5D5DB0;
	font-weight:normal;
}

input,
input.text, 
textarea, 
select {
	border: 1px solid #A9A9FA;
	color:#5D5DB0;
	padding:2px 0;
	margin:2px 0 0 0;
}


/**************** Search Form  ****************/

div#search {
	position: absolute;
	right:15px;
	top:8px;
	width: 300px;
	text-align: right;
	}

/* be sure to remove the colon : and the nbsp from the template for search */

#search label {
	display:none;
	}


/* textinput */
#search input#cntnt01searchinput { /* This id varies based on version of CMS */
	font-weight:normal;
	border:1px solid #A9A9FA;
	background:#fff;
	color:#5D5DB0;
	padding:2px 0px 2px 3px;
font-size:12px;
	background: #FFFFEF!important;
	}

/* search button */
#search input#input
 {
	background:#9D9DDB;
	color:#fff;
	border:1px solid #9D9DDB;
	padding:1px 2px!important;
	font-weight:bold;
	font-size:12px;
	}


/* input button hover state - if there are more forms, you need to style 
them as each of the forms used in the demo has a certian way of specifiying the elements */

#search input#input:hover, 
div.submit input:hover {
	background:#292993;
	border:1px solid #292993;
	}



/****************** Contact Form *******************/

div.contactform {
	margin:0 0 20px 0;
	}


#m3fbrp__125,
#m3_130,
#m3fbrp__126,
#m3fbrp__128,
#m3fbrp_captcha_phrase
 /* this is specifying the text input and not a button input */
 {
	background:#fff url(http://www.designavatar.com/imgs/formbg.gif)!important;
	width:100%;
}


div.captcha img {
	border:1px solid #A8A8EC;
	margin:0 0 10px 0;
	}

div.contactform legend {
	display:none;
	}

div.contactform legend {
	padding: 0;
	margin:0;
	border:0px;
	}

div.contactform fieldset {
	margin: 0;
	padding: 0;
	border: 0px solid #A8A8EC;	
	}

div.contactform fieldset div {
	padding: 0 0 10px 0;
	}

div.contactform label {
	display:block;
	margin:3px 0;
	font-size:0.9em;
	}

#content .contactform span.confirm {
	display:block;
	font-size:0.8em;
	}



/* Side Bar Select - Mostly here for style switching on demo site */

#sidebar select {
	width:150px;
	margin:20px 0 0 0;
	font-size:12px;
	}


/* Child Fieldsets and Legends */
fieldset fieldset {
	border:none;
	margin:0 0 0 0;
	padding:0;
	}

fieldset fieldset legend {
	border:none;
	}

/********************************************** END FORMS and BUTTONS **************************************************/



  /*****************************************************/
 /******************** Accessibility ******************/
/*****************************************************/

/* menu links accesskeys */
span.accesskey {
   text-decoration:none;
}

div.hidden {display:none}

/* accessibility divs are hidden by default 
text, screenreaders and such will show these */ 
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* definition tags are also hidden 
these are also used for menu links  */
#menu dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}


  /*****************************************************************/
 /******************** Wiki Style External Links ******************/
/*****************************************************************/

/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

a.external {
  padding: 0 12px 0 0;
  background: url(imgs/extlink.gif) no-repeat 100% 0;
}

a.external:hover {
  background-color: #A8A8EC;
}

/********************************************** END ACCESSIBILITY *************************************************/