/*	Filename: mainstyle.css
	Author:	Matthew VanderMeer, mlvesolutions@execulink.com
	Purpose: To control design and style for Stanley Park Rosemount Preschool websit
	Create Date: February 9, 2010
	Last Update: February 9, 2010
*/

/* reset browsers standard css */
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: sans-serif;
  font-size: 1em;
  line-height:1.4em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

/*Text Elements */
h1, h2,h3,h4{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:.5em;
}

h1{
	color:#000000;
	font-size:20px;
}

h2{
	color:#631D00;
	font-size:18px;
}

ul{
	margin-left:30px;
	margin-bottom:1em;
}

ul ul{
	margin-left:30px;
}
strong{
	font-weight:bold;
}
body{
	background-color:#000000;
}
p{
	margin-bottom:1em;
}

a{
	text-decoration:underline;
	color:#006322;
}

/*Page Elements */
#page_container{
	width:820px;
	text-align:center;
	background-color:#FFFFFF;
	margin:20px;
	margin:auto;
}
#header_container{
	background-image:url(images/back_red.jpg);
	background-repeat:repeat-y;
	padding:25px 25px 0px 25px;
	margin:0px;
	background-color:#990000;
}
#header_content{
	margin:0px;
	height:160px;
}
#header_content a{
	color:#000000;
	text-decoration:underline;
}

#header_text{
	float:right;
	text-align:right;
	padding-right:10px;
	font-weight:bold;
}
#content_container{
	background-color:#CCCCCC;
	padding:0px 25px 25px 25px;
}
#text_container{
	min-height:300px;
	background-color:#FFFFFF;
	text-align:left;
	padding:10px;
}
#footer_container{
	color:#000000;
	text-align:center;
	font-size:16px;
	border-top:2px solid #990000;
	border-bottom:2px solid #990000;
	background-color:#FFFFFF;
	padding:30px;
	font-style:italic;
	font-weight:bold;
}
/* Top Navigation */
#navtop_container {
	margin: 0;
	padding: 0;
	height:2em;
	background-color:#CCCCCC;
	padding-top:2px;
}
	
#navtop
{	margin: 0;
	padding: 0;
	text-transform:uppercase;
}
	#navtop sup
	{	font-size:6px;
	}
	
	#navtop li
	{	float: left;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align:center;
		margin-left:0px
    }

	#navtop li a
	{	display: block;
		background: #009934;
		padding: 5px 32px;
		text-decoration: none;
		margin: 1px 2px 1px 2px;
		font-weight: bold;
		
		color:#000000;
		white-space: nowrap}

	#navtop li a:hover, #navtop li .currenttab
	{	background: #006322;
		color: #FFFFFF;
		}
		
		
		#navtop li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 1px solid #ddd;
			text-align:left; 
			z-index:1000;
			background-color:#FFFFFF;
		}
		
		#navtop li ul li
		{	float: none;
			display: inline;
		}
		
		#navtop li ul li a
		{	
			background: #fff;
			color:#333;
			font-size:12px;
			font-weight:normal;
			padding-top:8px;
			padding-bottom:8px;
			padding-left:8px;
			padding-right:8px;
			text-align:left;  }
		
		#navtop li ul li a:hover
		{	background: #0079c1;
			color:#fff;
		}
		
		#navtop .subnav
		{	text-transform:none;
			padding-top:5px;
			padding-bottom:5px;
			color:#000;
			margin:0px;
			margin-top:2px;
			background-color:#ccc;
		}

.floatbox{
	width:50%;
	text-align:center;
	margin: 0px 5px 20px 0px;
}
/*round box */
.roundbox .background{
	margin:10px%;
	background: #990000
} /* Setting the background for content and color */
.roundbox .rtop, .roundbox .rbottom{
	display:block;
	background: #FFF
} /* Setting the corner color, use different color for different layout */
.roundbox .rtop b, .roundbox .rbottom b{
	display:block;
	height: 1px;
	overflow: hidden;
	background: #990000
}/* Setting the strip size and background color */
.roundbox .r1{
	margin: 0 5px;
}
.roundbox .r2{
	margin: 0 3px;
}
.roundbox .r3{
	margin: 0 2px;
}
.roundbox .rtop .r4, .roundbox .rbottom .r4{
	margin: 0 1px;
	height: 1px
}
.roundbox .content{
	background-color:#FFFFFF;
	border-left:#990000 1px solid;
	border-right:#990000 1px solid;
	padding:10px;
}

input{
	margin:5px;
	padding:5px;
	border:1px solid #CCC;
	color:#000;
}
.error{
	color:#F00;
	font-weight:bold;
}

#calendar{	
	margin:20px;
	background-color:#FFF;
}

#calendar table {
    width:100%;
    border:0px solid #888;    
    border-collapse:collapse;
}

#calendar td {
    border-collpase:collpase;
    border:1px solid #888;
    text-align:right;
    padding-right:5px;
	height:100px;
	width:14.28%;
	vertical-align:top;
}

#calendar .days{
    background-color: #F1F3F5;
}

#calendar th {
    border-collpase:collpase;
    border:1px solid #888;
    background-color: #E9ECEF;
}

#calendar .actday{
    background-color: #c22;
    font-weight:bold;
}