.bold
{
    font-weight: bold;
}

.center
{
    text-align: center;
}

.hrRule	{
	color: #999999;
	size: 1px;
	}
	
img
{
    margin:0;
    padding:0;
}


.doc
{
	background: url(../images/doc.gif) no-repeat left bottom;
	padding-left: 20px;
	}

.pdf
{
	background: url(../images/pdf.gif) no-repeat left bottom;
	padding-left: 20px;
}

.ppt
{
	background: url(../images/ppt.gif) no-repeat left bottom;
	padding-left: 20px;
}

.xls
{
	background: url(../images/xls.gif) no-repeat left bottom;
	padding-left: 20px;
}

#container
{
    width: 1240px;
    margin: 0 auto;
    background-image: url(../images/bluebonnet-bg.jpg);
    background-repeat: no-repeat;
    background-position: right 60px;
}

.narrow #container
{
    width: 980px;
}

#missionStatement
{
    width: 405px;
    float: right;
    padding-top: 30px;
    padding-right: 30px;    
}

#missionStatement p
{
    color: #063390;
    font-style: italic;
    font-family: Georgia, serif;
}

#missionStatement h1
{
    color: #0f6cb6;
    font-size: 153.9%; 
    padding-top: 10px;   
}

#logo
{
    padding-top: 10px;
    padding-left: 15px;
}

#bd
{
    width: 960px;
    margin: 0 auto;
    margin-top: 10px;
}

#topNav
{
    background-image: url(../images/topNav-bg.jpg);
    background-repeat: no-repeat;    
    border-top: solid 1px #eeeeee;    
}

#bd
{
    background-color: #e7e7e7;
    background-image: url(../images/main-body-bg.jpg);
    background-repeat: no-repeat;
}

#mainBody
{
    padding: 6px 8px 40px 8px;
    background-image: url(../images/bottom-bar-bg.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;    
}

#servicesNav
{
    background-color: #4d6c24;      
}

.panel
{
    
    height: 265px;
    width: 725px;
    *overflow: hidden;
}

#rightNav
{
    background-image: url(../images/services-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;    
    width: 216px;
    height: 265px;    
    float: right;    
}

#servicesNav ul
{
    margin-top: 12px;
}

#servicesNav li
{
    padding: 11px 5px 11px 25px;
}

#servicesNav li.selected
{
    background-image: url(../images/services-bullet.jpg);
    background-repeat: no-repeat;
    background-position: left center;
}

#servicesNav li a
{
    font-family: Helvetica;
    color: White;
    font-size: 15px;
    text-decoration: none;
}

#servicesNav li.selected a
{
    font-weight: bold;
}

#mainContentWrapper
{
    border: solid 1px White;
    margin-right: 215px;
}

#mainContent
{    
    padding: 10px;
}

#bottomContent
{
    margin-top: 8px;
}


/**************** CMS Styles **********************/

#mainContent
{
    color: #383838;
    font-size: 108%;
    line-height: 1.4;
}
#mainContent .imgLeft
{
	float: left;
	margin-right: 10px;
	margin-top: 5px;	

}
#mainContent p
{
  	font-family: Tahoma, Arial, Helvetica, sans-serif; 
		margin: 0 0 10px 0;
		/*top right bottom left*/
}

#mainContent h1
{
    color: #0c5a98;
    font-size: 197%;
    font-family: Georgia, Times New Roman, Times, serif;
    margin-bottom: 5px;
}

#mainContent h2
{
    color: #0c5a98;
    font-size: 150%;
    font-family: Georgia, Times New Roman, Times, serif;
		padding: 10px 0 0 0;
}

#mainContent h3
{
    color: #0c5a98;
    font-size: 130%;
    font-family: Georgia, Times New Roman, Times, serif;
		padding: 10px 0 0 0;
}



#mainContent h4
{
    font-size: 105%;
		text-transform: uppercase;
    font-family: Georgia, Times New Roman, Times, serif;
		padding: 10px 0 0 0;
}



#mainContent .h6
	{
		font-size: 90%;
		color: #0c5a98; 
		font-weight: normal;
	}


#mainContent ol, #mainContent ul
	{
			margin: 0 0 10px 30px;
			font-size: 95%;
		/*top right bottom left*/
	}

#mainContent ul li
	{
			list-style: disc outside;
	}

#mainContent .upperLatin
{
	list-style-type: upper-latin;
}
#mainContent ol li ol li
{
	list-style-type: upper-latin;
}

#mainContent ol li
	{
			list-style: decimal;
			padding-left: 20px;
	}


#mainContent a:link
	{
		color: #0f6cb6;
	}

#mainContent a:hover
	{
		color: #66cc33;
	}

#mainContent a:visited
	{
	color: #094377;
	}




/************************ End of CMS Styles ************************/

#rightSidebar
{
    width: 208px;
    float: right;
    margin-bottom: 12px;
}

.box
{
    color: White;
    font-size: 100%;
    font-family: Tahoma;     
}

.box h1
{
    background-image: url(../images/box-header-bg.jpg);
    background-repeat: repeat-x;
    font-weight: bold;
    padding: 2px;
}

.box h2
{
    font-weight: bold;
    font-size: 116%;
    padding-bottom: 4px;
}

#hotTopicEntries
{
    height: 160px;
    *height: 155px;
    overflow: auto;
}

#hotTopicsSubPage h2
{
    text-transform: uppercase;
}

.box .boxContent
{
    background-image: url(../images/box-body-bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #0a4a82;
    padding: 5px;    
}

.box a
{
    color: #8cc63f;
    text-decoration: none;
}
.box a:hover
{
	color: #B0E697;
}
.box hr
{
    border: 0;
    background-color: #9c9c9c;
    height: 1px;
    width: 98%;    
}

.box .more
{
    font-size: 77%;
    padding-top: 8px;
}

#hotTopics .boxContent .more
{
    padding-top: 0px;
}

#login
{
    margin-top: 10px;
}

#login input
{
    margin-bottom: 5px;
}

#login #forgot
{
    float: right;
    width: 65%;
    padding-top: 3px;
}

#login .loginbutton
{
    padding-top: 9px;
}

#bottomBoxes
{
    margin-right: 215px;
    margin-top: 10px;
}

#bottomBoxes .box
{
    border: solid 1px White;    
}

#calendar
{
    width: 230px;
    float: right;
}

#calendar .boxContent
{
    height: 90px;
    overflow: auto;
}

#calendar .more a
{
    color: #073476;
}

#calendarGlance td, #calendar td
{
    vertical-align: top;
    padding: 2px;
    padding-right: 6px;
    font-weight: normal;
}

#alerts
{
    width: 490px;
}

.alertBox
{
    border: solid 1px #9c9c9c;
    margin-left: 2px;
}

.alertBox ul
{
    height: 80px;
    *height: 84px;
    overflow: auto;
}

.alertBox ul
{
    margin: 4px;
}

.alertBox .status
{
    font-weight: normal;
}

.alertContent
{
  margin-left: 20px;
}

#searchBar
{
    background-color: #8cc63f;
    border: solid 1px White;
    color: White;
    font-size: 222%;
    font-family: 'Times New Roman' , Times, serif;
    margin-top: 12px;
    margin-bottom: 5px;
    font-weight: bold;
    padding-left: 5px;
    clear: both;
}

#searchBar #searchControls
{
    width: 220px;
    float: right;
    font-size: 50%;
    font-weight: normal; 
    margin-top: 7px;     
}

#searchBar #searchButton
{
    padding-top: 2px;
    *padding-top: 3px;
    width: 60px; 
    float: right;
    
}

#ft
{
    margin-top: 10px;
    font-size: 93%; 
   
}

#bottomLinks
{
    margin-left: 170px;
    height: 30px;
}

.narrow #bottomLinks
{
    margin-left: 40px;
}

#bottomLinks li
{
    float: left;
    border-left: solid 1px #757575;    
    padding: 0px 12px;
}

#bottomLinks li.first-of-type
{
    border-left: none;
}

#bottomLinks a
{
	color: #4D4D4D;
	text-decoration: none;
}

#bottomLinks a:hover
{
    color: #66cc33;
    text-decoration:none;
}

#address
{
    clear: both;
    color: #4D4D4D; 
    text-align: center;
}
#address a:hover
{
    color: #66cc33;
}

#copyright
{
    font-size: 85%;
    margin-top: 10px;
    color: #4D4D4D; 
    text-align: center;
    margin-bottom: 20px;
}
#copyright a:hover
{
	color: #66cc33;
}

.adminPanel
{
  border: solid 1px #aaaaaa;
  padding: 10px;
  margin-bottom: 20px;
}


/***************** SUBPAGE ONLY STYLES *****************/
#calendarGlance
{
    margin-top: 10px;
}

#mainColumn #mainContent
{
    width: 600px;
    float: right;
}

#mainColumn #mainContentWrapper
{
    margin-top: 10px;    
}

#leftSidebar
{
    margin: 10px;
    padding: 5px;
    background-color: #89c13e;
    margin-right: 620px;
    color: White;
    font-family: Tahoma;
    font-size: 110%;
}

#leftSidebar ul
{
    margin-top: 8px;
}

#leftSidebar a
{
    color: White;
    text-decoration: none;
}

#leftSidebar a:hover
{
    text-decoration: underline;
}

.siteMapPath
{
    color: #0c5a98;
    font-size: 92%;
    margin-right: 20px;
    border-bottom: solid 1px #0c5a98;
    display: block;
}

.siteMapPath a
{
    color: #0c5a98;
    text-decoration: none;
}

.validator
{
    font-weight: bold;
    color: Red;       
}

/*CMS Styles*/
.modalPopup
{
    text-align: center;    
    background-color: #ffffdd;
    border: solid 3px Gray;
    padding: 3px;
    width: 375px;
}

.modalPopup td
{
    border: none;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

div.printbutton
{
    width:20px;
    padding: 10px;
    float: right;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.CMSEditMeta td
{
    padding: 5px;    
}

/* CMS Admin Styles */
#CMSAdministration h2
{
    cursor: pointer;
    margin:0px;
    padding: 5px;
    background: #ffefef url(../images/CMSImages/CMSAdminH2_bg.jpg) repeat-x bottom;
}

.CMSAdminSection
{
    border: solid 1px #aaaaaa;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #eeeeee;
}

.CMSAdminSection td
{
    padding: 5px;
}

.success
{
  background-color: LightGreen;
  color: DarkGreen;
  border: solid 2px DarkGreen;
  padding: 2px;
  font-weight: bold;  
  display: block;
  margin-bottom: 5px;
}

.error
{
  background-color: Pink;
  color: Red;
  border: solid 2px Red;
  padding: 2px;
  font-weight: bold;  
  display: block;
  margin-bottom: 5px;
}


/* JQUERY CALENDAR STYLES */
table.jCalendar {
background:#AAAAAA none repeat scroll 0% 0%;
border:1px solid #000000;
border-collapse:separate;
border-spacing:2px;
}
table.jCalendar th {
background:#333333 none repeat scroll 0% 0%;
color:#FFFFFF;
font-weight:bold;
padding:3px 5px;
}
table.jCalendar td {
background:#CCCCCC none repeat scroll 0% 0%;
color:#000000;
padding:3px 5px;
text-align:center;
}
table.jCalendar td.other-month {
background:#DDDDDD none repeat scroll 0% 0%;
color:#AAAAAA;
}
table.jCalendar td.today {
background:#666666 none repeat scroll 0% 0%;
color:#FFFFFF;
}
table.jCalendar td.selected {
background:#FF6666 none repeat scroll 0% 0%;
color:#FFFFFF;
}
table.jCalendar td.selected:hover {
background:#FF3333 none repeat scroll 0% 0%;
color:#FFFFFF;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
background:#FFFFFF none repeat scroll 0% 0%;
color:#000000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
background:#BBBBBB none repeat scroll 0% 0%;
color:#888888;
}
div.dp-popup {
background:#CCCCCC none repeat scroll 0% 0%;
font-family:arial,sans-serif;
font-size:10px;
line-height:1.2em;
padding:2px;
position:relative;
width:171px;
}
div#dp-popup {
position:absolute;
z-index:199;
}
div.dp-popup h2 {
font-size:12px;
margin:2px 0pt;
padding:0pt;
text-align:center;
}
a#dp-close {
display:block;
font-size:11px;
padding:4px 0pt;
text-align:center;
}
a#dp-close:hover {
text-decoration:underline;
}
div.dp-popup a {
color:#000000;
padding:3px 2px 0pt;
text-decoration:none;
}
div.dp-popup div.dp-nav-prev {
left:4px;
position:absolute;
top:2px;
width:100px;
}
div.dp-popup div.dp-nav-prev a {
float:left;
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor:pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor:default;
}
div.dp-popup div.dp-nav-next {
position:absolute;
right:4px;
top:2px;
width:100px;
}
div.dp-popup div.dp-nav-next a {
float:right;
}
div.dp-popup a.disabled {
color:#AAAAAA;
cursor:default;
}
div.dp-popup td {
cursor:pointer;
}
div.dp-popup td.disabled {
cursor:default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
  
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: none;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	
	
}

.contentT	{
	vertical-align: top;
	padding: 4px;
	border: 0;
	width: 100%;
	}