/* Theme Name: Stagnes Theme URI: http://www.hhgraphics.net Description: St Agnes School theme. Version: 1.0 Author: HHG Author URI:
http://www.hhgraphics.net
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font: 13px Helmet, Freesans, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer; color:#ffffff; background-color: #990000;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
 .ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* 
 * minimal base styles 
 */
html { font-size: 62.5%; }
/*body {font: 15px Helmet, Freesans, sans-serif;}*/
/** { font-family: sans-serif !important }*/
body, select, input, textarea {color: #333;}
a {color: #03f;}
a:hover {color: #69f;}
::-moz-selection{background: #b4bcc0; color: #fff; text-shadow: none;}
::selection {background: #b4bcc0; color: #fff; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: #b4bcc0;} 
ins {background-color: #b4bcc0; color: #000; text-decoration: none;}
mark {background-color: #b4bcc0; color: #000; font-style: italic; font-weight: bold;}
body { font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; line-height: 23px; background: #a2101d; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea { color:#333; }
p {font-size: 12px; font-size: 1.2rem; line-height: 2em; margin: .8em 0; padding: 20px 20px 0 20px; }
ul {margin: 8px 0 0 0;}
li {font-size: 12px; font-size:1.2rem; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; margin: 8px 40px 0 10px;}
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
h1 {font-size:26px; font-size: 2.6rem;}
h2 {font-size:24px; font-size: 2.4rem;}
h3 {font-size:17px; font-size: 1.7rem;}
h4 {font-size:14px; font-size: 1.4rem;}
h5 {font-size:12px; font-size: 1.2rem;}
html { -webkit-font-smoothing: antialiased; }
.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.shadowed { -webkit-box-shadow: 0px 0px 15px #646464;-moz-box-shadow: 0px 0px 15px #646464;box-shadow: 0px 0px 15px #646464; }
.rounded { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.rounded10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.rounded { behavior: url(border-radius.htc)  !important; behavior: none; }
.right {float:right;}

hr {display: block; position: relative; padding: 0 10px; margin: 8px auto; width: 100%; clear: both; border: none; border-top: 1px solid #ececec; font-size: 1px; line-height: 0;
overflow: visible; }
 
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #336699; }
a:hover { color:#538498; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
a:link { -webkit-tap-highlight-color: #FF5E99; } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* 
 * Non-semantic helper classes 
 */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; } 
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
 img, a, input { behavior: url(iepngfix.htc) }

#wrapper { width: 960px; padding:0; margin: 0; margin-left: auto; margin-right: auto; border:1px solid #fff; z-index:400;}
/* ----------container ---------- */ 
#container { width: 100%; padding:0; margin: 0; margin-left: auto; margin-right: auto;vertical-align:top; min-height: 550px; background-color: #ffffff; float: none; z-index: -900;}
#containerhm {width: 685px;padding: 0;margin: 0;margin-left: 1px; margin-right: auto;vertical-align:top; height:400px; background-color: #ffffff; position: absolute; z-index: -1000;}
.sidebar{ float: left; width: 220px; margin: 10px 0 0 25px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: left; line-height:23px;color:#C2CBCF; }
.sidebarhm{float:left;clear:none;width:190px;display:block;margin:75px 0 0 20px;padding:5px 0 0 15px;font:12px/24px Verdana,Helvetica,Sans-serif;text-align:center;color:#DDE0E1;font-weight:bold;}


/* ---------home page images ---------------------*/

.hm { background-color: #000000; color: #FFFFFF; margin: 0 0 0 -1px; overflow: hidden; position: absolute; width: 684px; height: 400px; }
.flying-text { margin-left: -100px; }

/* ----------banner-------------- */ 
#banner {/*position: relative;*/ text-align: left; height: 115px; vertical-align: bottom; background-color: #060d29; border-bottom:1px solid #fff; padding: 0; margin: 0; }
.img2 { position: relative; top: 30px; left: 245px; margin-right:155px; z-index:2;  }
.img1 { position: absolute; margin-top: 33px; float:left; display:block; zoom:1; z-index:34;}
.homebtn {width:55px; display: block; background: -moz-linear-gradient(center top , #BF1F1F, #8F1D21) repeat scroll 0 0 transparent; clear: none; display: inline; float: left !important; font: 12px/14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; 
 position: relative; margin: 0 auto 0 186px; padding: 12px 14px 10px 18px;z-index: 15; height: 18px;}
.homebtn:link {color: #FFFFFF; text-decoration: none; } 
.homebtn:active { text-decoration: none; } 
.homebtn:visited { color: #FFFFFF; text-decoration: none; } 
.homebtn:hover {background-color: #aa2025;background: -webkit-gradient(linear, left top, left bottom, from(#aa2025), to(#aa2025)); background: -moz-linear-gradient(top, #aa2025, #aa2025); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa2025', endColorstr='#aa2025') !important; /* for IE */}
.hdwrap {width: 960px; height: 60px; padding:0; margin: 0; margin-left: auto; margin-right: auto;}
.ribbon {width: 400px; float: left;}

/* ----------outer and inner----------------- */ 
#outer{ border-left: solid 275px #295981; background-color: #000000; z-index:3;}
#inner{ margin:0px; width:100%; background-color: #000000; z-index:2; } 
/* --------------left navi------------- */ 
#lefthm { width:275px; float:left; position:relative; min-height: 305px; height: 305px; margin: 0 0 0 -245px;background-color: #295981; border-right: 1px solid #ffffff; !border-right: 0; _border-right: 1px solid #ffffff; }
#left { width:275px; float:left; /*position:relative;*/ min-height: 400px; margin: 0 1px 0 -275px; background-color: #295981; background: -webkit-gradient(linear, left top, left bottom, from(#0F3058), to(#295981)); background: -moz-linear-gradient(top, #0F3058, #295981); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0F3058', endColorstr='#295981') !important; /* for IE */ border-right: 1px solid #ffffff; clear:both;}
#navcontainer { margin: 70px 0 0 2px; }
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; font-family: verdana, arial, Helvetica, sans-serif; line-height: 18px; }
#navcontainer li { margin: 0; padding: 4px 2px; text-indent: -0.5em; }
#navcontainer a { margin: 2px 0; padding: 5px 5px; width: 160px; color: #fff; text-decoration: none; }
#navcontainer a:hover { color:#CCCCCC; text-decoration: none; }
#navcontainer ul ul li { margin: 3px 0; border-top:#6C95AA 1px dotted; border-spacing:0.5 em; }
#navcontainer ul ul a { padding: 5px 5px 5px 5px; width: 160px; color: #fff; text-decoration: none; }
#navcontainer ul ul a:hover { color:#CCCCCC; text-decoration: none; }
#current { font-weight:bold; text-transform: uppercase; }
.current_page_item { font-weight:bold; }
/* -----------------content--------------------- */ 
#content{ position: relative; margin: 0px; z-index:0; }
table { padding: 20px 20px 0 20px; margin: 10px 20px; border: 1px solid #CCCCCC; }
table td{ padding: 2px 2px 2px 2px; margin: 0px; border-bottom: 1px solid #E9E9E9; }
h2{ font-family:Georgia, "Times New Roman", Times, serif; padding: 20px 20px 0 20px; margin: 0px 0px; font-weight:normal; }
h3{ font-family:Georgia, "Times New Roman", Times, serif; padding: 20px 20px 0 20px; margin: 0px; font-weight:normal; }
.sidebrhd { color:#ffffff; padding: 0 0 15px 9px; }
h4{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; padding: 0 20px;  line-height:23px; color:#eeeeee;/*text-align:center;*/ }
p {font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 23px; color:#333333; padding: 20px 20px 0 20px; margin: 0px;}
p.img-cap { font-size: 10px; line-height: 19px; text-align:center; padding:2px 4px; }
small { font-size: 9px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; line-height: 11px; color:#333333; padding: 20px 20px 0 20px; margin:0px; }
pre{ font-size: 12px; padding: 5px 10px; margin:0px;}
#container ul {list-style:disc;}
#container ul li {/*font-family: Verdana, Arial, Helvetica, sans-serif;*/ font-style:normal; /*font-size:14px;*/}
/*--------------------menu --------------------*/
#menu{height: 40px;  border-bottom:1px solid #fff; background: -webkit-gradient(linear, left top, left bottom, from(#bf1f1f), to(#8f1d21)); background: -moz-linear-gradient(top, #bf1f1f, #8f1d21); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf1f1f', endColorstr='#8f1d21') !important; /* for IE */z-index:9700;}
/* Root = Horizontal, Secondary = Vertical */ 
/*ul#navmenu {margin-top: 8px !important;}*/
ul#navmenu { margin: 0 0 0 275px; border: 0px none; padding: 0; /*For KHTML*/ list-style: none; height: 40px; }
ul#navmenu li { margin: 0; padding: 0; float: left; /*For Gecko*/ text-align:left; display: inline; list-style: none; position: relative; height: 40px;  }
ul#navmenu ul { margin: 0; padding: 0; list-style: none; display: none; position: absolute;  left: 0; border-top: 1px solid #fff; }
ul#navmenu ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
ul#navmenu ul li {width: 205px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; margin: 0; padding: 0; /*For IE*/ height: auto; }
ul#navmenu li.red ul li { width: 115px; }
/* Root Menu */ 
ul#navmenu a { padding: 13px 25px; display: block; border-left: 1px solid #fff; float: none !important; /*For Opera*/ float: left; /*For IE*/ display:
block; color: #ffffff; font: 12px/14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; height: auto !important; height: 1%; /*For IE*/height: 38px;}

/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {background-color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#8f1d21), to(#bf1f1f)); background: -moz-linear-gradient(top, #8f1d21, #bf1f1f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f1d21', endColorstr='#bf1f1f') !important; /* for IE */color: #FFFFFF;}
ul#navmenu li.red {width:113px; background-color: #bf1f1f; background: -webkit-gradient(linear, left top, left bottom, from(#bf1f1f), to(#8f1d21)); background: -moz-linear-gradient(top, #bf1f1f, #8f1d21); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf1f1f', endColorstr='#8f1d21') !important; /* for IE */ }
ul#navmenu li.red a:hover, ul#navmenu li.red:hover a, ul#navmenu li.red.iehover a {background-color: #8f1d21;background: -webkit-gradient(linear, left top, left bottom, from(#8f1d21), to(#8f1d21)); background: -moz-linear-gradient(top, #8f1d21, #8f1d21); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f1d21', endColorstr='#8f1d21') !important; /* for IE */}
ul#navmenu li.blue {width:95px; background-color: #295981;background: -webkit-gradient(linear, left top, left bottom, from(#285981), to(#295981)); background: -moz-linear-gradient(top, #285981, #295981); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#285981', endColorstr='#295981') !important; /* for IE */}
ul#navmenu li.blue2 {width:125px;}
ul#navmenu li.blue a:hover, ul#navmenu li.blue:hover a, ul#navmenu li.blue.iehover a {background-color: #295981;background: -webkit-gradient(linear, left top, left bottom, from(#285981), to(#285981)); background: -moz-linear-gradient(top, #285981, #285981); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#285981', endColorstr='#285981') !important; /* for IE */}
ul#navmenu li.yellow {width:130px; background-color: #DE9330;background: -webkit-gradient(linear, left top, left bottom, from(#DE9330), to(#b67029)); background: -moz-linear-gradient(top, #DE9330, #b67029); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DE9330', endColorstr='#b67029') !important; /* for IE */}
ul#navmenu li.yellow a:hover, ul#navmenu li.yellow:hover a, ul#navmenu li.yellow.iehover a {background-color: #b67029;background: -webkit-gradient(linear, left top, left bottom, from(#b67029), to(#b67029)); background: -moz-linear-gradient(top, #b67029, #b67029); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b67029', endColorstr='#b67029') !important; /* for IE */}
ul#navmenu li.yellow2 {width:130px;}
ul#navmenu li.navy {width:90px;background-color: #0A143D; background: -webkit-gradient(linear, left top, left bottom, from(#0A143D), to(#0e1b4f)); background: -moz-linear-gradient(top, #0A143D, #0e1b4f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A143D', endColorstr='#0e1b4f') !important; /* for IE */}
ul#navmenu li.navy a:hover, ul#navmenu li.navy:hover a, ul#navmenu li.navy.iehover a {background-color: #0A143D; background: -webkit-gradient(linear, left top, left bottom, from(#0A143D), to(#0A143D)); background: -moz-linear-gradient(top, #0A143D, #0A143D); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A143D', endColorstr='#0A143D') !important; /* for IE */}

ul#navmenu a.noborder {border-left: 1px solid #fff;}
/* 2nd Menu */ 
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {height: 26px; padding: 10px; border-left: 0; float: none; color:#dcdbd8; }

/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover
li.iehover a {color: #FFF; }

/* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul,ul#navmenu li.iehover ul ul ul { display: none; }
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block;} 


/* ---------- images and captions -----------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.min150w { width: 150px; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; width: 150px; background-color: #f3f2f0; padding: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; width:150px; height:150px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 19px; padding: 0 6px 5px; margin: 0; }

/* ----------------special divs---------------------- */
#searchform { position:relative; text-align:right; padding:0; margin: 0; margin-left: auto; margin: 15px auto 5px; }
.searchform { display: inline-block; zoom: 1; /* ie7 hack for display:inline-block */ *display: inline; border: solid 1px #d2d2d2; padding: 3px 5px; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1);
background: #f1f1f1; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d8d8d8)); background: -moz-linear-gradient(top, #ededed, #d8d8d8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d8d8d8'); /*
ie7 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');  /* ie8 */ } 
.searchform input { font: normal 12px/100% Arial, Helvetica, sans-serif; } 
.searchform .searchfield { background: #ededed; padding: 6px 6px 6px 8px; width: 102px; border: solid 1px #bcbbbb; outline: none;-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } 
.searchform .searchbutton {height: 25px; width: 25px;background: transparent url(images/magnifying-glass.png); }

#searchform ul{ display: inline; }
#searchform li{ list-style-type:none; }
#address { position:relative; width: 960px; text-align:left; padding:0; margin: 0 auto; margin-top: 15px; margin-bottom: 30px; font-weight:bold;}
#address ul {color: #dcdada; display: inline-block; list-style-type: none; vertical-align: top; margin: 0 30px 0 0; padding:0;}
#address li {font-size: 12px; font-size: 1.2rem; list-style-type: none; white-space:nowrap;margin:0;}
/*#address ul.last {margin: 0 30px 0 0;}*/
#address ul.last2 {margin: 0 0 0 20px;float: right;}
#address h4{font-size: 13px;padding:0;font-weight:bold;}
#address img {display: block; float: left;}
#address a { color:#dcdada; }
#address a:link, #address a:visited { color: #dcdada; text-decoration: underline; }
#address a:hover, #address a:active { color: #cecece; text-decoration: none; }
.cred p {color: white; font-size: 10px; float: right; width: 180px; line-height: 1.2em; margin: -10px 0 20px 0;}
input.btn { color:#000033; font: 10px 'trebuchet ms',helvetica,sans-serif; background-color:#eee; border: 1px solid; border-color:#CCCCCC;
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); }
input.btnhov { color:#990000; border-color: #eee; background-color:#CECBC6; }
input.txtbox { font: 10px Arial, Helvetica, sans-serif; }
#homelinks {color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; height: auto; left: 135px; margin: 0 auto; padding: 8px 5px; position: relative; top: 8px; width: 670px;}
#left-col, #mid-col, #right-col {width: 190px; min-height: 260px; /*height:  100%;*/float: left; margin: 0 20px 13px 0; padding: 5px 5px;}
#left-col hr, #mid-col hr, #right-col hr { width:80%;}
#left-col { background-color: #285981; background: -webkit-gradient(linear, left top, left bottom, from(#163e6a), to(#285981)); background: -moz-linear-gradient(top, #163e6a, #285981); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#163e6a', endColorstr='#285981') !important;  border: 1px solid #709ac0; }
#mid-col { background-color: #a52025; background: -webkit-gradient(linear, left top, left bottom, from(#832025), to(#a52025)); background: -moz-linear-gradient(top, #832025, #a52025); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#832025', endColorstr='#a52025') !important;  border: 1px solid #b64e43; }
#right-col { background-color: #db912f;background: -webkit-gradient(linear, left top, left bottom, from(#b67029), to(#db912f)); background: -moz-linear-gradient(top, #b67029, #db912f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b67029', endColorstr='#db912f') !important;   border: 1px solid #ecb574; }
#homelinks p {color: #ffffff; font-size: 11px; font-size: 1.1rem; line-height:1.4em; clear: both; padding:0 8px 3px; /*margin:0;*/}
#homelinks h4 {padding:0 8px;}
#homelinks a:link { color: #FFFFFF; } 
#homelinks a:active { text-decoration: none; } 
#homelinks a:visited { color: #FFFFFF; text-decoration: none; } 
#homelinks a:hover { color:#CCCCCC; text-decoration: none; }
.small {color:#ffffff; padding: 0; margin: 2px 0 0 0; font-size: 11px; font-size:1.1rem; line-height: 1.3em; width:96%;}
#list {position:relative;}
#agenda li {float: left; font-size: 11px; font-size: 1.1rem; margin-top:1px !important;}
#agenda li a, #list li a {float: left; width: 100%;}
#list ul {margin-left: 0px;}
#list li {padding: 10px; background-color:#f6f5eb; margin-top:5px; width: 90%; }
.te {overflow:  visible;}
a[href$='.pdf'] { padding: 5px 20px 5px 0; background: transparent url(images/icon_pdf.gif) no-repeat center right; }
a[href$='.doc'], a[href$='.rtf'] { padding: 5px 20px 5px 0; background: transparent url(images/icon_doc.gif)
no-repeat center right; }
a[href$='.xls'] { padding: 5px 20px 5px 0; background: transparent url(images/icon_xls.gif) no-repeat center
right; }
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { padding: 5px 20px 5px 0; background: transparent
url(images/icon_archive.gif) no-repeat center right; }
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { padding: 5px 20px 5px 0; background: transparent
url(images/icon_music.gif) no-repeat center right; }
a[href ^="mailto:"] { padding: 5px 20px 5px 0; background: transparent url(images/icon_mailto.gif) no-repeat
center right; }



/* ----------------footer---------------------- */ 
#footer {background: #0e1329 url("images/schoolbldg.png") -100px -60px; background-repeat: no-repeat; border-top: 1px solid #FFFFFF; clear: both; margin: 0; min-height: 300px; height: auto;padding: 0;
text-align: left; top: 5px;}
.imgblock{left: 25px; height: 16px; margin-top: 2px; width: auto; float: right; z-index: 45;}
.imgblock img {float: right; width: 16px; height: 16px; margin-right: 8px;}
.imgblock ul, .imgblock li { text-align:left; display: inline; list-style: none; position: relative;}
#footer h3 {margin: 0; padding: 0 0 0 5px;}
#footer ul, #footer ul li {list-style: none; margin: 6px 0 5px 4px;}
#footer ul, #footer ul li a {clear:both;}
#footer2 { clear:both; padding:0px; margin:0; height: 25px; text-align: left; border-top:1px solid #fff; background-color:#0D1D3A; }

.mceTemp {font-size: 11px; line-height: 1.7em;}
.wp-caption-dt {margin-top:8px; padding:4px;text-align:left;}
.entry img {margin:0 10px 5px 0;}