/* ------------------------------------------------------------------ */
/* Sets global defaults - can be overridden in additional stylesheets */
/* ------------------------------------------------------------------ */

.search_link {
	font-size: 10pt;
}
.hilite {
	background-color: #FCF403;
	color: #000000;
	font-weight: bolder;
}

#mst {display:none;}

/* ------------------------------------------------------------------ */
/* ===== HTML Elements ===== */
html, body {
	background: #19367a;
	background-image: url("../images/calera_bg_blu.jpg");
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	margin: 0 auto;
	padding : 0;
}

body {
	height: 100%;
}

.EditBody {
	background: white;
}

a, a:link {
	color: #203f7c;
	text-decoration:none;
}


a:active, a:visited {
	color: #203f7c;
}


a:hover {
 text-decoration: underline;
}

a.Ingenuitylink, a.Ingenuitylink:active, a.Ingenuitylink:visited  {
	color : #FFFFFF;
	font-weight: bold;	
	text-decoration: underline;
}
a.footerlink, a.footerlink:active, a.footerlink:visited {
	color : #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

p, li        { font-family: Arial, sans-serif; font-size: 9pt;}
h1           { font-family: Arial, sans-serif; font-size: 20pt; font-weight: bold; }
h2           { font-family: Arial, sans-serif; font-size: 18pt; font-weight: bold; }
h3           { font-family: Arial, sans-serif; font-size: 16pt; font-weight: bold; }
h4           { font-family: Arial, sans-serif; font-size: 14pt; font-weight: bold; }
h5           { font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; }
h6           { font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; }

td, th {
	vertical-align : top;
	font-family: Arial, sans-serif;
	font-size: 9pt;
}


.rightImage, .rightpic{
	margin-left: 10px;
	margin-bottom: 3px;
	margin-top: 3px;
	float: right;
}

.leftImage, .leftpic{
	margin-right: 10px;
	margin-bottom: 3px;
	margin-top: 3px;
	float: right;
}


#outertable {
	background: #FFFFFF;
}

#outertable2 {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
}


/* ------------------------------------------------------------------ */
/* ===== Custom Classes ===== */

.centertable {
	margin-top : 0px;
	margin-bottom : 0px;

}

.content, .homecontent {
	vertical-align: top;
	margin: 4px 20px 0 16px;
	padding: 0;
	text-align: justify;
	height: 100%;
}
.homecontent2 {
	position: relative;
	display: inline;
	float: right;
	vertical-align: top;
	margin: 4px 10px 0 14px;
	padding: 0;
	width: 776px;
	height: 100%;
}

.content p, .homecontent p, .homecontent2 p {
	line-height: 1.4em;
	margin: 0 0 20px 0;
}



#footer {
	background: #000066;
	clear: both;
	width: 100%;
	overflow: visible;
	height: 34px;
	font-family: Arial, sans-serif;
	font-size: 10px;
}

#footerL, #footerR {
	background: #000066;
	float: left;
	text-align: left;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 4px;
	padding: 0;
	width: 40%;
}

#footerR {
	float: right;
	text-align : right;

}

.banner{
	background-color: #1f407c;
}

#bannerbtm {
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
}

.rightNav{
	padding: 0;
}

.content .rightNav{
	float: right;
	width: 185px;
	text-align: left;
} 

#relatedpages{
	display: inline;
	background-color: #fff;
	float: right;
	width: 192px;
	text-align: left;
	margin: -4px -20px 25px 25px;
	border-width: 0 0 3px 0;
	border-style: double;
	border-color: #6699cc;
} 
.homecontent2 #relatedpages{
	display: inline;
	background-color: #fff;
	float: right;
	width: 192px;
	text-align: left;
	margin: 0 0 25px 25px;
	border-width: 0 0 3px 0;
	border-style: double;
	border-color: #6699cc;
} 

#homeflashcontent{
	background-image: url("../images/Calera-banner.jpg");
	background-position: top left;
	background-repeat: no-repeat;	

}

#outerwrapper {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}


#wrapper {
	clear: both;
	display: inline;
	text-align: left;
	height: 100%;	
}

/* ====== Breadcrumbs App ===== */
div.BreadCrumbs {
	font-size: 10pt;
	line-height: 140%;
	margin: 4px 0 20px 0;

}
.BreadCrumbs H5 {
	font-size: 10pt;
	display: inline;
	font-weight: bold;
}



.search {
	background-color: #203f7c;
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	height: 18px;
	width: 50px;
	border: none;
	margin: 0 3px 0 0 ;
}
.searchbox {
	font-size: 8pt;
	height: 18px;
	width: 95px;
	border: solid 1px #203f7c;
}
.sidebarnews{
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color: #004e09;
	font-size : 11pt;
	margin: 2px 0 0 0;
	font-weight : normal;
	text-align: left;
}
.sidebarspot {
	color : #004e09;
	font-size : 12pt;
	font-weight : bold;
}

td.news {
	padding: 0px;
	margin: 0px;
}
.news, .news td{
	color : #000000;
	font-size: 8pt;
	text-align : left;
}
td.contact {
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 0px;
}

.pageTitle {
	background-color : #1f407c;
	color : #FFFFFF;
	font-family: Arial, sans-serif;
	font-size : 11pt;
	font-weight : bold;
	padding: 2px;
}

.titletext {
	font-size : 11pt;
	font-weight : bold;
	color : #000066;
}

.trim {
	background-color : #000000;
}

.weather {
	margin: 0 auto;
}

#rightcol {

	margin: 0 8px;
	padding: 0;
}

/*------------------------Navigation Styles---------------------------*/
/* ===== Primary (top) navigation ===== */

.topNavRow {

	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 1px;

}
.topNavCell, .topNavCellFirst {

	vertical-align: middle;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
}
a.topNavLink, a.topNavLink:Visited, a.topNavLink:Active {
	text-decoration: none;
	color: #ffffff;
}
a.topNavLink:Hover {
	text-decoration: none;
	color: #cccccc;
}
/* ===========================================================================*/
/* ===== Rollover Navigation ===== */
#menu {
	position: relative;
	background-color : #dddddd;
	width: 200px;
	padding: 3px 0 0 0;
	z-index: 10001;
}

#menu2 {
	position: relative;
	z-index: 10001;
	float: left;
	/*overflow: hidden;*/
	background-color : #dddddd;
	width: 200px;
	padding: 3px 0 0 0;
	text-align: left;
}

.MenuArrow {
	float: right;
	margin: 4px 16px 0 0;
	padding-top: 4px;

}

/* ===========VERTICAL=========*/


.NavVIE1, .NavVIE2, .NavVIE3, .NavVIE4, .NavVIE5, .NavVIE1hover, .NavVIE2hover, .NavVIE3hover, .NavVIE4hover, .NavVIE5hover, .NavVMOZ1, .NavVMOZ2, .NavVMOZ3, .NavVMOZ4, .NavVMOZ5, .NavVMOZ1hover, .NavVMOZ2hover, .NavVMOZ3hover, .NavVMOZ4hover, .NavVMOZ5hover  {	
	/*width: 200px;*/
	vertical-align: middle;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background-color: #dddddd;
	background-image:  url("../images/menu-bg.gif");
	margin: 0;
	z-index: 1;
	padding: 0 0 0 12px;

	height: 29px;
	min-height: 29px;
}


.NavVIE1,.NavVIE1hover {
  	height: 29px;
	line-height: 29px;
}

.NavVMOZ1,.NavVMOZ1hover {
  	height: 29px;
  	min-height: 29px;
	line-height: 29px;
}

.NavVIE1hover, .NavVMOZ1hover {
	background:  url("../images/menu-bg.gif") 0 -30px;
	color: #fff;
}
.NavVIE2, .NavVIE3, .NavVIE4, .NavVIE5, .NavVMOZ2, .NavVMOZ3, .NavVMOZ4, .NavVMOZ5, .NavVIE2hover, .NavVIE3hover, .NavVIE4hover, .NavVIE5hover, .NavVMOZ2hover, .NavVMOZ3hover, .NavVMOZ4hover, .NavVMOZ5hover  {	
	width: 100%;
	color: #203f7c;
	background-image: none;
	background-color: #ccc;
	border-top: none;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: none;
	padding-top: 7px;
}


.NavVIE2hover, .NavVIE3hover, .NavVIE4hover, .NavVIE5hover, .NavVMOZ2hover, .NavVMOZ3hover, .NavVMOZ4hover, .NavVMOZ5hover {
	background-color: #999;
	border-color: #666;
	color: #b52226;
	padding-top: 7px;
}

/*.NavVMOZ1, .NavVMOZ2, .NavVMOZ3, .NavVMOZ4, .NavVMOZ5, .NavVMOZ1hover, .NavVMOZ2hover, .NavVMOZ3hover, .NavVMOZ4hover, .NavVMOZ5hover {
  	height: 22px;
	min-height: 22px;
	width: 188px;
}*/


/* ===== Secondary (left) navigation ===== */

/* - - - Normal Menu - - - */

.sideNav {
	font-size: 9pt;
}
.sideNavNot {
	font-weight: bold;
	margin-left: -25px;
	list-style-position : outside;
	list-style-type : none;
}
.sideNavCurNot {
	font-weight: bold;
	margin-left: -25px;
	list-style-position : outside;
	list-style-type : none;
}
a.sideNavLink, a.sidenavlink:visited {
	text-decoration: none;
	color: #000000;
}
a.sideNavLink:Hover {
	background-color: #000066;
	text-decoration: none;
	color: #FFFFFF;
}
a.sideNavCurLink {
	text-decoration: none;
	color: #CC0000;
}

/* --------  IN RIGHT NAV -------- */

#relatedpages UL {
	margin-top: 2px;
}

#relatedpages .sideNavNot, #relatedpages .sideNavCurNot {
	font-size: 8pt;
	font-weight: bold;
	margin: 0 0 10px -17px;
	list-style-position: outside;
	list-style-type: square;
}

TD#relatedpages a.sideNavLink, TD#relatedpages a.sideNavLink:active, TD#relatedpages a.sideNavLink:visited  {
	text-decoration: none;
	color: #000000;
}
TD#relatedpages a.sideNavLink:Hover {
	background-color: #000066;
	text-decoration: none;
	color: #FFFFFF;
}
TD#relatedpages a.sideNavCurLink, TD#relatedpages a.sideNavCurLink:active, TD#relatedpages a.sideNavCurLink:visited {
	text-decoration: underline;
	color: #000000;
}

TD#relatedpages a.sideNavCurLink:Hover {
	background-color: #000066;
	text-decoration: none;
	color: #FFFFFF;
}

/* -------- IN PAGE CONTENT -------- */
.content a.sideNavLink, .content a.sideNavLink:active, .content a.sideNavLink:visited  {
	text-decoration: none;
	color: #000000;
}
.content a.sideNavLink:Hover {
	background-color: #000066;
	text-decoration: none;
	color: #FFFFFF;
}
.content a.sideNavCurLink, .content a.sideNavCurLink:active, .content a.sideNavCurLink:visited {
	text-decoration: underline;
	color: #000000;
}

.content a.sideNavCurLink:Hover {
	background-color: #000066;
	text-decoration: none;
	color: #FFFFFF;
}

/* -------------------------------------------------------- */
/*		FadePanel
/* -------------------------------------------------------- */

#fadepanel, #fadepanel div {
	/*position: relative;*/
	left: 0;
	width: 550px;
	height: 150px;
	min-height: 150px;
	clear: both;
}



/* -------------------------------------------------------- */
/*		Amber Alert
/* -------------------------------------------------------- */

#amberalert {
	width: 550px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;

}

/*-------------------------Application Styles--------------------------*/

/* ===== News ===== */

.NewsArchive 
{
	font-size: 9pt;
}
.NewsTitle 
{
	font-size: 9pt;
}
.NewsPubDate 
{
	font-size: 8pt;
}
.NewsSubTitle 
{
	font-size: 9pt;
}
.NewsItem 
{
	font-size: 9pt;
}

.LMNavTable {
	border-width: 2px 2px 2px 2px; 
	border-style: solid;
	border-color: #000000;
	width: 754px;
}
.LMNavRow {
	background-color: #1f407c;
	vertical-align: middle;
	font-weight: bold;
	color: white;
}
.LMNavHdrRow {
	background-color: #FFFF33;
}
.LMNavRow a:link, .LMNavRow a:active, .LMNavRow a:visited { 
	color: white;
}

/* ===== Calendar ===== */

#calTable, #calFormTable, #calDetailTable   {
	width: 754px;
}
#calTable {
	border-collapse: collapse;
}
#calTable TD {
	border: 2px solid #999999;
	padding: 2px;
	margin: 0;

}

#calDetailTable {
	padding: 2px;	
}

.cal1 
{
	color: #00f;
}
.cal2 
{
	color: #000080;
}
.cal1:hover
{
	color: #f00;
}
.cal2:hover
{
	color: #f00;
}
.caldir
{
	text-decoration: none;
	font-size: larger;
	font-weight: bolder;
}
.cal_nav {
	background-color: #D3D3D3;
}
.cal_today {
	background-color: #e9e9e9;
}
.cal_monthday {
	background-color: #ffffff;
}
.cal_nonmonthday {
	background-color: #D3D3D3;
}
.cal_listhdr {
	font-weight: bold;
	font-size: 10pt;
}

/* ====== E-Postcard App ===== */

.epcTableBG {
	background-color: #CCCC99;
}
.epcInnerTableBG{
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

.epcCardName{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold; 
}

.epcText{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bold; 
}

.epcLink{
	color: #993333;
	font-weight: bold;
	text-decoration: none;
}

.epcLink:hover {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

.epcLink:active, epcLink:visited {
	color: #993333;
	font-weight: bold;
	text-decoration: none;
}