﻿@charset "utf-8";
/* CSS Document by Fleishman-Hillard Kansas City */

/* Main elements defined */
body { 
	width:100%; 
	margin:0; 
	padding:0; 
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;  
	background: url(i/body_bg_yellow.gif);
}

DIV#site 
{
	width: 775px;
	margin:0 auto; /*center site body*/ 	
	padding: 0;
}

DIV#body { 
	float: left;
	width:765px; 
	margin:0;
	padding:0;
	/*padding:4px !important;
	border: 1px solid #d5d5d5;*/
	overflow: hidden;
}


.manditories 
{
	float: left;
	width: 765px;	
	background-color: #000000;
	color: #ffffff;
	margin:0;
	padding: 0;
}

.manditories a 
{
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#heading {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	/*background-image:url(../_images/heading_bg.gif);
	background-repeat: no-repeat;*/
}

#heading #branding { 
	float:left; 
	width:100%; 
	margin:0; 
	padding:0; 
	/*background-image:url(i/bg_branding);*/
}

#heading #branding .primary, #heading #branding .secondary {
	float:left;
	width:auto;
	margin:0;
	padding :0;
	overflow:hidden;
}

#footer 
{
	float: left;
	width: 765px;	
	background-color: #000000;
	margin:0;
	padding: 0;
}
#footer P 
{
	margin:0;
	padding: 10px;
}


#wrapper, #wrapperNone {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border:none;
}

#wrapper .sidebar {
	 float:left;
	 width:194px;
	 margin:0;
	 padding:0;
	 background-color:#FFFF99;
}

#wrapper #content {
	 float:left;
	 width:100%;
	 margin:0;
	 padding:0;
	 background-color:#ffffff;
}

#wrapperNone, #wrapperNone #content {
	 float:left;
	 width:100%;
	 margin:0;
	 padding:0;	     
}

#wow 
{
	float:left;
	margin:0;
	padding:0;
	clear: both;
}

/* common styles for all browsers */
.menu {
    height:auto;
    line-height:1.5em;
    color: #FFFFFF;
    background-color:#000000;
    padding: 0;
	position:relative;
	border: 1px solid #000000;
	top: 0;
	z-index: 100;
    width: 100%;
}


.menu ul li a, .menu ul li a:visited {
    display:block; 
    text-decoration:none; 
    color:  #FFFFFF;
    padding: 0.1em 1em;
    font-size: 12px;
    overflow:hidden;
    font-weight:bold;
    text-align: left;
    text-transform:uppercase;
    letter-spacing:.1em;
    background-color: #000000;
	/*background-image: url(i/mainnavigation_vBar.gif);
	background-repeat: no-repeat;
	background-position:right 50%;*/
	line-height:23px;
}


.menu ul {
    float:left;
    padding:0; 
    margin:0;
    list-style-type: none; 
	background-color: #000000;
	border: 1px solid #000000;
	border-left: none;
	border-right: none;
	width: 100%;
	height: 25px !important;
}

.menu ul li {
    float:left; 
    position:relative;
    margin: 0;
    padding: 0;
    border-left: 1px solid #cccccc;
}

.menu ul li.droplist A
{
	float:left;
	position:relative;
	width:auto;
	padding-right: 15px;
    background-image:url(i/droplist_bg.gif);
    background-repeat:no-repeat;
    background-position:97% .8em;
}

.menu ul li ul {
    display: none; 
}

.menu ul li:hover 
{
	background-color:#E7E7E7;
}

.menu ul#mainnavigation {
    display:block;
    height:1.5em;
}

/* specific to non IE browsers */
.menu ul li.active {
    background-color:#4d4d4d;
}
.menu ul li.active A 
{
	    color:#ffffff;
}

.menu ul li:hover a {
    color:#4d4d4d;
    background-color:#E7E7E7;
}

.menu ul li:hover ul {
    display:block; 
    position:absolute; 
    top:2.2em; left:0; 
    border-top: 1px solid #000000;
    margin:0;
    padding:0;
}

.menu ul li:hover ul li a {
    width:15.9em;
    font-weight:normal;
    margin: 0 0 0 0;
    padding: 0 .5em 0 1em; /*0 0.5em 0em 1.6em;*/
    border-bottom:1px solid #000000;
    display:block; 
    color:#5e5e5e; 
    font-size:11px;
    font-weight: bold;
    background-color:#000000;
    background-image: none;
    /*background-image:url(i/mainnav_child_bg.gif);
    background-repeat:repeat-x;*/
    text-align: left;  
    text-transform:none;
    letter-spacing: normal;
    line-height: 23px;
}
.menu ul li:hover ul li a:hover {
    background-color: #bfbfbf;
    /*background-image:url(i/navigation_two.gif);
    background-repeat:no-repeat;
    background-position:0.5em 0.7em;*/
}

/* Define Sercie Box Areas */
.sbox 
{
	float: left;
	width: 194px;
	margin: 0;
	padding: 0;
	color: #FFFF99;
}

.sbox .titlebox 
{
	float: left;
	width: 100%;
	height: 56px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.titlebox.calendar 
{
	background-image: url(i/sbox_calendar.gif);
	background-repeat: no-repeat;
}
.titlebox.intouch 
{
	background-image: url(i/sbox_intouch.gif);
	background-repeat: no-repeat;
}
.titlebox.resources 
{
	background-image: url(i/sbox_resources.gif);
	background-repeat: no-repeat;
}

.sbox .content 
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #999999;
	background-repeat:repeat-y;	
}
.sbox .content P, .sbox .content H3
{
	float:left;
	width: 184px;
	margin: 5px;
	padding: 0;
}
.sbox .end { float: left; width:100%; height:12px; overflow:hidden; margin:0; padding:0; 
color: #FFFF99; }
	/* sidebox child elements */
	.sbox .content .event 
	{ 
		border-bottom:1px dotted #7c7c61;
		padding-bottom: 5px;
		text-align: center; 
		padding-top: 5px; }

	.sbox .content .event.first { border-top:1px dotted #7c7c61; padding-top:10px; } 



/* Define Grid Layouts */
.grid, .gridi {
	 float:left;
	 width:508px;
	 margin:0;
	 margin-left: 35px;
	 padding:0;
	 color:inherit;
}
#nonav .grid, #nonav .gridi 
{
	width: 700px;
}
.grid .size1 {
	 width:355px;
}

.grid .size2 {
	 width:505px;
}

* .size3 {
	 width:100%;
}

.gridi .size1 
{
	width: 277px;
}
.gridi .size2
{
	width: 582px;
	border-right: 1px solid #ffffff;
}

.grid .half {
	 width:50%;
}

.grid .tiny 
{
	width:176px;
	padding:0;
	margin: 0;
	border-left: 1px solid #ffffff;
}

.size1, .size2, .size3, .half, .tiny {
	 float:left;
	 padding:0;
	 margin:0;
	 overflow: hidden;
}
.grid P, .grid H3
{
	padding:0;
}
.grid .size2 H1, .grid .size2 H2, .grid .size2 H3, .grid .size2 P
{
	padding:0 28px 0 28px;
}

.gutterleft 
{
	border-left:1px solid #ffffff;
}
.gutterright
{
	border-right:1px solid #ffffff;
}

.grid .txt
{
	width: auto;
	margin:0 0 0 0;
	padding: 20px 10px 0 0;
}

.gridi .txt
{
	width: auto;
	margin:0 0 0 0;
	padding: 20px 20px 0 20px;
}

.half {
	float: left;
	width: 50%;
	margin:0;
	padding:0;
}

/* Item listing styles */
.item 
{
	float: left;
	width: 100%;
	margin:0;
	padding:0 0 15px 0;
}
.item IMG 
{
	float:left;
	margin: 0 20px 0 0;
	padding: 5px;
	border:1px solid #7c7c61;
}
.item .description 
{
	float: left;
	width: 330px;
	margin: 0;
	padding: 0;
} 
.item H2 
{
	color: #dc231a;
	font-size:14px;
	font-weight: bold;
	margin:0;
	padding:0;
}
.item P
{
	line-height: normal;
	margin:0;
	padding:0;	
}

/* Basic Styles */
.buffer { float:left; height:35px; width: 100%; background-color:#ffffff; clear: both; }
.smbuffer { float:left; height:15px; width: 100%; background-color:#ffffff; clear: both; }
.clean, .clear { display:block; width:100%; clear: both; }
.fntAlt { color:rgb(248,152,29); } /* ORANGE */
.noMP { margin:0; padding:0; }
.txtleft { text-align: left; }
.txtright { text-align: right; }
.fright { float: right; }
.fleft { float: left; }
.greenbg { background: #076324; }
.orangebg { background: #f8981d; }
.lightgreenbg { background: #c4d2c9; }
.gradientfill { background-image:url(i/content_bg_gradient_top_down.gif); background-repeat: repeat-x; }
.gradientfill H3 { color:#000000; }
.txt .heading { display: block; margin-left:0px; margin-bottom:15px; }

div.hr { height:1px; margin:0 0 5px 0; padding:0; border-bottom:1px dotted #7c7c61; position: relative; top:0; }

H1, H2, H3 {
	font-family: Tahoma, Arial, Myriad Pro;
    letter-spacing:0em;
    text-transform:capitalize;
}

H1 { font-size:16px; color: rgb(112,98,77); margin:0; }
H2 { font-size:13px; font-family: Tahoma; color: #5c5c5c; margin:15px 0 0 0; text-transform: none; }
H3 { color:inherit; font-size:11px; font-family: Verdana; text-transform:none; margin:0; }
.title 
{ 
	display: block;
	height: 20px;
	line-height: 20px; 
	font-size: 11px; 
	font-family: Tahoma, Arial, Myriad Pro; 
	font-weight: bold;
	color: #ffffff; 
	text-transform: uppercase; 
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #fffffF;
	clear: both;
}
.title.arrow , .title.circle
{
	padding-left: 2.8em;
	background-position: .8em .3em;
	background-repeat: no-repeat;
}
.title.arrow { background-image: url(i/title_down_arrow.gif); }
.title.circle { background-image: url(i/title_circle.gif); }

A, A.simple {
   font-weight: normal;
   font-size: inherit;
   color:#267bb1;
   text-decoration:underline;
   /*color:#686868;
   text-decoration:underline;*/
}
A:HOVER, A.simple:HOVER, A.default:HOVER {
   
   text-decoration:none;
}
A img { border:none; }

A.default 
{
	color: inherit;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

H2 A {
	font-size: 11px !important;
}

P {
   /* float: left; */
   margin:0 0 15px 0;
   padding:0;
   line-height:18px;
}
P.noMP { margin:0; padding:0; }
p IMG 
{
	vertical-align: bottom;
	margin:0;
	padding: 0;
}
.more 
{
	position: relative; 
	color:inherit;
	text-decoration:none;
	border: none;
	padding: 0 0 0 15px;
	margin:0 0 0 15px;
	background-image: url(i/a_more.gif);
	background-position: 0 .3em;
	background-repeat: no-repeat;
}
.endlink 
{
	position: relative; 
	color:inherit;
	text-decoration:none;
	border: none;
	border-bottom: 1px solid #848484;
	font-weight: bold;
	padding: 0 20px 0 0;
	margin:0 0 0 3px;
	background-image: url(i/a_endlink.gif);
	background-position: 100% .3em;
	background-repeat: no-repeat;
}

.grid UL , .gridi UL
{
	width: 100%;
	display: block;
	margin: 0 0 15px 0px;
	padding:0;
	list-style-type: none;
}


.grid UL LI, .gridi UL LI
{
	/*list-style-image: url(i/bullet_or.gif);
	list-style-type: none;
	list-style-position: outside;*/
	padding: 0 0 0 15px;
	background-image: url(i/bullet_or.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	line-height: 16px;
}

ul.none {
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:-10px;
}
ul.none li {
	list-style-type:none;
	margin-left:0;
	padding:10px 0 10px 0;
	border-bottom:1px solid rgb(194,194,194);
	background-image: none;
}

ul.tight {
	margin: 0 0 0 0;
	padding:0 0 15px 0;
}

ul.linklist, ul.linklist LI UL 
{
	list-style-type: none;
	margin:0 0 15px 0;
	padding:0;
}
ul.linklist.basedash 
{
	padding-bottom: 15px;
	background-image: url(i/bg_dash.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

ul.linklist LI 
{
	background-image: none;
	list-style-image: url(i/li_arrow_black.gif);
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin:0 0 0 17px;

	/*list-style-image: none; 
	background-image: url(i/li_arrow_black.gif);
	background-position: 0% .3em;
	background-repeat: no-repeat;
	padding:0 0 0 11px !important;
	margin: 0;*/
	line-height: 16px;
}
ul.linklist LI UL 
{
	margin: 0 0 0 0px;
}
ul.linklist LI UL LI 
{
	background-image: none;
	list-style-image: none;
	list-style-type:none;
}

ul.space LI 
{
	background-image: none;
	padding-bottom: 6px !important;
}

/* CALENDAR STYLES */
.dayStyles 
{
	width: 75px;
	height: 75px;
	padding:3px;
	margin:0;
	border:1px dotted #7c7c61;
	text-align: left;
	vertical-align: top;
}
.today 
{
	background-image: url(i/calendar_today_bg.gif);
	text-align: left;
	vertical-align: top;
	border:1px solid #7c7c61;
}
.activeDay 
{
	background-color:#ffffff;
	border: none;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	background-image: url(i/calendar_active_bg.gif);
}
.dayHeaderStyles 
{
	height: 30px;
	background-image: url(i/calendar_heading.gif);
}
.hasItem 
{
	border:1px dotted #7c7c61;
	border-top: 3px solid #7c7c61;
	text-align: left;
	vertical-align: top;
}

div#ctl00_grid_daydetail 
{
	width: 500px;
	position: relative;
	top: 350px;
	left: 100px;
	border: 1px solid #7c7c61;
	padding: 10px;
	margin:0;
	background-color:#ffffff;	
}
.calendar 
{
	float:left;	
	clear: both;
	margin: 0px;
}
span.close A 
{
	float: right;
	clear: both;
	padding: 5px;
	color: #ffffff;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
}
