/*******************************************************
TITLE: Fixed Three-Column Over Four-Column Layout V1.0
DATE: 20060807
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin: 2em auto;
padding:0;
height:100%;
background-image: url("/images/bckmain.jpg");
	background-repeat:repeat-x;
    background-color: #c7cfd1;
 
text-align:center;
font-family: Helvetica, Arial, sans-serif;
font-size: .9em;
}
.logo
{
	border: solid 1px #ff0000;
}

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

a:hover {
color:#616161;
text-decoration:none;
}

blockquote {
margin:1em;
padding:.5em .5em .5em 85px;
background-color:#D7ECF8;
}

blockquote p {
margin:.2em;
color:#000000;
}

hr {
height:2px;

}

td.desc {
padding:4px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}

#postHeader { 	
margin:0 auto;
padding:0 .2em .3em .2em;
width:720px;
text-align:right;
vertical-align: middle;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
text-transform:uppercase;
}
#container
{
	width: 900px;
	margin:0 auto;

}
#centerColumn 
{
padding-left: 5px;
padding-top: 10px;
padding-right: 5px;
width:910px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
border: solid 1px #ff0000;
}
#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}

#centerColumn h6{ 
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:.8em;
font-weight:lighter;
letter-spacing:.1em;
}

#navbar {
margin:-1em -1em 0 -1em; /* Mozzila attributes */
padding:1em 0 1em 0 !important; /* IE specific attributes */
padding:1em 0 0 0;
background-color:#cccccc;
}

#navbar ul {
margin:0 0 -1em .3em !important;
margin:.3em 0 0 .3em;
padding:0 0 1em 0;
list-style:none;
background-color:#cccccc;
}

#navbar li {
margin:0 0 0 -.27em;
padding:.2em 0 .2em 0 !important;
padding:1em 0 1em 0;
list-style:none;
display:inline;
background-color:#cccccc;
}

#navbar li a {
margin:0 0 0 0;
padding:1em .5em 1em .5em !important;
padding:1em .5em 0 .5em;
}

#header {
margin:0 -1em 2em 0em;
padding:0 0 0 0;
width: 100%;
background-color:#cccccc;
position: relative;
top: -1px;

}

#header h1 {
margin:0 0 -14px 10px;
padding:10px 0 0 .9em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#000000;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 30px;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000000;
}

#cell_1 {
margin:0 5px 1em 0;
padding:8px;
float:left;
width:210px;
background-color:#cccccc;
}

#cell_2 {
margin:0 14px 1em 14px;
padding:8px;
float:left;
width:210px;
background-color:#cccccc;
}

#cell_3 {
margin:0 0 1em 5px;
padding:8px;
float:left;
width:210px;
background-color:#cccccc;
}

#cell_1 p, #cell_2 p, #cell_3 p {
font-size:.75em;
color:#000000;
}

#cell_1 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

#cell_2 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

#cell_3 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:bold;
}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.news em {
font-size:.8em;
color:#000000;
}

#cell_1 ul.news, #cell_2 ul.news, #cell_3 ul.news {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li.news, #cell_2 li.news, #cell_3 li.news {
margin:0 0 .3em 0;
padding:5px 0 6px 10px;
font-size:.75em;
}

#cell_1 ul, #cell_2 ul, #cell_3 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li, #cell_2 li, #cell_3 li {
margin:0 0 .3em 0;
padding:5px 0 6px 5px;
font-size:.75em;
}

#box_1 {
margin:0 0px 2em 0;
padding:1px;
float:left;
width:170px;
background-color:#fff;
}
#left
{	
	width: 220px;
	height:600px;
	float: left;
	background-color: #fff;
	padding: 1px;
	

}
#box_2_gallery {
position: relative;
margin:0 7px 3em 8px;
padding:1px;
float:right;
right: 110px;
width:300px;
top: 50px;
background-color:#fff;
}
#box_3 {
position: relative;
float: left;
padding:1px;
width:200px;
background-color:#fff;

}
#box_2 {
padding:1px;
float: right;
position: relative;
width:690px;
background-color:#fff;
}
#box_2_cal {
padding:1px;
float: right;
position: relative;
width:900px;
background-color:#fff;
}


#box_4 
{
margin: 0 0 0 0;
float: right;
padding:0px 1px 0px 1px;
left: 0px;
width:150px;
top: 0px;
background-color:#ffffff;
border: solid 1px #ff0000;
width: 174px;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p {
font-size:1.0em;
color:#000000;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-size:.8em;
} 

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li {
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:.8em;
}

#footer {
position:relative;
clear:both;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.7em;
background-color:#ffffff;
}

/*begin of old stuff */

#menu {
width: 170px;
}
#menu h4
{
    font-size: .8em;
    color: #ff0000;
}
#menu dt 
{
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
height: 100%;
background-image: url('http://localhost/hg/images/navback.png');
background-repeat: no-repeat;
background-position: top;
font-family: verdana, sans-serif;

}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;


}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #fff;
text-decoration: underline;
color: Blue;
background-image: url('http://localhost/hg/images/triangle.gif');
background-repeat: no-repeat;
background-position: left;
}

/*Right nav menu*/
/*right nav*/
#menu_r  {
width: 200px;
position: relative;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
text-align: left;
}
#menu_r  dt 
{
cursor: pointer;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
text-align: left;
padding-left: 5px;

}
#menu_r h4
{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#menu_r  dd {
border: 1px solid gray;
}
#menu_r  li {
text-align: center;
background: #fff;


}
#menu_r  li a, #menu_r  dt a {
color: blue;
text-decoration: none;
display: block;
border: 0 none;

}
#menu_r li a:hover, #menu_r  dt a:hover {
background: #fff;
text-decoration: underline;
color: red;
background-image: url('images/triangle.gif');
background-repeat: no-repeat;
background-position: left;
}

.print
{
	position: relative;
	float: right;
}

#logon
{
	font-size: 12px;
	font-family: arial;
}

/* Administrative */
#admin
{
  border: solid 1px #000000;
  padding: 5px;
  }
 /*Gallery*/
 #box_4_gallery
{
margin: 0 0 0 0;
position: relative;
float: right;
padding:0px 1px 0px 1px;
left: 0px;
width:150px;
top: 0px;
background-color:#ffffff;
width: 174px;
}
/************Top**************/
#left
{	
	width: 900px;
	height: 230px;
	text-align: center;
	text-align: center;

}
#top_header
{
	width: 673px;
	border: 1px solid #fff;
	float: right;
	right: 3px;
	padding-right: 15px;
}
.information_school
{
	width: 200px;
	float: left;
	font-size: .9em;
    color: black;
   	height: 215px;
	background-color:#fff;
	padding-left: 5px;
	text-align: left;
	text-indent:10px;
	/*need a firefox specific */
	border: 1px solid #ff3300;
	font-family: helvetica;
}

.logon
{
	width: 200px;
	float: left;
	right: 10px;
	font-size: .9em;
    color: black;
   	height: 100px;
	background-color:#fff;
	text-align: left;
	padding: 3px;
	text-indent: 1;
	/*need a firefox specific */
	border: 1px solid #ff3300;

}
.monthview
{
	position: relative;
	float: right;
}