/* default.css */

/* redcross-red: .RCcolor {color: rgb(226, 0, 37)}
*/


/***** GENERAL *****/

html, body {margin:0; padding:0;} /* html -> Opera! */
body { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; font-size: 12px; font-weight:normal; background-color:white;}
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; text-align:center;  
		font-size:200%; font-weight:bold;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; text-align:center; 
		font-size:150%; font-weight:bold;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; text-align:center; 
		font-size:120%; font-weight:bold;}		
ul {list-style-position: outside };
li { margin: 0; padding: 0.5em 0em;}
img {background-color: #CCC; padding:0px;}
table tr {padding:0px}
p {margin: 1.2ex 0px 1.2ex 0px; padding:0px}

frameset, frame {border-collapse:collapse; margin:0px; padding:0px}
#frameset_index {margin:0; padding:0; width:100%; height:100%}


.RCcolor {color: rgb(226,0,37)}

.rounded {
-webkit-border-radius: 9px;  /* safari-chrome */ 
-moz-border-radius: 9px;   /* firefox */ 
border-radius: 9px;  /* opera */ 
 }



/*****************/


a { text-decoration: none; color:gray; background-color:none;}
a:focus {outline: none}
a:hover { color:black; background-color:#EEE;}
#topNav a { padding: 2px 5px }
#temp_link:hover {padding:2px 5px; text-decoration:none; color:red; background-color:white;}
#temp_link:active {padding:2px 5px; text-decoration:none; font-size:108%; color:#DDD}
#temp_link:visited {padding:2px 5px; text-decoration:none; font-size:108%; color:#DDDDDD}

.img_a a:hover {text-decoration:none; background-color:white;}
.image_text {font-size:80%;}

#banner_topRight { position: absolute; top:10px; left:210px; width:530px; height:90px; 
			overflow:visible; border:solid 1px rgb(226, 0, 37);
			text-align:center; font-weight:bold; background-color:white;
			/*
			border:solid 8px rgb(226, 0, 37);
			color:white; background:url('../images/bg_red_horStriped.jpg') #B50011; 
			*/
			}
#banner_topRight a { text-decoration: underline; color:white; background-color:none;}
#banner_topRight a:hover { color:white; background-color:none;}



.normal {font-size: 12px;}
.menu_small {font-size: smaller; margin-left:0px; padding-left:0px}
.menu_normal{font-size: normal;}
#menu_left a:hover {color:black; background-color:#EEE; padding-left:1.5ex; padding-right:1.5ex;}
#menu_top a:link, #menu_top a:visited, #menu_top a:hover, #menu_top a:active {color:white; background-color:transparent}
.address {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 
			font-size:1em; font-weight:normal; color:#DD7;
			bottom:30px; left:30px; z-index:2; text-align:left}
.mainDiv { font-size:inherit; position:relative; margin: 0px 40px 0px 40px; padding:0px;
			border:none 1px gray; background-color:transparent;}
.mainHeader{ font-size:150%; font-weight:bold; text-align:center }
.mainFooter { border:none 1px red; background-color:transparent;
				font-weight:normal; font-size:65%; color:gray; text-align:right;  
				position:relative; bottom:5px; padding-top:15px; padding:auto; z-index:0;  }
.SEPARATOR {text-align:center; color:gray; margin-top:2ex; margin-bottom:5ex;}				
.bulletList {list-style-type:disc;}
.bulletList li{margin-top:0.7ex; padding-top:0px; padding-bottom: 0px; border:none 1px red;}
/* .bulletList li{line-height:130%} */

#rcRules {list-style-position:inside; list-style-type:none; list-style-image:none; margin-left:0px; padding-left:0px; }
#rcRules li {padding: 0.5ex 0ex;}
				
.banner_header {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; font-size: medium; font-weight: 700;}
.banner_text {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; font-size: small;}
.banner_box{border: solid medium red;}

#calender_table {margin: 0px auto; margin-bottom:20px; padding: 20px auto; border:none 1px gray;  width: 100%; border-collapse:collapse;}
#calender_table thead, tfoot {text-align:left}
#calender_table thead td {border-bottom: dotted 1px gray; padding-bottom: 0.7em; }
#calender_table tfoot td {border-top: dotted 1px gray; padding-top:0.7em }
#calender_table tbody {padding-top:50px; padding-bottom:50px}
#calender_table tr {margin-bottom: 20px; line-height:130%}
#calender_table td {}

.calender_day {font-weight:bold; horizontal-align: top;}
.calender_activity {horizontal-align:top; padding-left:1em}
.calender_location {text-align:right; padding-left:1.5em}	
.calender_time {text-align:left; padding-left:1em;}
.calender_desc {padding-left:1em; line-height:110%}

.calender_eventDate{ font-weight:bold; margin:0px auto;}
.calender_eventTitle { font-size:130%; }
.calender_past {color:darkgray}


#contact_form input {padding-left:0.7ex; padding-right:0.7ex;}
#contact_form option {padding-left:0.7ex; padding-right:0.7ex;}
#contact_form textarea {padding:0.7ex 0.7ex 0ex 0.7ex;}
#contact_btnCancel {width:70px;}
#contact_btnSend {width:305px; margin-right:0px;}
.contact_inputFont {font-family: courier new; font-size:130%}


#homework table {border-collapse:collapse; font-size:180%; font-weight:normal; 
	color: #9B6318; background-color:#CCC}
#homework table tr td {border:solid 7px white; margin:0px; padding:0px; 
	height:70px; width:140px; text-align:center;}

.author {height:1.5em; display:block; font-size:70%; color:#606060; width:100%;}


#site_background { background:url("../images/bg_red_vertStriped.jpg") #B50011 top left repeat;
		margin:0px; padding:0px; border:none; overflow:hidden; }


#menu_top, #frame_menu_top {overflow:hidden}


.TODOplus {font-weight:bold; color:red}
.TODO {font-weight:normal; color:red}


/***** @page *****/
@page :left {margin-left: 1cm;}
@page :right {margin-right: 1cm;}
@page {zoom:90%}