@charset "UTF-8";
/* CSS Document */


/*Content styles */

.linktitle {
	font:normal 12px arial;
	margin-left:12px;
	

}

.linkurl {
	margin-left:12px;
	margin-top:-10px;
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	text-decoration:none;
	
}

/* FORM STYLES */
form { margin-left:10px; }
.formtext { font-family:arial; font-size:12px; }
.subbutt { font-family:arial; font-size:12px; background-color:#dedede; border-color:#135d8e; border-style:solid; border-width:1px 1px 1px 1px; }
.formlabel { font-family:arial; font-size:12px; }
.formalert { font-family:arial; font-size:12px; color:red; margin-left:10px; }

.email{
	color:#135d8e;

}

.small1 {
	font:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 80%;
	line-height:normal;
	margin-bottom:10px;
}

li {
	font:normal 12px Arial;
	}

h1 {
	text-align:left;
	font:normal 20px arial; 
	margin-top:10px;
	margin-left:10px;
	color:#1abeda;
	}
	
h3 {
	text-align:left;
	font:normal 15px arial;
	color: #135d8e;
	padding-top:5px;
	margin-top:10px;
	margin-left:10px;
	}

p.content {
	text-align:left;
	font:normal 12px arial;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:10px;	
}

p.homecontent {
	text-align:left;
	font:normal 12px arial;
	margin-top:6px;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:6px;	
}

.content {
	text-align:left;
	font:normal 12px arial;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:10px;	
}



h3.title {
		margin-top:10px;
		margin-left:5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#1abeda;
		}
		
.newstitle {
		margin-left:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#135d8e;
		margin-top:-5px;
		}
		
a {
	color:#135d8e;
	
  }
 
 a:hover{
 	color:#1abeda;
 }
		
.descrip {
		margin-left:10px;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#333333;
		margin-top:-17px;
		padding-top:5px;
		margin-right:5px;
}
		
.more a {
		color:#666666;
		text-decoration:underline;
}

.more a:hover {
		color:#999999;
		text-decoration:none;
}

td.main1 {
	border-color:#5488ad;
	border-right-width:5px;
	border-right-style:solid;
	border-top-width:5px;
	border-top-style:solid;
	}

td.main2{
	border-color:#5488ad;
	border-top-width:5px;
	border-top-style:solid;
	}

.bottomnav {
	
	padding:2px;
	padding-top:4px;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.bottomnav a {
	
	text-decoration:underline;
	color:#fff;
	}
	
.bottomnav a:hover {

	text-decoration:none;
	}
	
	
.subnavtitle {
	font:normal 14px arial;
	margin-left:12px;
	color:#135d8e;
	}
	
.subnav a {
	padding:2px 7px;
	margin:0px;
	text-decoration: none;
	text-indent:15px;
	font:normal 13px arial;
	color: #135d8e;
	display:block;
	

}

.subnavselected {
	padding:2px 7px;
	margin:0px;
	text-decoration: none;
	text-indent:15px;
	font:normal 13px arial;
	color: #1abeda;
	display:block;
	

}

.subtitle {
	padding:2px 7px;
	margin:0px;
	text-decoration: none;
	text-indent:15px;
	font:normal 13px arial;
	color:#1abeda;
	display:block;
	
	}


.subnav a:hover {

	color:#1abeda;
	width:auto;
	}
	
.secondary a{
	padding:2px 7px;
	margin:0px;
	text-decoration: none;
	text-indent:20px;
	font:normal 11px arial;
	color: #135d8e;
	display:block;
}

.secondary a:hover {
	color:#1abeda;
	}
	
.secondaryselec a{
	padding:2px 7px;
	margin:0px;
	text-decoration: none;
	text-indent:20px;
	font:normal 11px arial;
	color: #1abeda;
	display:block;
}
.leftimg {

	margin-top:35px;
	margin-left:45px;
	}

/*homepage layout objects */

body {
	background-color:#5488ad;
	}
	
:root { overflow-y:scroll }


#main {
	
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:948px;
	}
	
#top {
	background-image:url(../images/top.gif);
	
	height:110px;
	width:948px;
	}
	
#left {
	position:absolute;
    background-image:url(../images/left.gif);
	width:250px;
	height:350px;
	margin-top:5px;
	}

#content {

   position:absolute;
   background-image:url(../images/content.gif);
   width:692px;
   height:350px;
   margin-top:5px;
   margin-left:255px;
   }
   
  
#bottomleft {
	
	position:absolute;
	background-image:url(../images/bot_left.gif);
	width:250px;
	height:137px;
	margin-top:360px;
}

#bottomcenter {

	position:absolute;
	background-image:url(../images/bot_mid.gif);
	width:400px;
	height:137px;
	margin-top:360px;
	margin-left:255px;

}

#bottomright {

	position:absolute;
	background-image:url(../images/bot_right.gif); 
	width:287px;
	height:137px;
	margin-top:360px;
	margin-left:660px;
}
  
#bottom {
	position:absolute;
	width:948px;
	margin-top:500px;
	
	}
  
	
/*nav bar css begins here*/

.chromestyle{
margin-top:4px;

 
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
/*border: 1px thin #5488ad;*/
width: 948px;
background-color:#fff;
padding: 4px 0px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
font:normal 15px arial;

}

.chromestyle ul li{
display: inline;
margin: 0;
}

.chromestyle ul li a{
color: #135d8e;
padding:4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;

}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background-color:#f0f0f0; /*THEME CHANGE HERE*/

}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px arial;
line-height:18px;
z-index:90;
background-color: white;
width: 100px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color:#135d8e;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

/*nav bar css ends here */


/* Dia De Los Muertos Splash */

#DDLM {
	position:absolute;
	left:0px;
	top:0px;
	background-color:#5488ad;
	width:100%;
	height:800px;
	z-index:99;
}

.DDLM {
	width:600px;
	height:424px;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	color:#990000;
	margin:75px auto;
	float:top;
}

.DDLMdetail {
	font-family:arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

.DDLMlinkdiv {
	width:600px;
	margin:100px auto;
	text-align:center;
 }

a.DDLMlink { font-family:arial; color:#ffffff; font-size:12px; text-decoration:underline; }
a.DDLMlink#hover { color:#ffffff; text-decoration:underline; }