/* 
* SVMS - Swannanoa Valley Montessori School
* Stylesheet: Version 0.1a
* By: Samir Joza
*/

/* Setting all margins and padding to 0 */
* {
	margin: 0;
	padding: 0;
}

/* 
* Always show vertical scrollbar in Non-Exploder Browser 
* Tested and working with Firefox 2.0.0.11, Internet Explorer 7 & Safari for Windoze 3.04
* fails in Opera 9.25
*/
html {
	overflow-y: scroll;
}

/* General Layout */
body {
	margin-top: 10px;
	font-size: 62.5%; /* equal to 10px */
	font-family: Arial, sans-serif;	
	background: #FFD259;
	color: #61614D;	
}

#outerWrap {
	width: 820px;
	margin: 0 auto;
}


#topNav {
	background: #264b9b;
	height: 20px;
	margin-right: 33px;
	float: right;
	width: 515px;
}

#topNav span.tl {
	background: url(images/nav_tl.png) no-repeat top left;
	height: 5px;
	width: 5px;
	float: left;
}

#topNav span.tr {
	background: url(images/nav_tr.png) no-repeat top right;
	height: 5px;
	width: 5px;
	float: right;
}

#topNav ul, #topNav li {
	list-style: none;
	display: inline;
	font-size: 1.10em;
	padding-top: 5px;
	color: #6ab8ff;
	line-height: 19px;
	text-transform: uppercase;
}


#innerWrap {
	width: 820px;
	background: url(images/inner_wrap_bg.png) repeat-y;	
}

#innerWrap span.ctr {
	float:right;
	height: 11px;
	width: 11px;
	background: url(images/iw_corner_topr.png) no-repeat top right;
}

#innerWrap span.ctl {
	float:left;
	height: 11px;
	width: 11px;
	background: url(images/iw_corner_topl.png) no-repeat top left;
}

#leftside {
	width: 225px;
	float: left;
	background: url(images/leftside_bg.png) no-repeat;
	min-height:394px !important; 
	/*text-align: center;*/
}



img.llogo {
	margin-left:20px;
	width: 183px;
}




#main {
	width: 594px;
	margin-left: 226px;
}



/* Side Navigation */
#sideNav/* Holds the Navigation Items */ {
	margin-top: 95px;
	font-size: 1.30em;
	margin-left: 34px;
	margin-right:10px;
	text-transform: uppercase;
}

#sideNav ul, #sideNav li {
	line-height: 1.5em;
	list-style: none;
	margin-bottom:5px;
}

#sideNav a, #sideNav a:link, #sideNav a:visited {
	color: #6a9a21;
	background: url(images/side_nav_bul.png) no-repeat;
	height: 15px;
	padding-left: 17px;
	padding-top: 0px;
	padding-bottom:4px;
	}



#sideNav a:hover, #sideNav a:active, #sideNav a:focus {
	color: #663300;
	background: url(images/side_nav_bul_over.png) no-repeat;
	height: 15px;
	padding-left: 17px;
	padding-top: 0px;
	padding-bottom:4px;	
}


/* 
* Navigation in Mainsection
* For Roll Overs look below
*/

#mainmenu {
	height: 20px;
	width: 584px;
	padding-left: 5px;
	background: #68ae21 url(images/mainmenu_corner.png) no-repeat top right;
	line-height: 2.1em;
}

#mainmenu ul, #mainmenu li {
	list-style: none;
	display: inline;
	font-size: 1.1em;
	color: #264b9b;
	text-transform: capitalize;
	font-weight: bold;
}


/*
* Content Segment including 'Empty Space with Flower Images'
*/

#flowerspacer {
	width: 594px;
	height: 87px;
	background: url(images/flower_spacer.png) no-repeat;
}


.Timage {
	
	width:114px;
	height:151px;
	border: 2px solid #fff;
	margin-right:11px;
	margin-top:-135px;
	float: right;
}
#content {
	width: 594px;
	background: url(images/content_bg.png) repeat-y;
}

#contenthead {
	width: 594px;
	height: 55px;
	background: url(images/title_bg.png) no-repeat;
}

#content h1 {
	padding-top:12px;
	font-size: 2.80em;
	font-weight: bold;
	text-transform: lowercase;
	padding-left: 60px;
}



#contentfoot {
	width: 594px;
	height: 10px;
	background: url(images/content_foot.png) no-repeat;
	
}
#entry {
	width: 515px;
	margin-left:37px;
	padding: 15px 20px 3px 3px;
}

#entry p {
	line-height:1.3em;
	padding-bottom:7px;	
	font-size: 11px;
}
#entry span.name {
	color: #264B9B;
	font-weight: bold;
	margin-right: 10px;
}
#entry span.position {
	color: #6A9A21;
}
#entry span.lbl {
	width: 150px;
	margin-right: 10px;
	font-weight: bold;
}
#entry span.date {
	font-weight: bold;
	display: block;
	padding-bottom: .5em;
}
#entry p.event {
	margin-bottom: 1.3em;
}
#entry .content {
	padding-left: 20px;
	padding-right: 9px;
	min-height: 350px !important;
}
#entry form {
	margin-top:15px;
	margin-bottom:15px;
}
#entry form table {
	font-size: 11px;
}
#entry td {
	vertical-align: middle;
}
#entry td.label {
	width: 84px;
}
#entry input {
	font-size: 11px;
}
#entry input.text {
width:357px;
display:inline;
margin-left:40px;
}
#entry select {
	font-size: 11px;
	margin-left: 40px;
}
#entry textarea {
	font-size: 11px;
	padding: 2px;
	margin-left: 40px;
}
#entry textarea.comments {
	width: 213px;
	height: 41px;
}
#entry option {
padding-left:2px;
padding-right:5px;
}

#entry input.state {
	width: 148px;
	margin-left: 40px;
}

#entry input.zip {
	width: 78px;
	margin-left: 40px;
}
#entry input.phone {
	width: 113px;
	margin-left: 40px;
}
#entry input.email, #entry input.other {
	width: 217px;
	margin-left: 40px;
}

#entry input.reset_button {
  	height:23px;
	width:49px;
	border:none;
	background: #fff url(images/reset_button.png) no-repeat;
	cursor: pointer;
}
#entry input.continue_button {
	height: 21px;
	width: 65px;
	border: none;
	background: #fff url(images/continue_button.png) no-repeat; 
	cursor: pointer;
}
#entry label {
	font-weight: bold;
	font-size: 12px;
}

.content h5 {
	font: bold 11px Arial, sans-serif;
	color: #6A9A21;
	margin-bottom:.2em;
	margin-top:1.5em;
	text-transform: uppercase;
}
.content h6 {
	font: 11px Arial, sans-serif;
	color: #264B9B;
	margin-bottom:1em;
}
.content a, .content a:link, .content a:visited, .content a:hover, .content a:active, .content a:focus {
	color: #6A9A21;
}




#footer {
	height: 35px;
	/*margin-top:-13px;*/
	background: #c3e3ff;
	font-size: 1.05em;
}

#footer p {
	color: #6ab8ff;
	padding-top:8px;	
}

span.toTop a, span.toTop a:link, span.toTop a:visited, span.toTop a:hover, span.toTop a:active, span.toTop a:focus {
	font-size: 11pt;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	padding-left:10px;
	padding-right:15px;
}


span.fmail a, span.fmail a:link, span.fmail a:visited, span.fmail a:active, span.fmail a:focus {
	font-size: 1.01em;
	text-decoration: none;
	color: #6ab8ff;
}
span.fmail a:hover {
	color: #fff;
}




/*
 marking hover states and active states of text links is working in
 Firefox 2.0.0.11 & Internet Explorer 7
 Active (Focus) fails in Opera 9.25 & Safari for Windoze 3.04
*/
#mainmenu a, #mainmenu a:link, #mainmenu a:visited{
	color: #264b9b;
	text-decoration: none;
	background: url(images/mainmenu_bullet.png) no-repeat left;
	padding-left: 12px;
	margin-right: 20px;
}

#mainmenu a:hover, #mainmenu a:active, #mainmenu a:focus {
	color: #fff;
	background: url(images/mainmenu_bullet_over.png) no-repeat left;
	padding-left: 12px;
	margin-right: 20px;
}

#topNav a, #topNav a:link, #topNav a:visited{
	color: #6ab8ff;
	text-decoration: none;
	background: url(images/top_nav_bullet.png) no-repeat left;
	padding-left: 10px;
	margin-right: 3px;
}

#topNav a:hover, #topNav a:active, #topNav a:focus {
	color: #fff;
	background: url(images/top_nav_bullet_over.png) no-repeat left;
	padding-left: 10px;
	margin-right: 3px;
}




/* colors */
/* 
* Plenty of colors for headers, decided to make them classes for each section of the Site to enable
* quick and easy changes 
*/
.c1 {color: #f08038;}
.c2 {color: #ff7d7d;}
.c3 {color: #9966CC;}
.c4 {color: #FFBA00;}
.c5 {color: #00FFFF;}
.c6 {color: #6AB8FF;}
.c7 {color: #de637a;}
.c8 {color: #ff6666;}


/* Reusable Classes */
.fltrt {float: right;}
.fltlt {float: left;}
.clear {clear: both;}
.req {
	color: #b22222;
	font-weight: bold;
	margin-top: -4px;
}

.error {
	border: 2px solid #b22222;
	background: #f2d0d0;
	color: #b22222;
	font-weight: bold;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
}

.error ul {
	margin-left: 15px;
	}