/*
Title:    Master styles for screen media

*/

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 62.5%;
  background: #426ca7 url(http://www.mizelschool.org/themes/mizel/images/bck.jpg) repeat-x;
  }

/* links */

a:link, a:visited {
	color: #000;
  outline: none;
  }
a:hover {
 	color: #000;
  }
 #content ul {
 	margin: 0px 0px !important;
 	}

/* page structure
--------------------------------------------- */

#wrap {
	width: 1020px;
	margin: 0 auto;
  }
#content {
	width: 1020px;
	margin: 0 auto;
	background-color: #fff;
	min-height: 300px;
	padding-bottom: 30px;
	}
#fullwidth {
	padding: 30px;
	}
	
#showcase {
	width: 100%;
	}
	
#mainimage{
	width: 570px;
	float: left;
	padding-top: 30px;
	padding-left: 30px;
	}
#maintext {
	width: 350px;
	float: right;
	padding-top: 15px;
	padding-right: 30px;

}

#footer {
	background: #112f60;
	border-bottom: 10px #000 solid;
	min-height: 64px;
	margin-bottom: 40px;
	margin-top: 0px;
	padding-top: 30px;
	color: #fff;
	font-size: 11px;
 }
#footerleft {
 	width: 400px;
 	float: left;
 	text-align: left;
 	margin-left: 20px;
 	
 	}
#footerright {
 	width: 500px;
 	float:right;
 	text-align: right;
 	margin-right: 20px;
 	}
#mainarealeft{
	width: 600px;
	float:left;
	}
#mainarearight{
	width: 600px;
	float:right;
	}

#sidebarleft{
	width: 300px; 
	float: left;
	}
#sidebarright{
	width: 300px; 
	float: right;
	
	}
	
#leftsidebar, #rightsidebar {
	padding: 30px;
	}

/* header
--------------------------------------------- */

#header {
  background: url(http://www.mizelschool.org/themes/mizel/images/headerback.jpg) no-repeat;
  width: 1020px;
  height: 158px;
  margin-top: -8px;
 }
#logo {
	padding-top: 15px;
	padding-left: 20px;
	float: left;
	width:600px;
	
	}
#topmenu {
	float: right;
	width: 280px;
	margin-top: 50px;
	color: #fff;
	text-align: right;
	margin-right: 30px;}
	
#topmenu a {
	color: #fff;}
#topmenu p {
	margin-bottom: -10px;}
/* nav */

#nav {

 }
 .clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 35px;
	float: left;
	text-transform: uppercase;
	font-family: "Myriad Pro",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
text-decoration: underline;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
text-decoration: underline;
}




/* main styles
--------------------------------------------- */


/* secondary styles
--------------------------------------------- */


/* footer
--------------------------------------------- */

#footer {

 }

/* misc.
--------------------------------------------- */
#content li {
	list-style-type: circle;
	font-size: 13px;
	line-height: 25px;
	}
	
#content .nav li {
	list-style: none;
	font-size: 15px;
	line-height: 28px;
	}
#content .nav li a:hover{
	color:#000;
	}

hr, .hide {
  display: none;
 }
a img {
  border: none;
  }
 p {
 	font-size: 13px;
 	line-height: 18px;
 	}
h3 {
	font-size: 13px;
	color:#112f60;
	font-weight: 200;
	 }
/* self-clear floats */

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
  
 #fullhome h1 {
 	font-size: 28px;
 	line-height: 10px;
 	}
 	
 #fullhome h2 {
 	font-size: 20px;
 	font-style: normal;
 	color: #112f60;
 	font-weight: 200;
 	line-height: 3px;
 	}
 #calltoaction {
 	background: url(http://www.mizelschool.org/themes/mizel/images/orangedividerback.jpg) no-repeat;
	width: 970px;
	height: 76px;
	margin: 0 auto;
	margin-top: 20px;
 	}
  #calltoaction p{
  	font-size: 30px;
  	color: #fff;
  	font-weight: 300;
  	margin-left: 60px;
  	padding-top: 25px;
  }
#calltoaction p a{
 	text-decoration: none;
  	color: #fff;
  	font-weight: 300;
  	
  }
 #leftsidevideo {
 	width: 480px;
 	float: left;
 	}

 #fullhome #leftsidevideo h1,  #fullhome #newsevents h1  {
 	font-size: 16px;
 	line-height: 10px;
 	color: #000;
 	}
#fullhome #newsevents h1  {
 	text-align: right;
 	}
#bottomimage{
	width: 222px;
	float: left;
	margin-left: 30px;
	padding-top: 10px;
	}
#bottomtext {
	float: right;
	width: 210px;
	margin-left: 10px;
	}
 #newsevents {
 	width: 470px;
 	float: right;
 	margin-right: 33px;
 	}
.launch   {
	background: url(http://www.mizelschool.org/themes/mizel/images/bg_button.png) no-repeat;
	height: 24px;
	width: 138px;
	}
.launch a {
	color: #fff;
	margin-left: 15px;
	text-decoration: none;
	line-height:22px;
	}
	
.date {

	}
	
.ccm-news-list li, #newsevents li, .ccm-calendar-all-description {
	border-bottom: 1px solid #d2d2d2;
	}

 #newsevents li {
	list-style: none;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	
#newsevents .date a, #newsevents li {
 	color: #000;
 	text-decoration: none;
 	font-style: normal;

	}	

#newsevents a.readmore {
	color: #000;
	text-decoration: underline;
	font-style: italic;
	}
		
.block-paypal-donations {
	float: right;
	margin-right: -10px;
	padding-top:5px;
		}

.menu { height:32px; position:relative; z-index:1;font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:119px;position:relative;}
.menu li a {
text-align: center;}
.menu li ul li a {
	text-align: left;
}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:108px; height:35px; padding-left:10px; padding-right: 20px; 
	text-transform: uppercase;
	font-family: "Myriad Pro",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;

line-height:34px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:119px; w\idth:108px;}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
}
/* style the second level hover */
.menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#5a90db;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#477ecb;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:35px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
 
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:0px; width:189px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-147px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#5a90db; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px; border-bottom: 1px #fff solid;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#e68401; }
.menu :hover > a,  {color:#e68401; }
 
 .menu ul ul :hover > a {color:#000; background:#a3c3ef;}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu .nav-selected {
	
	color:#e68401;}
	
.menu .nav-selected a {
	;
	color:#e68401;}
	
.ccm-calendar-all tr {
padding: 10px;
	border-bottom-color: #d2d2d2;
	border-bottom-style: solid;
	border-bottom-width: thin
	}