/* --- Init --- */

html, body, div, span, object, img, 
h1, h2, h3, h4, h5, h6, p, a, 
small, em, strong, b, i, u, 
dl, dt, dd, ol, ul, li, table, tr, th, td, 
form, label, input, textarea, 
blockquote, cite {
  background : transparent;
  border : 0;
  font-size : 100%;
  list-style : none;
  margin : 0;
  outline : 0;
  padding : 0;
}

h1, h2, h3, h4, h5, h6 {
  color : #004550;
  font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size : 16px;
  font-weight : bold;
}

a {
  border : none;
  color : #000000;
  text-decoration : underline;
}

a:hover {
  border : none;
  color : #000000;
  text-decoration : none;
}

div, span, img {
  behavior : url("iepngfix.htc");
}

/* --- Main --- */

html {
  background : #004550 url(./images/background.jpg) top center no-repeat;;
}

body {
  font-family : Tahoma, Arial, Helvetica, sans-serif;
  font-size : 12px;
  line-height : 1.25;
  margin : 0 0 25px 0;
  text-align : center;
}

#container {
/*position : relative;*/
  width : 800px;
/*background : url(./images/fade_side.png) repeat-y;*/
  margin : 0 auto;
  text-align : center;
}

#container_inner {
  /*position : relative;*/
  width : 764px;
  margin : 0 auto;
  /*text-align : center;*/
}

#header {
  position : relative;
  /*left : 18px;*/
  width : 800px;
  height : 55px;
  background : #EEEEEE url(./images/header.jpg) 0 0 no-repeat;
  margin : 0 0 0 0;
}

#nav {
  position : absolute;
  width : 486px;
  height : 40px;
  top : 11px; right : 0; bottom : 0; left : 160px;
  text-align : center;
}

#nav ul {
  list-style : none;
}

#nav ul li {
  float : left;
}

#nav a {
  float : left;
  width : 61px;
  height : 30px;
  background : url(./images/btn.jpg) 0 0 no-repeat;
  color : #999999;
  display : block;
  font-size : 11px;
  overflow : hidden;
  padding : 5px 10px;
  text-decoration : none;
  text-transform : uppercase;
}

#nav a:hover {
  color : #004550;
}

#banner {
  width : 800px;
  height : 325px;
  margin : 0 0 0 0;
}

#home #banner {
  background : url(./images/banner1.jpg) 0 0 no-repeat;
}

#menu #banner {
  background : url(./images/banner1.jpg) 0 0 no-repeat;
}

#about #banner, #events #banner {
  background : url(./images/banner2.jpg) 0 0 no-repeat;
}

#functions #banner {
  background : url(./images/banner4.jpg) 0 0 no-repeat;
}

#contact #banner {
  background : url(./images/banner3.jpg) 0 0 no-repeat;
}

#content {
  float : left;
/*position : relative;*/
  width : 764px;
  background : url(./images/fade_side.png) 0 0 repeat-y;
  color : #666666;
  text-align : left;
padding : 0 18px 0 18px;
}

#main {
  float : left;
/*position : relative;*/
  width : 754px;
background : #FFFFFF url(./images/bg-content1.gif) 0 0 repeat-y;
  color : #666666;
padding : 0 5px 0 5px;
}

#home #main {
background : #FFFFFF url(./images/bg-content3.gif) 0 0 repeat-y;
}

#functions #main {}

#main p {
  margin : 0 0 10px 0;
}

#main h2 {
  margin : 0 0 10px 0;
}

#main h3 {
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bold;
  margin : 0 0 5px 0;
}

#main ol, #main ul {
  font-weight : bold;
  margin : 0 0 10px 0;
}

#main ol li, #main ul li {
  list-style : url(./images/confirm.jpg);
  margin : 0 0 0 25px;
}

table {
  /*margin : 0 0 10px 0;*/
}

.mid-1, .left-2, .right-2, .left-3, .mid-3, .right-3 {
  float : left;
  position : relative;
  padding : 0 10px 0 10px;
/*background:#eee;*/
text-align:justify;
}

.mid-1 {
  width : 734px;
}

.left-2 {
  width : 350px;
}

.right-2 {
  width : 357px;
  left : 0;
}

.left-3 {
  width : 265px;
}

.mid-3 {
  width : 265px;
  left : 0;
}

.right-3 {
  width : 155px;
  left : 0;
}

#footer {
  /*position : relative;*/
  width : 750px;
  height : 46px;
  background : url(./images/footer.png) 0 0 no-repeat;
  color : #999999;
  font-size : 11px;
padding : 20px 25px 0 25px;
  clear : both;
}

#footer p {
  color : #000000;
}

#footer a {
  color : #999999;
  text-decoration : underline;
}

#footer a:hover {
  color : #004550;
  text-decoration : none;
}

#contact_form p, #contact_form label, #contact_form label strong {
  font-weight : normal;
}

#contact_form input, #contact_form textarea {
  background : #FFFFFF;
  border : 1px solid #DDDDDD;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 11px;
}

/*
#contact_firstname, #contact_lastname, #contact_email, #contact_phone, #contact_message {
  background : #FFFFFF;
}
*/

#contact_form #contact_submit {
  background : #FFFFFF;
  border : 1px solid #DDDDDD;
  color : #999999;
  font-size : 11px;
  padding : 0 5px;
}

#contact_form #contact_submit:hover {
  background : #FFFFFF;
  border : 1px solid #DDDDDD;
  color : #004550;
  font-size : 11px;
  padding : 0 5px;
}

#menu .mid-1 a {
  width : 720px;
  height : 40px;
  background-image : url(./images/tab.jpg);
  background-position : 0 0;
  background-repeat : no-repeat;
  color : #CFF6FF;
  display : block;
  font-size : 24px;
  list-style : none;
  overflow : hidden;
  padding : 5px 10px;
  text-decoration : none;
  text-transform : uppercase;
}

#menu .mid-1 a:hover {
  background-image : url(./images/tab.jpg);
  background-position : 0 -100px;
  background-repeat : no-repeat;
}