﻿

/* BUTTONS */
.MenuButtons {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #385b68), color-stop(1, #547787) );
	background:-moz-linear-gradient( center top, #385b68 5%, #547787 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#385b68', endColorstr='#547787');
	background-color:#385b68;
	width: 174px;
	margin-left: 2px;
	text-indent: 6px;
	border:1px solid #2e4b56;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	padding-top:6px;
	padding-bottom:6px;
	text-decoration:none;
	text-align:Left;
}

.MenuButtons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #547787), color-stop(1, #385b68) );
	background:-moz-linear-gradient( center top, #547787 5%, #385b68 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#547787', endColorstr='#385b68');
	background-color:#547787;
}

.MenuButtons:active {
	position:relative;
	top:1px;
}

.MenuButtonTop {
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
}

.MenuButtonMiddle {
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
}

.MenuButtonBottom {
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
}


/* colors*/
.commonColorMenuBackground {background: linear-gradient(#C36406, #773c01)}
.pageheaderbackground {background-image:url('../background/pageheaderbg.jpg'); margin:8px auto; }

.pageTitle			{color:#253D22;		font-family:Georgia,Serif;font-size:1.50em;display:block;padding:3px;font-weight:bold;font-style:normal;text-align:center;}
.pageSubtitle		{color:#5E151C;		font-family:Arial,Sans-Serif;font-size:1.00em;display:block;padding:3px;font-weight:bold;font-style:italic;text-align:center;}
.pageSubSubtitle	{color:#5E151C;		font-family:Arial,Sans-Serif;font-size: x-small;display:block;padding:3px;font-weight:bold;font-style:italic;text-align:center;}
.docsTable			{background-color: #E8E3C7; border-style:none; padding:4px}
.docsTitle			{color:#000000;		font-family:Georgia,Serif;text-align:left; font-size: medium;}
.docsText			{color:#000000; 	background-color: #E8E3C7; font-family:Georgia,Serif; font-size: small;padding:4px;vertical-align: top }

/*MenuHorizontal*/
.MenuHorizontalTable {width: 898px; height: 375px; border-color:grey; }
.MenuHorizontalTableBorderRight {box-shadow: 5px 0 5px grey; border-color: grey;border-collapse: separate; }
.MenuHorizontalTableBorderBottom {box-shadow: 0 5px 5px  grey; border-color: grey; border-collapse: separate; }
.MenuHorizontalColor {color:black;background-color: yellow}
.MenuHorizontalTransparent {background-color: transparent}
.MenuHorizontalBackground {margin:8px auto; border: 1px solid #000000; }
	
/*Menu Vertical Properties*/
.MenuVerticalBackgroundGraphic { 
	-moz-box-shadow:inset 0px 2px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 2px 0px 0px #bee2f9;
	box-shadow:inset 0px 2px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #385b68), color-stop(1, #547787) );
	background:-moz-linear-gradient( center top, #385b68 5%, #547787 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#385b68', endColorstr='#547787');
	background-color:#385b68;
	width: 196px;
	height:110%;
	margin-left: 10px;
	text-indent: 0px;
	border:2px solid #2e4b56;
	display:inline-block;
	color:#ffffff ;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
	text-align:center ;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
}

.BoxHeaderFont {
	font-family:Georgia;
	font-size:18px;
	font-weight:bold ;
	font-style:normal;color: black; 
	vertical-align: middle;
}

.NewsBox {
	-moz-box-shadow: inset 0px 0px 0px 0px #bee2f9;
	-webkit-box-shadow: inset 0px 0px 0px 0px #bee2f9;
	box-shadow: inset 0px 0px 0px 0px #bee2f9;
	xbackground: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #385b68), color-stop(1, #547787) );
	xbackground: -moz-linear-gradient( center top, #385b68 5%, #547787 100% );
	xfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385b68', endColorstr='#547787');
	background-color: #E1DBBB;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	width: 180px;
	height: 26px;
	margin-right: 8px;
	text-indent: 20px;	
	text-align: left;
	border: 2px solid #2e4b56;
	display: inline-block;
	padding-top: 8px;
	padding-left: 36px;
	padding-bottom: 0px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}

.MenuVerticalColor {
	color: black;
	background-color: #F8F6EA
}

.MenuVerticalTransparent {background-color: transparent}
.BodyColor {color:black;background-color:#F8F6EA}
.BodyTransparent {background-color: transparent}
.FooterColor {color:black;background-color:blue}
.FooterTransparent {background-color: transparent}
.ContactUs {url('sites/ContactUs.html')}

.formsHead {
    width: 98%;
    color: #000000;
    font-family: Arial,Sans-Serif;
    font-size: 0.88em;
    margin: 1px 1px 4px 1px;
    text-align: left;
    display: block;
    border-bottom: 2px solid #000000;
    font-weight: bold;
    font-style: normal;
}

.formsTable {
    width: 98%;
    border-style: none;
    padding: 2px;
    margin: 0px 0px 10px 0px;
}

.formsItems {
    color: #000000;
    font-family: Arial,Sans-Serif;
    font-size: 0.75em;
    display: block;
    text-align: left;
    padding: 1px 1px 1px 4px;
    font-weight: bold;
    font-style: normal;
}

.formsText {
    font-size: 0.75em;
    font-family: Arial,Sans-Serif;
    color: #000000;
    background-color: #CCCCCC;
    width: 100%;
    height: 20px;
}

.commentArea {
    background-color: #CCCCCC;
    width: 100%;
    height: 50px;
}

.newsbox {
    font-size: 0.75em;
    font-family: Arial,Sans-Serif;
    color: #000000;
    background-color: #CCCCCC;
    width: 100%;
    height: 20px;
}

.HeaderFont1 {
	font-family:Georgia;
	font-size:26px;
	font-weight:normal;
	color: black; text-align: left;font-style: italic
}
.HeaderFont2 {
	font-family:Georgia;
	font-size:46px;
	font-weight:bold;
	font-style:normal;color: black; 
	font-variant-caps:small-caps  
}
.HeaderFont3 {
	font-family:Georgia;
	font-size:36px;
	font-weight:bold;
	font-style:normal;color: black; 
	font-variant-caps:small-caps;  
}

/* css/In Use */
DIV.outerDiv {width:960px;margin:0px;padding:0px;}
.nameLine {font-size:1em;font-family:Arial,Sans-Serif;color:#4B088A;font-weight:bold;text-decoration:none;}
.addressLine {font-size:.7.5em;font-family:Arial,Sans-Serif;color:#4B088A;font-weight:normal;text-decoration:none;}


/*colors for menu*/
/*this is the css for the horizontal version*/
.horizontal {font-family: Arial,Sans-Serif}
.horizontal ul{list-style-type:none;padding:0px 0px 0px 0px;display:block;margin:0px 0px 0px 0px;}
.horizontal li{float: left;display: inline;}
.horizontal li a{float: left;display: block;padding: 0px 20px 0px 20px;font-size: 1.10em;text-align:center;font-weight:normal;font-style:normal;}
.horizontal li li a{display: block;width: 0px;font-size: 0.88em;text-align:left;font-weight:normal;font-style:normal;padding: 2px 2px 2px 2px;border: 1px solid;border-top: 0px;}
.horizontal li ul{position: absolute; margin-top:25px;margin-left: -1px;border: none;display: block;width: auto;height: auto;border-top: 1px solid;}
.horizontal li li ul{position: absolute;margin-top:.1em;margin-left: 125px;}
.horizontal li ul li a{width:auto}
.horizontal li li ul{position: absolute;left: 0px;}


/*colors for menu*/
.allcolortopnav {border-color: #000000;font-family: Arial,Sans-Serif}
.allcolortopnav ul{border-color: #000000;}
.allcolortopnav li a{text-align:left;font-size:1.10em;background-color: transparent;color: #FFFFFF;border-color: #000000;text-decoration: none;}
.allcolortopnav li a:hover{background-color: transparent;color: #334431;border-color: #000000;text-decoration: none;}
.allcolortopnav li ul{border-color: #385B6A ;}

/*Menu dropdown background color*/
.allcolortopnav li li a{text-align: left; background-color: #EAE8DB ; color: #385B6A; border-color: #385B6A; text-decoration: none;}

/*Menu dropdown background highlight color*/
.allcolortopnav li li a:hover{background-color: #385B6A ;color: #FFFFFF;border-color: #385B6A ;text-decoration: none;}
.allcolortopnav li li ul{border-color: #385B6A;}


/*These assist the iframe shim*/
.mlmenu iframe{position:absolute;display:none;z-index:2;}
select,object,iframe{z-index: 1;}


/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
.inaccesible li ul{display: none;}



#slideshow { 
    margin: 0px auto; 
    position: relative; 
    width: 855px; 
    height: 288px; 
    padding: 0px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}
