* {
  font-family: Arial;
  font-size: 1em;
}

@font-face {  
  font-family: handsean;  
	src: url( handsean.eot ); /* IE */  
	src: local("Hand Of Sean"), url( handsean.ttf ) format("truetype"); /* non-IE */  
} 

body {
  margin: 0px;
  padding: 0px;
  background: url(images/body-bg.jpg) top left repeat;
  color: #52402c;
  text-align: center;
}


#top-container {
  width: 100%;
  height: 473px;
  background: url(images/top-bg.jpg) top left repeat-x;
  text-align: center;
}

#top-logo {
  margin: 0px auto;
  width: 328px;
  height: 162px;
  background: url(images/logo.gif) top left no-repeat;
}

#flash-container {
  margin: 0px auto;
  margin-top: 15px;
  width: 865px;
  height: 285px;
  background: url(images/flash-outer-bg.gif) top left no-repeat;
/*  -moz-box-shadow: 3px 3px 3px #dbc69d;
  -webkit-box-shadow: 3px 3px 3px #dbc69d;
  box-shadow: 3px 3px 3px #dbc69d;
  /-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#dbc69d')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#dbc69d');*/
}

#content-container {
  width: 865px;
  margin: 0px auto;
  padding-top: 10px;
  text-align: left;
}

#content-left {
  width: 275px;
  float: left;
}

#content-left-larger {
  width: 825px;
  padding: 20px;
  float: left;
    background: #f2e0bd;
  opacity: .6;
  filter: alpha(opacity=60);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  -moz-box-shadow: 3px 3px 3px #b78b48;
  -webkit-box-shadow: 3px 3px 3px #b78b48;
  box-shadow: 3px 3px 3px #b78b48;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#b78b48')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#b78b48');
}

#content-right p {
  line-height: 16px;
}

#content-right {
  width: 550px;
  float: right;
  padding: 20px;
  font-size: 12px;
  background: url(images/right-bg.png) repeat;
  -moz-box-shadow: 3px 3px 3px #b78b48;
  -webkit-box-shadow: 3px 3px 3px #b78b48;
  box-shadow: 3px 3px 3px #b78b48;
  /* IE ISSUES, seems to remove background, for sean to fix
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#b78b48')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#b78b48');*/
}

#content-right a, #content-right-larger a, #content-right-location a {
  color: #004489;
	text-decoration: none;
}

#content-right a:hover, #content-right-larger a:hover, #content-right-location a:hover {
  text-decoration: underline;
}

#content-right-location {
  width: 550px;
  float: right;
  padding: 20px;
  background: #f2e0bd;
  font-size: 12px;
}

#menu-container {
  height: 30px;
  background: #004488;
  width: 100%;
  text-align: center;
}

#footer-container {
  float: left;
  height: 30px;
  background: #004488;
  width: 100%;
  text-align: center;
  clear: both;
  margin-top: 10px;
}

#footer-container a {
	text-decoration: none;
	color: #ffffff;
  font-weight: normal; 
  font-size: 12px;
  margin-right: 15px;
}

#footer-container a:hover {
	text-decoration: none;
	color: #ffffff;
  font-weight: normal;    
}
#footer {
  width: 865px;
  margin: 0px auto;
  padding-top: 4px;
}
#footer-container .footer-left {
  float: left;
}
#footer-container .footer-right {
  float: right;
 	color: #efefef;
  font-size: 11px;
  padding-top: 4px;
}


/******** Menu Style ********/
#menu-wrap {
  width: 865px;
  margin: 0px auto;
  padding-top: 4px;
  text-align: left;
}

#menu-wrap ul {
	padding: 0px;
	margin: 0px;
}
#menu-wrap li {
    display: inline;
    text-align: left;
    padding: 0px;
}

.main-menu-li {
	margin-left: 0px;
}

#menu-wrap a {
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
	padding-top: 0px;
	padding-bottom: 12px;
	position: relative;
	top: 0px;
	margin-left: 48px;
}

.menu-link-active {
	color: #ffffff;
}

.menu-link {
	color: #ffffff;
}

.sub-menu a {
	color: #ffffff;
}

#menu-wrap a:hover {
	text-decoration: none;
	color: #ffffff;
  font-weight: normal;    
}
#menu-wrap ul li { 
    position: relative;
    top: 0px;
    padding: 0 0px;
}
#menu-wrap ul ul {
    display: none;
    position: absolute;
    top: 23px;
    min-width: 130px;
    width: auto !important;
    width: 80px;
    white-space: nowrap;
    left: 20;
    margin: 0px;
    padding: 0;
    border-left: 1px solid #cfc6a5;
    border-right: 1px solid #cfc6a5;
    border-bottom: 1px solid #cfc6a5;
    background: #386292 url('images/submenu-bg.gif') top left repeat-x;
}
#menu-wrap ul ul li {
    display: block;
    position: relative;
    padding: 2px;
    text-align: left;
    width: 120px;
    margin: 0px;
}
#menu-wrap ul ul li a {
    display: block;
    margin: 0px;
	  padding: 4px;
    width: 100%;
}







h1 {
  font-family: handsean, arial;
  font-size: 24px;
  margin-top: 0px;
  padding-top: 0px;
  color: #c8a04b;
}


.head2 {
  font-family: handsean, arial;
  font-size: 20px;
  margin-top: 0px;
  padding-top: 0px;
  color: #c8a04b;
}

.element {
  font-size: 12px;
  padding: 3px 0px;
}

.error {
  color: red;
  font-size: 12px;
}