/* Global Styles */

body
{
    margin-top: 0px;
    font-family: 'Comic Sans MS';
    font-size: 11pt;
}
h1
{
    font-size: 16pt;
    color: #0179C5;
    font-weight: bold;
}
h3, h4 {color:#0179C5; margin-top:0;}
h5
{
    color: #0179C5;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 0 0;
    margin: 0;
}
.heading_blue
{
    font-size: 16pt;
    color: #0179C5;
    font-weight: bold;
}
a {
	color: #0179C5;
	}
	
a:hover
{
    color: #66CCFF;
}

.headerBackground {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(left, #FFFFFF 0%, #0179C5 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(left, #FFFFFF 0%, #0179C5 100%);
    /* Opera */
    background-image: -o-linear-gradient(left, #FFFFFF 0%, #0179C5 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #0179C5));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #0179C5 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to right, #FFFFFF 0%, #0179C5 100%);
}

/* ID Styles */

#navigation td {
	border-bottom: 1px solid #F4FFE4;
	}
	
#navigation a {
	font: bold 11px;
	color: #D5EDB3;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover
{
    background: #66CCFF;
}
	
#logo 	{
	font:24px;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	}
	
a#logoImage{
display:block;
height:100px;     
width:960px;
background: url(images-new/LogoMasthead-Blue.jpg) no-repeat;
text-indent: -9999px;
}


#tagline 	{	
	font:11px;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText
{
    font: 10pt;
    color: #333333;
    line-height: 20px;
    margin-top: 0px;
}
	
.pageName{
	font: 18px;
	color: #99CC66;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold;
	color: #0179C5;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px;
	color: #759DA1;
	line-height:30px;
	}
	
.menu
{
    color: #D5EDB3;
    line-height: 24px;
    font-size: 8pt;
    font-weight: bold;
}
	
.smallText {
	font: small;
	}
	
.smallText_Grn
{
    font-size: small;
    color: #D5EDB3;
}	
	
.smallText_Yellow {
	font-size: 6pt;
	color: #F1E00A;
	line-height: 22px;
	}
	
.navText
{
    font-size: 10pt;
    color: #D5EDB3;
    line-height: 16px;
    letter-spacing: .1em;
    text-decoration: none;
    font-weight: bold;
}
	
.Text_blue
{
    color: #0179C5;
}	
.Text_yellow
{
    color: #F1E00A;
}
.Text_lightGrn
{
    color: #D5EDB3;
}	
.Text_red
{
    color: #FF0000;
}	
.TextSize11_blue
{
    color: #0179C5;
    font-size: 11px;
}	
.TextSize10 {
	font-size: 10px;
}
.TextSize14 {
	font-size: 14px;
}
.TextSize16 {
	font-size: 16px;
}
.background-color-yellow { background-color: yellow; text-decoration: blink; }

/* -------------------Bullet Style ----------------------------------*/
ul.checkmarks {
  list-style: none;
}
ul.checkmarks li:before {
  content: '✓';
}
/* ------------------- Button Styles ------------------------------- */
input.button_ltGrn
{
    color: #000000;
    background-color: #D5EDB3;
    font-size: 11px;
}
input.button_blue
{
    color: #FFFFFF;
    background-color: #0179C5;
    font-size: 11px;
}
input.button_blueBig
{
    color: #FFFFFF;
    background-color: #0179C5;
    font-size: 11px;
    font-weight: bold;
    padding:8px;
}
input.button_red {
    color: #FFFFFF;
    background-color: #CC0000;
    font-size: 14px;
    font-weight:bold;
    padding:8px;
    width:300px;
}
input.button_redSmall {
    color: #FFFFFF;
    background-color: #CC0000;
    font-size: 11px;
    font-weight:bold;
    height:24px;
}
input.button_yellow {
    color: #CC0000;
    background-color: yellow;
    font-size: 11px;
}
input.button_gray
{
    color: #000040;
    font-size: 11px;
}
/* ------------------ Photo Gallery Styles ----------------------- */
.hoverbox
{
	cursor: default;
	list-style: none;
	height: 400px; 
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
}
.hoverbox a
{
	cursor: default;
}
.hoverbox a .preview
{
	display: none;
}
.hoverbox a:hover .preview
{
    padding: 5px;
    display: block;
    position: absolute;
    top: -33px;
    left: -45px;
    z-index: 50;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: solid;
    border-width: 1px;
}
.hoverbox img
{
	background: #fff;
	/*border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;*/
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 175px;
	height: 105px;
	z-index: 1;
}
.hoverbox li
{
	/*background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;*/
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;	
	z-index: 1;
}

.hoverbox .preview li a:hover {
z-index: 2;
}

.hoverbox .preview
{
	width: 400px;
	height: 240px;
	/*z-index: 50;*/
}
/* ------------------ Secondary Photo Gallery CSS Option ------------------------*/
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img
{
    border: 1px solid white;
    margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: -1;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span
{
    /*CSS for enlarged image*/
    position: absolute;
    background-color: white;
    padding: 25px;
    left: -1000px; /*border: 1px dashed gray;*/
    visibility: hidden;
    color: black;
    text-decoration: none;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: solid;
    border-width: 1px;
    font-family: 'Comic Sans MS';
    font-size: 40px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 90px; /*position where enlarged image should offset horizontally */
}

/*------------Third Gallery Option-------------------------------------------------*/

.pg {
width: 700px;
list-style: none none;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 75px;
}

.pg:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

.pg li {
list-style: none none;
display: inline;
margin: 3px;
padding: 5px;
}

.pg li a {
margin: 2px;
padding: 5px;
position: relative;
float: left;
display: block;
width: 175px;
height: 105px;
}

.pg li a:hover {
font-size: 100%;
z-index: 2;
}

.pg li a img {
border: 0 none;
position: absolute;
width: 175px;
height: 105px;
background: #fff;
}

.pg li a:hover img,.pg li a:active img,.pg li a:focus img {
width: 400px;
height: 240px;
border: 1px solid #CCC;
left: -50px;
top: -37px;
z-index: 1;
padding: 5px;
}

/* ----- Expand/Collapse Styles ----- */
#ExpCollapse div {
    font-size: 12px;
}
#ExpCollapse h4 {
    /*line-height:16px;*/
}
#ExpCollapse h4 {
    padding-top: 10px;
    cursor: pointer;
    /*background: url('/images/ExpColl_plus.gif') no-repeat 0px 12px;*/
    display: block;
    text-decoration: none;
    margin: 0;
}  
#ExpCollapse h4 a 
{
    /*color: #575a5d; 
    text-decoration:none;*/ 
    margin-left: 10px;
    font-size: 13px;
}
#ExpCollapse .active {
    /*background: url("/images/ExpColl_minus.gif") no-repeat 0px 12px;*/
}
/* ----- Expand/Collapse Styles for DPM System -----*/
#ExpCollapse2 div {
    font-size: 12px;
}
#ExpCollapse2 h4 {
    /*line-height:16px;*/
}
#ExpCollapse2 h4 {
    padding-top: 10px;
    cursor: pointer;
    background: url('/images/ExpColl_plus.gif') no-repeat 0px 12px;
    display: block;
    text-decoration: none;
    margin: 0;
}  
#ExpCollapse2 h4 a 
{
    /*color: #575a5d; 
    text-decoration:none;*/ 
    margin-left: 10px;
    font-size: 12px;
}
#ExpCollapse2 .active {
    background: url("/images/ExpColl_minus.gif") no-repeat 0px 12px;
}

/* IE6 */
*html h4 a {zoom:1;}

/* ----- Admin Menu Styles ----- */
.CMSMenu table {width:95%; border: none; border-spacing: 0px; border-collapse:collapse; margin-left:auto; margin-right:auto;}
.CMSMenu td {padding-right:10px; padding-bottom:10px;}
.CMSMenuInner {border:1px solid #ccccce; width:90%; margin: 0 auto 20px auto;}
.CMSMenuInner h3 {text-transform: uppercase; font-weight:bold; font-size:12px; color: #0179C5; background-color: #ccccce; margin:0;padding:5px 0 5px 5px;}
.CMSMenuItems {padding:5px; line-height:1.8;}
.CMSMenuItems a {color:#575a5d;}
.CMSMenuItems a:hover {color:#0179C5;}

/* ----- Admin Spec Change Styles ----- */

#SpecChange h1 {color: #ff6a00; text-decoration:underline;}