/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
Modified by nonfiction
Remodified by D Miller
*/

* /* Set's border, padding and margin to 0 for all values*/
{
	padding: 0;
	margin: 0;
	border: 0;
}
body, html {
	color: #000;
	font-family:  Verdana, Arial, Tahoma, sans-serif;
	background-color: #eee;
	text-align: center; /*** Centers the design in old IE versions ***/
	line-height:1.4em;
}
body {
	/* Dave */
	/* Setting the font size to 70% seems to mess up the spry menu bar margins */
	/*font-size: 70%;*/
	font-size: 12px;
}

p {
	padding: 7px 0 7px 0;
}

/*a:link, a:visited {color: #003;}*/
a:hover{color: #c31028;}
a:active{color: #c31028;}

h1, h2, h3, h4, h5 {
	/*font-weight: bold;*/
	padding-bottom: 5px;
}
h1 {
	padding-top: 8px;
	padding-left: 4px;
	padding-bottom: 0px;
	color: #517784;
	font-family:  sans-serif, Verdana, Arial, Tahoma;
	font-size: 1.8em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}
h1 a, #header h2{
	color: #fff;
}

h2 a {
color:#FFFFFF;
}

#nav {
	float:left;
	height:80px;
	padding: 0;
	margin: 0;
}

#subnav {
	float:left;
	height:60px;
	padding: 0;
	margin: 0;
} 

#pageTitle {
	padding-top: 10px;
	margin-bottom: -10px;
} 

div.clear {
	font-size: 0;
	height: 0;
	clear:both;
}
#mainContainer {
	width: 964px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 300px;
	background: #fff;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
	height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
	padding: 0px;
	/*Dave*/
	/*background-color: #eee;*/
	background-image: url(../SpryAssets/Button_slice.gif);
	background-repeat: repeat-x;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
	padding-left: 251px;
	padding-right: 236px;
	background-image: url(../images/3col-background.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;

}
* html .outer {
	margin-top: 2px;
}

.inner {
	width: 713px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
	width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
	float: left;
	width: 718px;
	margin-left: -251px; /*** Same length as .outer padding-left but with negative value ***/
}

* html .float-wrap {
	width: 702px;
}
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position.
***/
#content {
	float: right;
	width: 472px;
	position: relative; /*** IE needs this  ***/
	padding-top: 5px;
}
* html #content {
	width: 456px;
}

.contentWrap {
	padding: 0 5px;
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position.
***/
#left {
	float: left;
	width: 236px;
	padding: 5px;
	position: relative; /*** IE needs this  ***/
}
* html #left {
	width: 216px;
	margin-left:5px;
}

/*************************
RIGHT COLUMN
**************************/
#right {
	float: right;
	width: 236px;
	padding: 5px;
	position: relative; /*** IE needs this  ***/
}
* html #right {
	margin-right: -236px; /*** IE gets this margin. ***/
	width: 216px;
}

#left h2, #right h2 {
	width: 208px;
	height: 17px;
	color: #fff;
	padding: 5px 12px;
	margin-left: -7px;
	background-color: #517784;
}

#left img, #right img {
	padding-top: 15px;
}



.leftTree {
	padding-top: 0px;
}

#left .leftTree img {
	padding-top: 0px;
}

.linked_icon {
	padding-top:0px;

}

/* Calendar */

.calendar {
	/* background-color : #ecf1f5; */
	margin: 4px 2px;
	padding: 15px 8px 10px 8px;
	text-align: center;
}

table.sample {
	/* border-width: 3px 3px 3px 3px;
 	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #18417b #18417b #18417b #18417b; */
	
}
div.hol {
   background-color : #8c6239;
}

td.outer {
	background-color : #ecf1f5;
	
   padding : 0.25em;
   
   border-width: 3px 3px 3px 3px;
 	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #18417b #18417b #18417b #18417b;
   
   /* border : solid;
   border-color: #18417b; */
}

table.inner {
   background-color : #ecf1f5;
   font-size : 8pt;
   width: 175px;
   height: 100px;
}

/* Calendar */

* html #right .linked_icon {
	padding-top: 17px;
}

#left h2 img, #right h2 img {
	padding-top: 0px;
}

.sidebarBackground {
	margin: 4px 2px;
	padding: 0 8px 10px 8px;
}

* html .sidebarBackground {
	padding: 0 0px 10px 0px;
}

* html #left h2, * html #right h2 {
	width: 208px;
	margin-right:-8px;
	margin-bottom:-8px;
}

* html #left h2 img, * html #right h2 img {
	margin-bottom: 0px;
	padding-top: -15px;

}

/**************************
FOOTER
**************************/
#footer {
	width: 964px;
	margin: 0 auto;
	padding-top:30px;
	padding-bottom:10px;
	text-align: center;
	background-color: #fff;
	line-height: 1.6em;
	font-size:0.9em;
}
#footer a:link {color: #666;}
#footer a:hover{color: #c31028;}
#footer a:active{color: #000;}
#footer a:visited{color: #999;}

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

input {
	font-size:0.9em;
	line-height:1em;
	padding: 2px;
	margin: 2px;
  	color:#3c3c3c;
  	border:1px solid #8f8f8f;
  	background:#fff;
}

.red {
	color: #8c6239;
	/* color: #c31028; red */
}

.blue {
	color: #18417b;
	text-decoration: underline;
}
.newsdate {
	font-weight: bold;
}


.news {
	padding: 3px 0 0 0;
}

.news img {
	padding-top: 4px;
}

.news a {
	color: #c31028;
	text-decoration: none;
}

.underline {
	text-decoration: underline;
}

#pagetools {
	padding-top: 5px;
	padding-bottom: 18px;
}


* html #banner {
	height:145px;
	width:964px;
	/* Dave */
	/*margin:-2px 0;*/
	padding:0;
}

/* SIDE NAV
---------------------*/
#sidenav {margin-bottom:0px;padding-bottom:0px;padding-top:5px;}
#sidenav a {text-decoration: none; font-size: 13px;}
#sidenav .nav .nav a {text-decoration: none; font-size: 12px;}
#sidenav img {padding-top: 0;}
#sidenav li {list-style: none; padding-left: 10px;}
#sidenav ul .nav{display: none;}
#sidenav ul li.parent .nav, #sidenav ul li.active .nav{display: block;}

#sidenav ul .nav a span{font-weight: normal; color: #003;}


#sidenav li.active a span {color: #c31028; font-weight:bold;}
#sidenav li.parent a span {font-weight:bold;}

#sidenav ul li.active .nav li a span {font-weight: normal; color: #003;}
#sidenav ul li.active .nav li a:hover span {font-weight: normal; color: #c31028;}
#sidenav ul li.parent .nav li a span {visibility: visible; font-weight: normal; color: #003;}
#sidenav ul li.parent .nav li a:hover span {font-weight: normal; color: #c31028;}
#sidenav ul li.parent .nav li.active a span {visibility: visible; font-weight: bold; color: #c31028;}


/* LISTS
---------------------------------------------*/
#content ul, #content ol, #content2 ul, #content2 ol {
	padding-top:0.25em;
	margin:-3px 0 5px 15px;
}
#content ul li, #content ol li, #content2 ul li, #content2 ol li {

	padding:0.25em 0 0.25em 0;
}
#content ul li, #content2 ul li {
	list-style:disc;
}

.print {
	display:none;
}