/*
Let's Stop Bullying

MWISMedia New Media Design & Development

Author: Garry Bartle

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 14px  "Comic Sans MS";
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

body {margin: 0px;	padding: 0px;text-align:left; font: normal 14px "Comic Sans MS", Arial;color:#ED2228; background:#FFFF00 url(../images/bg_page_main.jpg) repeat-y top center;	}	
		
#main_container {width: 100%; margin: auto;position:relative;}
#top {width:100%; height:61px;  margin: auto;position:relative; background:url(../images/top.jpg) no-repeat top center;}
#flash_container {width:100%; height:421px;  margin: auto;position:relative; background:url(../images/bg_flash.jpg) no-repeat top center;}
#flash {width:896px; height:421px; margin: auto;position:relative; }
#flash_movie {width:896px; height:421px; background-color:#FF0000;}
#page_container {width:100%;  margin: auto;position:relative; background:url(../images/bg_page.jpg) no-repeat top center;}
#page {width:896px;  margin: auto;position:relative; }
#col_one {float:left; width:380px;  padding:0 30px 0 30px; background:url(../images/vline01.jpg) repeat-y right top; margin:30px 0 0 0;}
#col_two {float:left; width:380px;  margin:30px 0 0 0; padding:0 0 0 30px;}
#full_span {width:836px;  padding:0 30px 0 30px;margin:10px 0 0 0; }
#col_login {float:left; width:230px;  padding:0 10px 0 30px;  margin:30px 0 0 0;}
#col_two_login {float:left; width:560px;  margin:30px 0 0 0; padding:0 0 0 30px; }
#col_full_login {float:left; width:560px;  margin:30px 0 0 0; padding:0 0 0 30px; }

.back_home {width:866px; padding:10px 0 0 30px; margin:0 0 0 0; }

#dash_hash { float:left; width:896px; background:url(../images/bg_dash.jpg) repeat-y; }

/* ----------------------PARAGRAPHS & TEXT STYLES--------------------------*/

#page p {padding:15px 0 0 0; line-height:130%;}


.comic18 {font-size:18px;}
.comic10 {font-size:10px;}
.comic16 {font-size:16px;}
.comic22 {font-size:22px; text-decoration:none; color: #ED2228;}
.comic18s {font-size:18px;  line-height:200%; }

.red_link {color:#ED2228;}
#sitemap a {color:#ED2228; text-decoration:none; font-weight:bold;}
#sitemap a:hover {text-decoration:underline;}

h2 {font-size:18px; font-weight:bold; margin-top:15px;}
h3 {font-size:16px; font-weight:bold; margin-top:15px;}
h4 {font-size:16px; margin-top:15px;}

.spacer {margin-bottom:20px;}

/* ----------------------LISTS-------------------------*/

#full_span ul {margin:10px 0 5px 20px; padding:0 0 0 0;}
#full_span li {padding:0 0 5px 0;}
#full_span ol {margin:20px 0 20px 40px; padding:0 0 0 0; }
#full_span li.order { font-weight:bold; font-size:18px;}
#full_span li.order a{ text-decoration:none; color: #ED2228;}
#full_span li.order a:hover{ text-decoration:underline; }

/* ----------------------BUTTONS-------------------------*/

#b1 {float:left; width:146px; height:36px; background:url(../images/b1.jpg); margin:15px 3px 25px 0; text-align:center; padding:12px 0 0 0;}
#b1 a {color:#FFFFFF;  font-size:15px; text-decoration:none;}
#b1 a:hover {color:#FFFF00; }
#b2 {float:left; width:108px; height:36px; background:url(../images/b2.jpg); margin:15px 3px 25px 0; text-align:center; padding:12px 0 0 0;}
#b2 a {color:#FFFFFF;  font-size:15px; text-decoration:none;}
#b2 a:hover {color:#FFFF00; }
#b3 {float:left; width:230px; height:36px; background:url(../images/b3.jpg); margin:15px 3px 25px 0; text-align:center; padding:12px 0 0 0;}
#b3 a {color:#FFFFFF;  font-size:15px; text-decoration:none;}
#b3 a:hover {color:#FFFF00; }
#b4 {float:left; width:157px; height:36px; background:url(../images/b4.jpg); margin:15px 3px 25px 0; text-align:center; padding:12px 0 0 0;}
#b4 a {color:#FFFFFF;  font-size:15px; text-decoration:none;}
#b4 a:hover {color:#FFFF00;}
#b5 {float:left; width:176px; height:36px; background:url(../images/b5.jpg); margin:15px 3px 25px 0; text-align:center; padding:12px 0 0 0;}
#b5 a {color:#FFFFFF;  font-size:15px; text-decoration:none;}
#b5 a:hover {color:#FFFF00;}

/* ----------------------GREY BOX-------------------------*/

#grey_box {width:650px; padding:15px; background:url(../images/bg_greybox.jpg) right top no-repeat;}

#grey_box p {padding:0 0 15px 0; line-height:130%;}

#grey_box ul {margin:10px 0 5px 20px; padding:0 0 0 0;}
#grey_box li {padding:0 0 5px 0;}
#grey_box ol {margin:20px 0 20px 40px; padding:0 0 0 0; }
#grey_box li.order { font-weight:bold; font-size:18px;}
#grey_box li.order a{ text-decoration:none; color: #ED2228;}
#grey_box li.order a:hover{ text-decoration:underline; }

/* ----------------------GAMES-----------------------*/

.games_box {float:left; width:249px; height: 220px;  margin:20px 20px 0 0; text-align:center;}
.games_box a {color:#ED2228;}

.games_box2 {float:left; width:249px; height: 450px;  margin:20px 20px 0 0; text-align:center;}
.games_box2 a {color:#ED2228;}

/* ----------------------SCHOOL SEARCH FORM--------------------------*/

.search_form {margin:0; padding:0; }
.search_field {width:200px; }
#search_form .btnSearch { width:221px; height:38px; background:url(../images/search_b.jpg) ; border:none; padding: 0; margin:10px 0 0 0 ;  }

/* ----------------------LOGIN  FORM--------------------------*/

#login_form {margin:0; padding:0;}
.login_field {width:215px; height:25px; border:solid 2px #EF711C; padding:5px 0 0 5px; }
#login_form .btnLogin { width:224px; height:49px; background:url(../images/login_b.jpg) ; border:none;  }

/* ----------------------TABLE STYLES--------------------------*/

table {font: 11px/24px Verdana, Arial, Helvetica, sans-serif;border-collapse: collapse;}

th {padding: 0 0.5em;	text-align: left;}

tr.yellow td {border-top: 1px solid #FB7A31;	border-bottom: 1px solid #FB7A31;	background: #FFC;	}

td {border-bottom: 1px solid #F9550D;	padding: 5px;}

td:first-child {	width: 190px;	}

/* ----------------------FOOTER--------------------------*/

#footer {width:100%; height:25px;  margin: auto;position:relative; background:url(../images/bg_footer.jpg) no-repeat top center; font-size:10px; text-align:center; padding:120px 0 5px 0;}
#footer a {color:#ED2228; text-decoration:none; padding:0 5px 5px 5px;}


#form_container { float:left; width:550px; margin-top:20px }
#map_container {float:left; width:260px;  margin-top:20px;}

label {font-size: 14px;font-weight: normal; color:#ED2228; font-weight:bold;}
fieldset{border: none;}
#form legend { margin: 0 0 5px 8px;	 padding-bottom: 5px;border-bottom: dotted #ccc 1px;}
#form label {display:block;float:left;width: 150px;text-align:right;margin: 5px 10px 0 0; }
#form p { display:block;clear:both; padding:2px 0 2px 0; }
legend {display:block; clear:both; font: normal 18px "trebuchet MS", Arial; color:#000000; }
input, select, option, textarea {border: 1px solid #00529B;background-color: #FFFFFF;color: #666666; width: 230px; padding: 3px 0 0 3px;  }
.field_height {height:20px;}
form {padding:0 0 0 0;}

#form .btnRegister { width:224px; height:49px; background:url(../images/reg_b.jpg) ; border:none; padding: 0; margin:0 0 0 0 ;  }
#form .btnReset { width:224px; height:49px; background:url(../images/reset_b.jpg) ; border:none; padding: 0; margin:0 0 0 0 ;  }

.checkbox_width {width:20px;}