body {
		margin:10px 10px 0px 10px;
		padding:0px;
		font-family: Verdana;
		font-size: .75em;
		line-height: 14pt;		
		}

#maincontainer {background:#ffffff url(images/bgimage.gif) repeat-x; color:#303030; margin:0; min-width:770px; padding:0; text-align:left; width:100%;}


#picture
{
       background-color: #F9F9F9; 
       border: 1px solid #CCCCCC; 
       padding: 3px; 
       font-size: x-small 
 } 
#picture img 
{ 
        border: 1px solid #CCCCCC; 
        vertical-align:middle;
        margin-bottom: 3px; } 
#right 
{ 
        margin: 0.5em 0pt 0.5em 0.8em;
        float:right; 
}
 
#left 
{       margin: 0.5em 0.8em 0.5em 0;
        float:left; 
} 
.floatright
{
float: right;
width: 280px;
margin: 5px 5px 5px 5px;
font-size:90%;
font-style:italic;
background-color: #fff;
padding: 10px;
border-top:  0px solid #cccccc;
border-right:  0px solid #cccccc;
border-bottom:  0px solid #cccccc;
border-left:  0px solid #cccccc;
}

.cancelled 
{
	text-decoration: line-through;
	color: #CC0000;
	font-weight: bold;
}

.floatrightblue
{
float: right;
width: 248px;
margin: 0px 0px 0px 0px;
background-color: #a0d3f7;
padding: 10px;
border-top:  1px solid #cccccc;
border-right:  1px solid #cccccc;
border-bottom:  1px solid #cccccc;
border-left:  1px solid #cccccc;
}



#header
{
	height: 100px;
	background-color: #FFFFFF;
	text-align: center;
}

#nav
{
	margin-top: 5px;	
	text-align: center;
	background: #8CAADE url(images/navBackground.gif) repeat-x;
	height: 27px;	
	width: 850px;
	margin-left: auto;
	margin-right: auto;

}
#navcontainer
{
/* container div set-up */
border-top: 1px dotted black;
border-bottom: 1px dotted black;
background: #F3F3F3;
margin-left: 10px;
width: 350px;
padding: 10px;
float: right;
font-size: 11px;
/* Set font-size so theres no default */
font-weight: normal;
line-height: 20px;
/* Set line-height because I think it looks better like this ;^) */
letter-spacing: 0;
/* Set letter-spacing so text don't jump as much when it turns bold on hover */
}
#navcontainerleft
{
/* container div set-up */
border: .5px solid black;
background: #c8e1f2;
width: 300px;
padding: 10px;
float: left;
font-size: 11px;
/* Set font-size so theres no default */
font-weight: normal;
line-height: 16px;
/* Set line-height because I think it looks better like this ;^) */
letter-spacing: 0;
/* Set letter-spacing so text don't jump as much when it turns bold on hover */
}


#navcontainer a
{
/* Set text-decoration and color so there is no default */
text-decoration: none;
color: #336699;
font-weight: bold;
}

#navcontainer a:hover
{
font-weight: bold;
text-decoration: underline;
/* Set letter-spacing back to 0 so text don't jump as much when it turns to bold on hover (Still jumps some though) */
}

#navcontainer p
{
	display: block;
	background-color: #bcc0c3;
	font-weight: bold;
	padding-left: 5px;
	margin: 0;
}

/* #navcontainer ul li { margin-left: -20px;   } */
#navcontainer li#listHeader { border-left: 5px solid black; font-weight: bold; margin-left: -20px; padding-left: 10px; }

#navcontainer ul.linkIcon {
  list-style-type: none; 
  margin-left: 10px;
  padding-left: 10px;
}

#navcontainer li.linkIcon
{
	background-image: url(images/article_text.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 2em;  
	
}

#navcontainer ul li#active
{
margin-left: 0px;
/* Set margin back half of left-border width (5px) */
}

#navcontainer ul ul li#subactive
{
margin-left: 0px;
text-decoration: underline;
/* Set margin back half the 30px padding above */
border-left: 5px solid black;
}



#current
{
font-weight: normal;
letter-spacing: 0;
color: #CC0000;
}

#subcurrent
{
font-weight: normal;
letter-spacing: 0;
border-bottom: 1px dashed black;
}


#focusImage
{
	padding: 10px;
	text-align: center;
	border: 2px solid #cccccc;
	margin-top: 20px;
}

#focusImage img
{	
	border: 1px solid #cccccc;	
}

#leftcontent3column
{
	margin-top: 25px;
	position: relative;
	float: left;
	left:5px;	
	width:27%;
	border-right:1px solid #BEBEBE;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 50px;
	min-height: 600px;
	
}

#centercontent3column
{
	margin-top: 25px;
	position: relative;
	float: left;
	left:3px;	
	width:27%;
	border-right:1px solid #BEBEBE;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 50px;
	min-height: 600px;	
	
}

#centercontent3column img
{
	border: 2px solid #cccccc;
	padding: 3px;
	margin: 5px;
}
#table
{ 
margin-left: auto;
margin-right: auto;
}

#rightcontent2column img
{
	border: 2px solid #cccccc;
	padding: 3px;
	margin: 5px;
}

#rightcontent3column
{
	margin-top: 25px;
	position: relative;
	float: left;
	left:10px;	
	width:27%;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 50px;
	min-height: 500px;
	
}

#leftcontent2column
{
	margin-top: 25px;
	position: relative;
	float: left;
	left:1px;	
	width:20%;
	height: auto;
	border-right:1px solid #BEBEBE;
	padding-left: 2px;
	padding-right: 5px;
	padding-bottom: 50px;
	min-height: 500px;
	margin-bottom: 20px;
	
}

#rightcontent2column
{
	margin-top: 25px;
	position: relative;
	float: left;
	left:10px;	
	width:60%;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 50px;
	min-height: 500px;
	margin-bottom: 20px;
	
}

#footer
{
	clear: both;
	margin-top: 10px;
	padding: 10px;
	font-size: 0.9em;
	border-top: 1px solid #B90000;
	text-align: center;
}

img.alignRight
{
	 text-align: right;
	 border: 1px solid #cccccc;
	 padding: 4px;
	 margin: 0 0 2px 25px; 
}
img.alignLeft
{
	 text-align: left;
	 border: 1px solid #cccccc;
	 padding: 4px;
	 margin: 0 10px 2px 0px; 
}
img.alignLeft2
{
	 text-align: left;
	 border: 2px solid #FFF;
	 padding: 3px;
}
a:link {
color: #336699;
text-decoration: none;
font-weight: bold;

}

a:visited {
color: #336699;
text-decoration: none;
font-weight: bold;

}

a:hover {
color: #336699;
text-decoration: underline;
font-weight: bold;
}



h2
{
/* border-left: 4px solid #B90000; */
background: transparent url('images/laurelLeaf.gif') no-repeat bottom left;
border-bottom: 1px solid #BD0000;
font-size: 1.1em;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
}


p
{
	margin-left: 15px;
}

p.indented
{
	padding-left: 25px;
}

.rightAlign
{
	text-align: right;
}

p.marker
{
	border-top: 1px dotted #000000;
}

p.sectionHeader
{
	margin-left: 10px;
	font-weight: bold;
	color: #BD0000;
	font-size: .9em;
	display: block;
	background-color: #F2F2F2;
	padding: 5px;
}

p.emergencyHeader
{
	margin-left: 10px;
	font-weight: bold;
	color: #BD0000;
	font-size: .9em;
	display: block;
	background-color: #F2F2F2;
	border: #BD0000 solid 2px;
	padding: 5px;
}



ul.eventItem {
  list-style-type: none; 
  margin: 0;
  padding-left: 25px;
}

li.eventItem
{
	background-image: url(images/calendar_month.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 2em;  
}
ul.basicItem {
  float: left;
  width: 24Sem;
  margin: 0;
  padding: 0;
  list-style: none;
}
li.basicItem {
  float: left;
  width: 6em;
  margin: 0;
  padding: 2em;
}

ul.laurelLeaf {
list-style-type: none; 
margin: 0;
padding-left: 25px;
}
ul.circle {
list-style-type: disc;
line-height: 1.75em; 
margin: 0;
padding-left: 25px;
}
li.laurelLeaf
{
background-image: url(images/laurelLeafBullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 2em;
font-size: 0.875em; 
line-height: 25px;
}
/*
li.laurelLeaf a:link 
{
	padding: 3px;
	color: #336699;
	text-decoration: none;
	font-weight: bold;

}

li.laurelLeaf a:visited 
{
	padding: 3px;
	color: #336699;
	text-decoration: none;
	font-weight: bold;

}

li.laurelLeaf a:hover 
{
	text-decoration: none;
	padding: 3px;
	display: block;
	border: solid 1px #BD0000;
}
*/
ul.documentLink {
list-style-type: none; 
margin: 0;
padding-left: 25px;
}

li.documentLink
{
background-image: url(images/document.png);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 2em;
font-size: 0.875em; 
line-height: 25px;
}


ul.linkItem {
  list-style-type: none; 
  margin: 0;
  padding-left: 25px;
}

li.linkItem
{
	background-image: url(images/article_text.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 2em;  
}


#qsfexWrapper
{
	background: transparent url('images/backgroundForMenuBase.gif') repeat-x top left;
	
	z-index: 5;
	width: 850px;
	
	position: relative;
	
}

#qsfexLogo
{
	background: transparent url('Images/logo.gif') no-repeat top left;
	
	width: 169px;
	height: 173px;
	
	position: absolute;
	top: 0;
	right: 0;
}

.qsfexMenu
{
	position: relative;
	/* top: 40px; */	
}

#qsfexWrapper .qsfexMenu .rmTemplate /* Products submenu item template */
{
	width: 299px;
	
	padding: 0;
	
	background: #F2F2F2;
}

#qsfexWrapper .rmTemplate .rmText
{
	padding: 0;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSection
{
	position: relative;
	
	float: left;
	
	margin: 0;
	
	padding: 0 10px 0 15px;
	
	width: 122px;
	text-align: left;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSection h3
{
	color: #B90000;
	
	font: normal 17px Verdana, sans-serif;
	width: 100%;
	
	border-bottom: 1px solid #B90000;
	
	margin: 0;
	padding: 13px 0 3px 0;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSection ul
{
	list-style-type: none;
	margin: 3px 0 15px;
	padding: 0;
	line-height: 14px;	
	zoom: 1; /* ie hack */
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSection li
{
	margin: 0;
	padding: 0 0 0 10px;
	
	background: transparent url('Images/bullet.gif') no-repeat center left;
	
	height: 14px;
	line-height: 14px;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSection li a
{
	line-height: 14px;
	font: normal 9px Verdana,sans-serif;
	font-weight: bold;
	color: #107dca;
	text-decoration: none;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSection li a:hover
{
	
	color: #B90000;
	text-decoration: underline;
}

/* Sub Menu Full */
#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSectionFull
{
	position: relative;
	
	float: left;
	
	margin: 0;
	
	padding: 0 10px 0 15px;
	width: 270px;
	text-align: left;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSectionFull h3
{
	color: #B90000;
	
	font: normal 17px Verdana, sans-serif;
	width: 100%;
	
	border-bottom: 1px solid #B90000;
	
	margin: 0;
	padding: 13px 0 3px 0;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSectionFull ul
{
	list-style-type: none;
	margin: 3px 0 15px;
	padding: 0;
	line-height: 14px;
	
	zoom: 1; /* ie hack */
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSectionFull li
{
	margin: 0;
	padding: 0 0 0 10px;
	
	background: transparent url('Images/bullet.gif') no-repeat center left;
	
	height: 14px;
	line-height: 14px;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSectionFull li a
{
	line-height: 14px;
	font: normal 9px Verdana,sans-serif;
	font-weight: bold;
	color: #107dca;
	text-decoration: none;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuSectionFull li a:hover
{
	
	color: #B90000;
	text-decoration: underline;
}
/* end sub menu full */

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuFooter
{
	width: 299px;
	
	clear: both;
	
	position: relative;
	
	margin: 0;
	padding: 0;
}

#qsfexWrapper .qsfexMenu .WelcomeSection .qsfexCustomMenuFooter
{
	height: 121px;
	background: transparent url('Images/welcomeFooter.gif') no-repeat;
}

#qsfexWrapper .qsfexMenu .CalendarSection .qsfexCustomMenuFooter
{
	height: 121px;
	background: transparent url('Images/calendarFooter.gif') no-repeat;
}

#qsfexWrapper .qsfexMenu .AdmissionsSection .qsfexCustomMenuFooter
{
	height: 121px;
	background: transparent url('Images/admissionsFooter.gif') no-repeat;
}

#qsfexWrapper .qsfexMenu .AcademicsSection .qsfexCustomMenuFooter
{
	height: 121px;
	background: transparent url('Images/academicsFooter.gif') no-repeat;
}

#qsfexWrapper .qsfexMenu .SchoolLifeSection .qsfexCustomMenuFooter
{
	height: 121px;
	background: transparent url('Images/schoolLifeFooter.gif') no-repeat;
}

#qsfexWrapper .qsfexMenu .DevelopmentSection .qsfexCustomMenuFooter
{
	height: 121px;
	background: transparent url('Images/developmentFooter.gif') no-repeat;
}

#qsfexWrapper .qsfexMenu .AlumnaeSection .qsfexCustomMenuFooter
{
	height: 121px;
	background: transparent url('Images/alumnaeFooter.gif') no-repeat;
}

#qsfexWrapper .qsfexMenu .CommunitySection .qsfexCustomMenuFooter
{
	height: 121px;
	background: transparent url('Images/communityFooter.gif') no-repeat;
}

#qsfexWrapper .qsfexMenu .CurrentParentsSection .qsfexCustomMenuFooter
{
	height: 121px;
	background: transparent url('Images/communityFooter.gif') no-repeat;
}

#qsfexWrapper .qsfexMenu .KaleidoscopeSection .qsfexCustomMenuFooter
{
	height: 121px;
	background: transparent url('Images/kaleidoscopeFooter.gif') no-repeat;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuFooter h3
{
	color: #6fae0c;
	
	font: normal 17px Arial, sans-serif;
	
	position: absolute;
	
	top: 10px;
	left: 15px;
	
	margin: 0;
	padding: 0;
}

#qsfexWrapper .qsfexMenu .rmTemplate .qsfexCustomMenuFooter .qsfexShopNowLink
{
	width: 96px;
	height: 23px;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 23px;
	
	position: absolute;
	
	top: 35px;
	left: 15px;
}