/* Dan's Base Template style sheet */

/* VARIOUS BROWSER BUG FIXES AND WORKAROUNDS */
* {margin:0; padding:0; }
HTML { font-size: 100%; /* IE hack */ }

/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * { zoom:100%;
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */

/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden; }

:focus { outline: 0; }

.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* end backslash hack */ 

/* ELEMENT CONTAINERS */
BODY { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Verdana, Chicago, Arial, Sans-serif;	font-size: 1em; background: #ffffff url(/images/bgtile.png) repeat-x top; color: #000; text-align: center; line-height: 1.22em; }
A:link { color: #1fa83f; }
A:visited { color: #1fa83f; }
A:hover { color: #06354e; }
A:active { color: #06354e; }

HR { margin-top: 10px; margin-bottom: 10px; color: #24536c;  background-color: transparent; height: 1px; width: 80%; }
IMG { border: 0px 0px 0px 0px; }
DIV { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

UL { padding: 0px 0px 0px 0px; list-style-position: outside; margin: 0.5em 0px 1em 1.5em; list-style-type: disc; }
OL { padding: 0px 0px 0px 0px; list-style-position: outside; margin: 0.5em 0px 1em 1.5em; list-style-type: decimal; }
OL[type="a"] { padding: 0px 0px 0px 0px; list-style-position: outside; margin: 0.5em 0px 1em 1.5em; list-style-type: lower-alpha; }
OL[type="a"] { padding: 0px 0px 0px 0px; list-style-position: outside; margin: 0.5em 0px 1em 1.5em; list-style-type: lower-alpha; }
LI { padding: 0px 0px 0px 0.5em; margin: 0px 0px 0.45em 0px; line-height: 1.1em; }
DL { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
DT { padding: 0px 0px 0px 0px; font-weight: bold; margin: 0.5em 0px 0.25em; }
DD { padding: 0px 0px 0.25em 1em; margin: 0px 0px 0px 0px; }
PRE { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

FORM { padding: 0px 0px 0px 0px; margin: 0.2em 0px .2em 0px; }
LABEL { display: inline; font-size: 0.9em;}
FIELDSET { padding: 0.5em 1em 0.5em 1em; margin: 0.25em 0px 1em; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #000000;}
SELECT { font: 99% corbel,arial,helvetica,clean,sans-serif; }
INPUT { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font: .85em corbel,arial,helvetica,clean,sans-serif; }
INPUT[type="submit"] { float:right; margin:.5em 0; }
INPUT[type="checkbox"] { float:right; margin:.5em 0; }
TEXTAREA { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font: .85em corbel,arial,helvetica,clean,sans-serif; }
/* INPUT:focus, TEXTAREA:focus, SELECT:focus { border:1px solid #587a41;} */

TABLE { margin: 0.25em 0px 1em 0px; }
TH { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-style: normal; font-size: 1.1em; text-align: center; font-weight: bold; }
TD { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-style: normal; font-size: 0.9em; text-align: left;}

.offer { border-spacing: 0; border-width: 0px 0px 0px 0px; margin: 1px 1px 1px 1px; border-style: solid; border-color: #24536c; }
.offer * TH { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #24536c; margin: 1px 1px 1px 1px; background-color: #77aaaa; color: #06354e; }
.offer * TD { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #77aaaa; margin: 1px 1px 1px 1px; background-color: #c1d6cc; color: #000000; }

.offer-two { border-spacing: 0; border-width: 0px 0px 0px 0px; margin: 1px 1px 1px 1px; border-style: solid; border-color: #24536c; }
.offer-two * TH { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #bdb77e; margin: 1px 1px 1px 1px; background-color: #e0dbaa; color: #06354e; }
.offer-two * TD { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #bdb77e; margin: 1px 1px 1px 1px; background-color: #ebe9cc; color: #000000; }

P {font-size: .85em; 	padding: 0px 0px 0px 0px; margin: 0.25em 0px 1em; line-height: 1.35em; }
BLOCKQUOTE { padding: 0px 0px 0px 0px; margin: 1em 2em 1em 1em; }
ADDRESS { font-weight: normal; font-style: normal; }
CAPTION { font-weight: normal; font-style: italic; text-align: left; }
CITE { font-weight: normal; font-style: italic; }
CODE { font: 100% monospace; }
DFN { font-weight: normal; font-style: italic; }
EM { font-style: italic; }
STRONG { font-weight: bold; }
VAR { font-weight: normal; font-style: normal; }
Q:unknown { content: ''; }
ABBR { border-width: 0px 0px 1px 0px; border-bottom: #333 1px dotted; cursor: help; }
ACRONYM { border-width: 0px 0px 1px 0px; border-bottom: #333 1px dotted; cursor: help; }
PRE { font: 100% monospace; margin: 0.25em 0px 1em; line-height: 1.35em; }
LEGEND { font-weight: bold; color: #000; }

H1 { font-weight: bold; color: #214426; padding: 0px 0px 0px 0px; margin: 0.35em 0px 0.7em 0px; line-height: 1.1em; font-size: 1.4em; }
H2 { font-weight: bold; color: #587a41; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px; line-height: 1.1em; font-size: 1.1em; }
H3 { font-weight: bold; color: #790000; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px; line-height: 1.1em; font-size: 1.2em; }
H4 { font-weight: bold; color: #06354e; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px; line-height: 1.1em; font-size: 1.1em; }
H5 { font-weight: bold; color: #24536c; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px; line-height: 1.1em; font-size: 1em; }
H6 { font-weight: bold; color: #790000; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px; line-height: 1.1em; font-size: 0.9em; }
H7 { font-weight: bold; color: #000000; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px; line-height: 1.1em; font-size: 0.8em; }

/* ID CONTAINERS */
#header {
position: relative;
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		text-align: left;
		width: 960px;
		height: 126px;
		background: transparent url(/images/headerbar_bg.png) no-repeat;
}

#logo				{
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 0px 4px;
		float: left;
}

#logo img {
		border: 0px;
		float: left;
}

#hours				{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		top: 31px;
		left: 315px;
		position: absolute;
		font: 12px/1.4 Arial, Helvetica, sans-serif;
		text-align: left;
		color: #ffffff;
		float: left;
}

#header_contact		{
		position: absolute;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 378px;
		height: 80px;
		top: 26px;
		right: 146px;
}

#header_contact img {
		border: 0px;
}

#language_selection {
		width: 63px;
		height: 63px;
		position: absolute;
		top: 47px;
		right:5px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
}

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
	z-index: 500;
   display: none; /* keeps the popup hidden if no JS available */
	width: 480px;
	margin: 13px 0px 0px 10px;
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3+, Chrome */
	border-radius: 8px; /* Opera 10.5, IE 9 */
	/* behavior: url(/scripts/border-radius.htc);  IE 7 & 8*/
    color:#000000;
	border-left: 1px solid #22476f;
	border-right: 1px solid #22476f;
	border-bottom: 1px solid #22476f;
	border-top: 1px solid #22476f;
	background: #dfedf4;
}
.popup h1 {
	font-weight: bold; color: #054e7b; padding: 0px 0px 0px 0px; margin: 0.2em 0px 0.2em 0px; line-height: 1.1em; font-size: 1.2em;
}

#container { width: 960px; margin: 0px auto; text-align: left; display: inline-block; position: relative; }
#container:unknown { HEIGHT: 0px; clear: both; display: block; visibility: hidden; content: "."; }
* HTML #container { HEIGHT: 1%; display: block; }

#left {  width: 176px;
margin: 13px 0px 0px 0px;
padding: 12px 12px 12px 12px;
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
		/* behavior: url(/scripts/border-radius.htc);  IE 7 & 8*/
          background: #054e7b;
          color: #000000;
          float: left;
          }
#left a				{  }
#left a:link		{ color: #ffffff;  text-decoration: none;  }
#left a:visited	{ color: #efefef;  text-decoration: none;  }
#left a:hover		{ color: #ef910b; }
#left a:active		{ color: #ef910b; }

#left h1						{ 
		font: normal normal bold 22px/1.4 Arial, Helvetica, sans-serif;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color:#ef910b;
}
#left H2 { font-family: Verdana, Arial, Helvetica, Sans-serif; color:#ef910b; }
#left ul						{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style: none inside none;
}
#left ul li	a				{
		font: normal normal bold 1em/1.4 Arial, Helvetica, sans-serif;
		list-style: none inside none;
		margin: 0px 0px 0px 5px;
		padding: 0px 0px 0px 5px;
}

#left ul li				{
		font: normal normal normal 1em/1.4 Arial, Helvetica, sans-serif;
		list-style: none inside none;
		margin: 0px 0px 0px 5px;
		padding: 0px 0px 0px 5px;
}
#left ul	li ul				{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}
#left ul li ul li			{
		font: normal normal normal .9em/1.4 Arial, Helvetica, sans-serif;
		list-style: disc inside none;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 5px;
}
#left ul	li ul li ul		{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}
#left ul li ul li ul li	{
		font: normal normal normal .9em/1.4 Arial, Helvetica, sans-serif;
		list-style: square inside none;
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 0px 5px;
}

#left ul li ul li ul li ul li	{
		display: none;
}

* HTML #left { width: 176px; }

#center { width: 518px;
margin: 13px 0px 0px 10px;
padding: 10px 10px 10px 10px;
float: left;
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
		/* behavior: url(/scripts/border-radius.htc);  IE 7 & 8*/
          background: #ffffff;
		color:#000000;
		border-left: 1px solid #85c2dd;
		border-right: 1px solid #85c2dd;
		border-bottom: 1px solid #85c2dd;
		border-top: 1px solid #85c2dd;
		}
* HTML #center { width: 478px; }

#center * LABEL { font-weight: bold; font-size: .7em; width: 120px; text-align: right; float: left; }
#center * INPUT { margin: 2px 5px 2px 5px; font-size: .85em; float: left; }
#center * INPUT[type="submit"] { width: 120px; margin: 2px 10 px 2px 10px; float: left; color: #ffffff; background-color: #587a41; font-family: Verdana, Arial; font-size: .85em; font-weight:bold; }
#center * INPUT[type="reset"] { width: 120px; margin: 2px 10 px 2px 10px; float: left; color: #ffffff; background-color: #587a41; font-family: Verdana, Arial; font-size: .85em; font-weight:bold; }
#center > HR { width: 400px; margin-top: 5px; margin-bottom: 5px; color: #24536c; text-align: center; background-color: transparent; height: 2px; width: 100%; }
#center > P {font-size: .8em; 	padding: 0px 0px 0px 0px; margin: 0.25em 0px 1em; line-height: 1.35em; }
#center > H1 { font-weight: bold; color: #054e7b; padding: 0px 0px 0px 0px; margin: 0.35em 0px 0.7em 0px; line-height: 1.1em; font-size: 1.2em; }
#center > H2 { font-weight: bold; color: #1fa83f; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 1.0em; }
#center > H3 { font-weight: bold; color: #790000; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 0.9em; }
#center > H4 { font-weight: bold; color: #06354e; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 0.85em; }
#center > H5 { font-weight: bold; color: #24536c; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 0.8em; }
#center > H6 { font-weight: bold; color: #790000; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 0.75em; }
#center > H7 { font-weight: bold; color: #000000; padding: 0px 0px 0px 0px; margin: 0.5em 0px 0.25em 0px;; line-height: 1.1em; font-size: 0.7em; }
#center LI { font-size: .85em; padding: 0px 0px 0px 0.5em; margin: 0px 0px 0.45em 0px; line-height: 1.3em; }

#mediaspace {
	width: 480px;
	margin: 10px 19px 10px 19px;
}

#mediaspace2 {
	width: 480px;
	margin: 10px 19px 10px 19px;
}

#right { float: left;
width: 178px;
margin: 13px 0px 0px 10px;
padding: 10px 10px 10px 10px;
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
		/* behavior: url(/scripts/border-radius.htc);  IE 7 & 8*/
          background: white url(../images/sidebar_bg.png) repeat-x top;
          color: #000000;
		border-left: 1px solid #ef910b;
		border-right: 1px solid #ef910b;
		border-bottom: 1px solid #ef910b; }

#right h1				{
		font: bold 14px Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
		padding: 6px 0px 0px 6px;
		margin: 10px -10px 0px -10px;
		color: #ffffff;
		background:#ef910b;
		width:192px;
		min-height:25px;
		text-align: center;
		}
#right h2				{
		font: bold 1em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 3px 0px;
		color: #000000;
		}
#right p           {
		font: normal normal normal 0.9em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin: 8px 0px 6px 0px;
		color: #000000;
		} 

#right .question           {
		font: normal normal bold 0.8em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin: 8px 0px 6px 0px;
		color: #000000;
		}
#right .question a          {
		color: #054e7b;
		}

#right .answer           {
		font: normal normal bold 0.8em/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin: 8px 0px 6px 0px;
		color: #000000;
		}
				
* HTML #right { width: 178px; }

#footer { width: 948px; clear: both; background: transparent; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; line-height: 1.6em; font-size: .75em; display: inline-block;  text-align: center;  }
#footer > A:link { color: #214426; }
#footer > A:visited { color: #214426; }
#footer > A:hover { color: #587a41; }
#footer > A:active { color: #587a41; }

#copyright { width: 950px; clear: both; color: #000000; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; font-size: .75em; display: inline-block;  text-align: center;   }

/* CLASS CONTAINERS */

.code { font-FAMILY: courier,sans-serif; }

.breadcrumbs { font-size: 0.7em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.breadcrumbs A:link { color: #587a41; }
.breadcrumbs A:visited { color: #587a41; }
.breadcrumbs A:hover { color: #06354e; }
.breadcrumbs A:active { color: #06354e; }

.leftmenu { padding: 0px 0px 0px 0px; margin: 0px auto; list-style-type: none; display: inline-block; }
.leftmenu > LI { font-family: Arial, Verdana, Helvetica, Sans-serif;  text-transform: none;  font-weight: bold;  font-size: .8em; margin: 3px 0px 3px 5px; padding: 3px 0px 0px 0px;}
.leftmenu > LI > A:link { color: #214426; text-decoration: none; }
.leftmenu > LI > A:visited { color: #35583a; text-decoration: none; }
.leftmenu > LI > A:hover { color: #032608; }
.leftmenu > LI > A:active { color: #032608; }
.leftmenu * UL { padding: 0px 0px 0px 0px; margin: 0px 5px 0px 5px; list-style-type: none; display: inline-block; }
.leftmenu * LI { font-family: Arial, Verdana, Helvetica, Sans-serif; text-transform: none; font-weight: bold;  font-size: .92em; margin: 3px 0px 3px 10px; }
.leftmenu * LI > A:link { color: #587a41; text-decoration: none; }
.leftmenu * LI > A:visited { color: #44662d; text-decoration: none; }
.leftmenu * LI > A:hover { color: #214426; }
.leftmenu * LI > A:active { color: #214426; }

.copyright { width: 950px; clear: both; background-color: #8b854c; color: #ffffff; border-top: #8b854c 1px solid; border-bottom: #8b854c 1px solid; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; font-family: Verdana, Arial; font-size: 1em; }

.footer-utility > A:link { color: #8a854e; }
.footer-utility > A:visited { color: #8a854e; }
.footer-utility > A:hover { color: #635d24; }
.footer-utility > A:active { color: #635d24; }

.footnote { font-size: 0.85em; }

.sitemap LI { font-size: 1em; padding: 0px 0px 0px 0.5em; margin: 0px 0px 0.45em 0px; line-height: 1.3em; }
.sitemap > LI { font-size: 1em; padding: 0px 0px 0px 0.5em; margin: 0px 0px 0.45em 0px; line-height: 1.3em; }
.sitemap * LI { font-size: 1em; padding: 0px 0px 0px 0.5em; margin: 0px 0px 0.45em 0px; line-height: 1.3em; }

/* ######### CSS STYLES FOR SLIDING MENU  ######### */
#myslidemenu { display: inline-block; font: bold 14px Arial, Helvetica, Verdana,sans-serif; width: 940px; height: 30px; background-color: #054e7b;  z-index: 5; text-align: center; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px;
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
		/* behavior: url(/scripts/border-radius.htc);   IE 7 & 8*/ } 
.jqueryslidemenu { font: bold 13px Arial, Helvetica, Verdana,sans-serif; width: 940px; height: 30px; background-color: #054e7b; z-index: 5; text-align: center; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px;
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
		 /* behavior: url(/scripts/border-radius.htc);   IE 7 & 8*/ }  
.jqueryslidemenu ul { margin: 0; padding: 0; text-align: left; list-style-type: none; z-index: 5; }

/*Top level list items*/
.jqueryslidemenu ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: inline; float: left; z-index: 5; }

/*Top level menu link items style*/
.jqueryslidemenu ul li a { display: block; background: #054e7b; /*background of tabs (default state)*/ padding: 7px 8px 8px 8px; color: #ffffff; text-decoration: none; }
* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited { color: white; }
.jqueryslidemenu ul li a:hover { background: #5597b9; /*tab link background during hover state*/ color: white; }
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; z-index: 5; }

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li { display: list-item; float: none; z-index: 5; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul { top: 0; z-index: 5; }

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a { font: normal 12px Arial, Helvetica, Verdana,sans-serif; width: 150px; /*width of sub menus*/ height: 12px; padding: 4px 5px 4px 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #054e7b; }
.jqueryslidemenu ul li ul li a:link { /*sub menus hover style*/ background: #ffffff; color: #054e7b; }
.jqueryslidemenu ul li ul li a:visited { /*sub menus hover style*/ background: #ffffff; color: #054e7b; }
.jqueryslidemenu ul li ul li a:hover { /*sub menus hover style*/ background: #5597b9; color: #ffffff; }
.jqueryslidemenu ul li ul li a:active { /*sub menus hover style*/ background: #5597b9; color: #ffffff; }

/* This hides any third-level menu items */
.jqueryslidemenu ul li ul li ul li ul li { display: none; }
.jqueryslidemenu ul li ul li ul li ul li a { display: none; }

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position: absolute; top: 12px; right: 3px; z-index: 5; }
.rightarrowclass { position: absolute; top: 8px; right: 3px; z-index: 5; }
