@charset "utf-8";
/* CSS Document */


/*  clear defaults ...........................  */

* {
padding:0;
margin:0;
}

img, a, table, td {
border:none;
}


/*  css for site...........................  */

html {
	height:100%;
	background-color:#1d496d;
}

body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


table#maincontainer {
	width:900px;
	border-left:solid 1px #333;
	border-right:solid 1px #333;
	border-bottom:solid 1px #333;
	margin:0 auto;
	background:#fff;
}


#banner {
	height:131px;
	width:900px;
	border-bottom:solid 1px #888;
	background-color: #FFFFFF;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}




/* sub menu ..............................................    */


#menu2 {
	border-bottom:solid 1px #888;
	padding:3px;
}

#menu2-links {
	color:#666;
	font-size:11px;
	padding:3px 0 3px 15px;
	width:900px;
}

#menu2-links a {
	color:#888;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

#menu2-links a:hover {
text-decoration:underline;
}


/* Verticle Menu  ..............................................    */

#vmenu-collumn {
padding:5px 10px 15px;
	background-color:#89c3cd;
width:206px;
}

.vmenu-footer {
background:url(../images/vmenu-footer.jpg) no-repeat;
width:206px;
height:13px;
}

/* general content collumn  ..............................................    */

#content-row-cell {

}

#content-collumn {
border-left:solid 1px #888;

padding:20px;
}

/* specific content styles  ..............................................    */

.rezzShowLinks a {
margin-right:10px;
text-decoration:none;
}

.rezzShowLinks a:hover, .rezzShowLinks a.active {
text-decoration:underline;
}


/* content collumn with subsite - these pages will have their own links ................    */


#content-collumn-subsite {
	background-color:#89c3cd;
	padding:10px 0 0 0;
}



#subsite-buttons {
padding-left:5px;
height:31px;
}

	#subsite-buttons a {
		padding:7px 10px;
		overflow:auto;
		float:left;
		border:solid 1px #888;
		background-color:#eee;
		margin-left:3px;
		position:relative;
		top:1px;
		text-decoration:none;
	}
	
	#subsite-buttons a:hover, #subsite-buttons a.active {
		border-bottom:solid 1px #fff;
		background-image: url(../images/tile-gradient-grey.jpg);
		background-position:bottom;
	}

#subsite-body {
padding:20px;
background-color:#fff;
border:solid 1px #888;
border-bottom:none;
border-right:none;
}


/* Rezz Radio Blog Styles  ..............................................    */

.blogShell {
margin:0 20px 15px 15px;
float:left;
width:450px;
overflow:auto;

}



.blogTitle  {
	padding:5px 10px;
color:#0C304E;
font-size:13px;
	font-weight:bold;

}


.blogTitle  a:hover {
text-decoration:underline;
}

.blogBody {
padding:0 10px 10px 10px;
overflow:auto;
}

.blogLists {
float:right;
}

.blogList {
width:140px;
padding:10px;
padding-top:none;
margin-bottom:15px;
border:solid 1px #eee;
font-weight:bold;
}

.blogList .blogTitle {
border-top:solid 1px #f5f5f5;
}

.blogList .blogTitle a {
font-weight:normal;
}



/* School News Blog  ..............................................    */

.newsBlogShell {
border-left:solid 7px #ddd;
border-bottom:solid 1px #ddd;
border-top:solid 1px #ddd;
margin-bottom:10px;
}


.newsBlogTitle  {
padding:7px 10px;
overflow:auto;
}

.newsBlogTitle .info {
color:#000;
font-weight:normal;
font-size:12px;
float:left;
margin-right:25px;
}

.newsBlogTitle .info b {
color:#0C304E;
font-size:13px;
font-weight:bold;
}



.newsBlogTitle .info a {
color:#0C304E;
text-decoration:none;
}


.newsBlogTitle .title a:hover {
text-decoration:underline;
}



.newsBlogBody {
padding:15px;
padding-top:8px;
overflow:auto;
clear:both;
}

/* Blog Blocks..............................................    */

.collumn1 {
float:left;
width:220px;
margin-right:15px;
}

.collumn2 {
float:right;

}


.blogBlockList {
padding:10px;
width:220px;
padding-top:none;
border:solid 1px #ddd;
font-weight:bold;
margin-bottom:15px;
}


.blogBlockList a {
color:#0C304E;
text-decoration:none;
}


.blogBlockList a:hover  {
text-decoration:underline;
}

.blogBlockTitle {
border-top:solid 1px #ddd;
padding:11px 10px;
}

.blogBlockTitle .title a {
font-weight:normal;
text-decoration:underline;
color:#14568B;
}


.blogBlockTitle .date  {
color:#000;
font-weight:normal;
font-size:12px;
}

.blogBlockTitle .text{
color:#000;
font-weight:normal;
font-size:12px;
}

.blogBlockTitle .text a {
font-weight:normal;
text-decoration:underline;
color:#14568B;
}



/* lunch menu tweeks..............................................    */

.lunchMenuContainer {
margin-bottom:15px;
}



.lunchMenuContainer .blogBlockList  {
width:372px;
margin:0;

}

.lunchMenuContainer-full .blogBlockList  {
width:500px;
margin:0;
}

.lunchPost p {

padding:0;
margin:0;
display:inline;
}

/*  blog Block Collumn ..............................................    */

.blogBlockCollumn {
float:left;
}

.blogBlockCollumn .blogBlockList {
clear:both;
margin-bottom:15px;
}



/* main page image block..............................................    */

.imageBlock {
margin-bottom:15px;
}



/* footer  ..............................................    */

#footer {
text-align:center;
padding:30px;
color:#000;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:13px;
border-top:solid 1px #777;
background-color:#3aa0b2;
}



/* general styles  ..............................................    */

a {
color:#14568B;
}

.bodyIndent {
padding-left:20px;
}

.bodyIndent2 {
padding-left:40px;
}

p {
text-align:justify;
margin:5px 0 10px 20px; 
line-height:1.4em;
}

.borderl {
border:solid 1px #444;
}

.marginl {
margin-left:15px;
}


.marginr {
margin-right:15px;
}

h1 {
color:#a72013;
font-size:20px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
letter-spacing:.06em;
}

h4 {
	padding-bottom:5px;
	color:#0C304E;
	font-size:13px;
}

h5 {
	padding-bottom:5px;
	color:#0C304E;
	font-size:12px;
}


ul {
padding-left:25px;
}

li {
padding:5px;
}

hr {
margin:30px 0;
border:none;
border-top:solid 1px #ddd;
}

.guidanceFloat1 {
float:left;
margin-right:20px;
width:455px;
padding-left:20px;
}

.guidanceFloat2 {
float:left;
width:150px;
margin-top:25px;
}



.floatl {
float:left;
margin-right:20px;
}

.clear {
clear:both;
}


/* Accordian Menu  ..............................................    */

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 206px;
}


ul#menu a {
  display: block;
  text-decoration: none;	
background:url(../images/vmenu-tab.jpg) no-repeat bottom left;
}

ul#menu li {
margin:0;

padding:0;

}

ul#menu li a {
	color: #000;
	padding: 8px 15px 8px 15px;
	font-weight:bold;
	font-size:13px;
	margin-top:6px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
        height:18px
}

ul#menu li a:hover {
}

ul#menu li ul {
	

}

ul#menu li ul li a {
  color: #000;
  border:none;
  margin:0;
padding:8px 15px 8px 20px;
  font-weight:bold;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  background:url(../images/vmenu-tile.jpg) repeat-y;
}

ul#menu li ul li a:hover, ul#menu li ul li a.active {
	text-decoration:underline;
	color:#0C304E;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }