/* ======================================================== */
/* ! This is the base stylesheet for the CTM Modx Theme     */
/* Feel free to look through it and learn from my mistakes  */
/* Designed by Jeff McArthur (www.guategeek.com)            */
/* ======================================================== */
/* small formating elements
========================================= */
h1	{font-family: Times; font-size: 43px; font-weight: 100;color: #408e23;margin: 0px 0px;}
h2	{font-size: 22px; font-weight: 600;color: #236a8e;margin: 0px 0px;}
h3	{margin-left: 15px;color: #734519;}
h4	{margin-left: 15px;color: #8e5823;}
hr	{height: 2px;background: url(../images/page-hr.png); margin-top: 0px;margin-bottom: 30px;border: 0px;}
p	{margin: 15px 30px;}
ul li	{margin: 0px 0px; padding: 3px; list-style: square; color: #374e62;}
ol li	{margin-left: 15px; padding-left: 3px; color: #374e62;}
li strong {color: #253746;}
a	{color: #c2673b; text-decoration: underline;}
a:hover	{color: #c2b43b; text-decoration: none;}
blockquote
	{
	background: #b3cb8d;
	padding: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	font-style: italic;
	}
tr	{font-size: 11px;}
th	{}
table	{border: 1px dashed #cccccc; margin-top: 10px; margin-bottom: 20px; padding: 5px; margin-left: 30px; background: #f2e2d7;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
sup	{color: navy;}
.red	{color: red;}
.blue	{color: blue;}
.left	{text-align: left;}
.right	{text-align: right;}

/* Main container elements
========================================= */
body
	{
	background: #9f4d24 url(../images/body-bg.jpg) no-repeat left top;
	margin: 0px 0px;
	font-family: Verdana;
	}
#ctmnetwork
	{
	left: 0px;
	top: 0px;
	background: url(../images/ctmnetwork-bg.png) no-repeat;
	width: 735px;
	padding-left: 115px;
	height: 43px;
	position: absolute;
	}
#holder
	{
	margin-top: 55px; /* Was set to 55px, messing with it to get crapy IE to work */
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	position: relative;
	}
/* Header elements (holds logo, baner, nav)
========================================= */
#header
	{
	width: 850px;
	height: 136px;
	float: left;
	position: relative;
	background: url(../images/header-bg.png);
	}
.banner
	{
	width: 548px;
	height: 74px;
	float: right;
	position: relative;
	margin-right: 34px;
	margin-top: 18px;
	background: url(../images/header-banner.png) no-repeat;
	}
/* Navigation List styles
========================================= */
/* CTM Network Selector nav */
#ctmnetwork ul, #edtnetwork ul
	{
	display: block;
	padding: 0px;
	margin: 0px;
	padding-top: 7px;
	list-style: none;
	text-align: left;
	font-size: 12px;
	}
#ctmnetwork ul li, #edtnetwork ul li
	{
	display: inline;
	padding: 1px;
	margin: 0px 8px;
	background: #342922;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#ctmnetwork a, #edtnetwork a
	{
	color: #8cad5f;
	padding: 0px 2px;
	margin: 0px 8px;
	text-decoration: none;
	background: none;
	padding-bottom: 7px;
	}
#ctmnetwork a:hover, #edtnetwork a:hover
	{
	color: white;
	text-decoration: none;
	}
/* Main page navigation (root level documents) */

/* common styling
.menu {width:850px; position:relative; margin:0; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited
	{
	display:block;
	text-decoration:none;
	color:#000;
	width: 80px;
	height:15px;
	text-align:center;
	background: none;
	line-height:20px;
	font-size:10px;
	overflow:hidden;
	}
.menu ul {padding:0; margin:0;list-style-type: none; padding-top: 2px; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}*/

/* specific to non IE browsers 
.menu ul li:hover a {color:#000; background: url(images/nav-hover.png);}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}*/
	
	
/* Sidebar page navigation (children documents) */
.navside /* This is the old formating still used for the flash document on the CTM homepage */
	{
	padding-bottom: 30px;
	padding-top: 15px;
	border-top: 1px solid #f1f5c3;
	border-bottom: 1px solid #8cad5f;
	float: left;
	position: relative;
	width: 221px;
	margin: 0px 12px;
	}
.flashmap
	{
	z-index: -100;
	}
#navside /* This is the new formationg making the links buttons so they are more obviously links */
	{
	background: none;
	width: 221px;
	margin: 0 12px;
	padding-bottom: 30px;
	padding-top: 15px;
	border-top: 1px solid #f1f5c3;
	border-bottom: 1px solid #8cad5f;
	float: left;
	position: relative;
	font-family: georgia, serif;
	font-size: 13px;
	text-align: center;
	}
#navside ul
	{
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 90%;
	}
#navside ul li
	{
	display: block;
	margin: 0;
	padding: 0;
	}
#navside ul li a
	{
	display: block;
	width: 100%;
	padding: 0.4em 0 0.4em 2em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #f7f2ea;
	}

#navside>ul li a { width: auto; }

#navside ul li.active a
	{
	background: #f0e7d7;
	color: #800000;
	}

#navside ul li a:hover, #navside ul li.active a:hover
	{
	color: #800000;
	background: d9d1c3;
	border-color: #aaab9c #fff #fff #ccc;
	}
/* Calendar
========================================= */
.cal
	{
	float: left;
	position: relative;
	width: 201px;
	border-top: 1px solid #f1f5c3;
	padding: 20px 10px;
	margin: 0px 12px;
	}
.cal h1
	{
	font-size: 15px;
	color: #873d1c;
	font-weight: bold;
	}
.cal h2
	{
	font-size: 11px;
	color: black;
	font-weight: 100;
	padding-top: 0px;
	margin-top: 0px;
	}
.cal h3
	{
	font-size: 10px;
	color: #485628;
	margin: 3px 15px;
	}
.cal p
	{
	font-size: 10px;
	margin: 0px 30px;
	padding: 0px 0px;
	}
/* Main content area elements
========================================= */
#content
	{
	width: 850px;
	min-height: 450px;
	float: left;
	position: relative;
	background: url(../images/content-bg.png) repeat-y;	}
#sidebar
	{
	width: 245px;
	min-height: 450px;
	float: left;
	position: relative;
	background: url(../images/sidebar-bg.png) no-repeat;
	}
#page
	{
	width: 555px;
	padding-top: 60px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	float: right;
	position: relative;
	font-size: 13px;
	}
#page img {margin: 15px 30px;}
.rights
	{
	float: right;
	position: relative;
	width: 555px;
	padding: 5px 25px;
	color: #f5c4ac;
	font-size: 9px;
	text-align: center;
	}
.rights a
	{
	color: #f5c4ac;
	}
.rights a:hover
	{
	text-decoration: none;
	}
/* Footer Elements
========================================= */
#footer
	{
	width: 850px;
	height: 151px;
	margin-bottom: 20px;
	float: left;
	position: relative;
	background: url(../images/footer-bg.png) no-repeat;
	}
.quote
	{
	width: 586px;
	height: 136px;
	float: left;
	position: relative;
	margin: 8px 0px;
	border-right: 1px solid #483b32;
	}
.quoteimg
	{
	width: 170px;
	height: 83px;
	float: left;
	position: relative;
	margin-left: 42px;
	margin-top: 21px;
	overflow: hidden;
	}
.quoteimg img
	{
	width: 170px;
	height: 83px;
	}
.quotetxt
	{
	width: 320px;
	height: 43px;
	float: left;
	position: relative;
	margin-top: 21px;
	margin-left: 25px;
	padding: 15px 0px;
	font-family: "Helvetica";
	font-size: 14px;
	color: white;
	font-weight: 100;
	line-height: 17px;
	text-align: center;
	}
.ctmnetwork
	{
	width: 242px;
	height: 116px;
	float: right;
	position: relative;
	margin: 8px 0px;
	border-left: 1px solid #161616;
	padding: 10px 10px;
	}
.ctmnetwork h1
	{
	font-size: 18px;
	color: #5a4e44;
	font-family: "Helvetica";
	}
.ctmnetwork ul
	{
	font-family: "Helvetica";
	color: #baca92;
	padding-left: 50px;
	padding-right: 0px;
	margin-top: 10px;
	padding-top: 2px;
	list-style: disc;
	font-size: 12px;
	}
.ctmnetwork ul li
	{
	padding: 1px;
	margin: 0px;
	}
.ctmnetwork a
	{
	color: #baca92;
	padding: 0px 0px;
	margin: 0px 0px;
	text-decoration: none;
	background: none;
	padding-bottom: 7px;
	}
.ctmnetwork a:hover
	{
	text-decoration: underline;
	}
/* Contact Form Formating
========================================= */	
.contactholder
	{
	float: left;
	position: relative;
	margin: 15px 30px;
	}
.labeldiv
	{
	float: left;
	position: relative;
	width: 160px;
	}
.inputdiv
	{
	float: left;
	position: relative;
	}
.inputdiv img
	{
	padding: 0px;
	margin: 0px;
	border: 1px solid black;
	}
.errormessage
	{
	color: red;
	padding: 10px;
	margin: 10px;
	text-align: center;
	}
.formitem
	{
	float: left;
	position: relative;
	width: 500px;
	margin-bottom: 5px;
	}
/* Resource Area Formating
========================================= */
.resource
	{
	padding: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ded7d3;
	border-top: 1px solid white;
	background: #e8e1dc;
	}
.resource a	{color: #545999;}
.resource a:hover	{color: black;}
.resource .meta
	{
	border-top: 1px solid #ded7d3;
	border-bottom: 1px solid #ded7d3;
	padding-left: 30px;
	padding-top: 2px; padding-bottom: 2px;
	font-size: 10px;
	color: gray;
	}
.resource .readmore
	{
	text-align: right;
	padding-right: 15px;
	font-size: 14px;
	font-weight: bold;
	}
.resource .readmore a {text-decoration: none;}
.resource h3
	{
	margin: 0px 0px;
	padding: 8px 15px;
	font-size: 17px;
	}
.resource h3 a
	{
	color: #a04e25;
	text-decoration: none;
	}
.ditto_paging
	{
	border-top: 1px solid #ccc;
	padding: 10px; 
	font-size: 86%;
	color: black;
	}
#ditto_pages
	{
	margin-left: 20px;
	margin-bottom: 30px;
	}
#ditto_pages .ditto_currentpage
	{
	border: 1px solid black;
	padding: 1px 5px 2px; 
	margin-right: 1px;
	background-color: #8a9c68; 
	color: #FFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	} 
#ditto_pages .ditto_off
	{
	border: 1px solid #ccc;
	padding: 1px 5px 2px; 
	margin-right: 1px;
	color: #ccc;
	}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited
	{
	background: #e2eab6;
	border: 1px solid #000; 
	padding: 1px 5px 2px; 
	margin-right: 1px; 
	text-decoration: none !important; 
	color: black;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	} 
#ditto_pages a:hover
	{
	background-color: #fff;
	color: #000;
	}
/* Search bar Formating
========================================= */
#searchbox
	{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-bottom: 1px solid #8cad5f;
	width: 206px;
	margin: 0px 10px;
	float: left;
	position: relative;
	}
#searchbox fieldset
	{
	border: none;
	}
#ajaxSearch_form
	{
        color: #444;
        width: auto;
        }
#ajaxSearch_input
	{
           width: auto;
           display: inline;
           height: 18px;
           border: 1px solid #90a36d;
           background: #fff url(../images/input-bg.gif) repeat-x top left;
           margin: 0 0px 0 0;
           padding: 0 3px 0 5px;
           vertical-align: top;
           color: #8a9c68;
           float: left;
           position: relative;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }
#ajaxSearch_submit
	{
	margin: 0px;
	float: left;
	position: relative;
	padding-top: 0px;
	font-size: 12px;
	font-style: italic;
	height: 20px;
	width: 40px;
	background: #90a36d;
	border: none;
	color: white;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	}
#ajaxSearch_submit:hover
	{
	background: #db7b4c;
	}