/* index.css
Designed by Matt Pekjon - pgdm.com*/
body {
  background-color:#453a28;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#564b47;
  padding:0px;
  margin:0px;}

#container{
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding:10px;
width:751px;
height:auto;
background-color:transparent;
z-index:0;
}

#header{
text-align: center;
margin-top:5px;
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
padding-top:0px;
background:url(../img/logo.png) no-repeat center;
width:620px;
height:516px;
}
#header h1{
 color:#83744d;
 font-size: 18px;
 padding-top:270px;
 letter-spacing: 8px;
}


/* CONTENTS */
#content{
margin:0px auto;
z-index:10;
background-color:transparent;
z-index: 0;
width:690px;
height:300px;
color:white;
padding:5px;
text-align: center;
border-bottom: 1px dotted #83744d;
}

/*navigations */
#nav{
position:relative;
margin:10px auto;
padding:0px auto 0px auto;
background-color:#83744d;
border-top: 1px solid  #000000;
width:690px;
height:20px;
color:white;
z-index:100;
text-align:center;
}
#sub_nav{
	position:relative;
	margin:5px auto 5px;
	background-color:transparent;
	z-index:0;
	width:690px;
	height:10px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	color:#CC5200;
	padding:5px;
	text-align:right;
   }
#sub_nav a{ color:#cc5200; text-decoration:none; font-size:10px;}   
#sub_nav a:active {color:#cc5200;}
#sub_nav a:hover {color:#ff9618;}
#sub_nav a:visited{color: #FFFF99;}

#service{
position:relative;
margin:10px auto 10px auto;
background-color:transparent;
width:694px;
height:100px;
color:#cc5200;
padding:0px;
text-align:center;
border-right: 1px solid  #CC5200;
border-bottom: 1px solid  #CC5200;
border-top: 1px solid  #CC5200;
border-left: 1px solid  #CC5200;
}
#events{
position:relative;
margin:10px auto 5px;
background-color:transparent;
z-index:0;
width:690px;
height:auto;
color:#cc5200;
padding:3px;
text-align:left;
border-right: 1px solid  #CC5200;
border-bottom: 1px solid  #CC5200;
border-top: 1px solid  #CC5200;
border-left: 1px solid  #CC5200;
}
#story{
position:relative;
margin:10px auto 5px;
background-color:transparent;
z-index:0;
width:690px;
height:auto;
color:#cc5200;
padding:3px;
text-align:left;
border-right: 1px solid  #CC5200;
border-bottom: 1px solid  #CC5200;
border-top: 1px solid  #CC5200;
border-left: 1px solid  #CC5200;
}
#story p{
padding-left:40px;
color:#ff9618;
text-align:left;
}
#story h1{
	font-size: 1.2em;
	font-family: "Times New Roman", Times, serif;
	font-weight:bolder;
	letter-spacing: 5px;
	text-transform:uppercase;
	word-spacing: 0px;
	text-align: left;
	color: #CC5200;
	padding-left: 10px;
	padding-top: 5px;
}


#story h2{
	font-size: 10px;
	font-family: "Times New Roman", Times, serif;
	font-weight:bolder;
	letter-spacing: 5px;
	text-transform:uppercase;
	word-spacing: 0px;
	text-align: left;
	color: white;
	padding-left: 10px;
	padding-top: 5px;
}
#story ul li {
color:#cc5200;
padding:5px 2px 2px 3px;
}
#story img{
margin: 5px;
border:1px solid #ff9618;
}
#story a{color:#ffffff;}
#story a:link a:visited{color:#ffffff;}
#story a:hover{color:#f26100;}


#footer{
position:relative;
margin:5px auto 2px;
background-color:transparent;
z-index:0;
width:690px;
height:20px;
font-size:11px; 
font-family: Verdana,arial,Helvetica,Serif; 
color:#cc5200;
padding:2px;
text-align:center;
}

#sitemap{
position:relative;
margin:5px auto 2px;
border-top:1px dashed #cc5200;
background-color:transparent;
z-index:0;
width:690px;
height:20px;
font-size:11px; 
font-family: Verdana,arial,Helvetica,Serif; 
color:#cc5200;
padding:2px;
text-align:center;
}
#sitemap a{
font-size:12px; 
font-family: Verdana,arial,Helvetica,Serif; 
color:#cc5200;
padding:2px;
text-align:center;


}
#downloads{
position:relative;
margin:5px auto 2px;
background-color:transparent;
z-index:0;
width:690px;
height:20px;
color:#cc5200;
padding:2px;
text-align:center;
border-bottom: 1px solid #CC5200;
}
#downloads a:link{ 
padding:2px;
height:20px;
line-height:30px;
color:#f26100; 
font-size:11px; 
font-family: Verdana,arial,Helvetica,Serif; 
background-color:#732e00;}
#downloads a:hover{ 
height:20px;
line-height:30px;
color:#ffffff; 
font-size:11px; 
font-family: Verdana,arial,Helvetica,Serif; 
background-color:#1c1109;}


#pgdm{
position:relative;
margin:2px auto 2px;
background-color:transparent;
z-index:0;
width:690px;
height:10px;
font-size: 8px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#A7A7A7;
padding:5px;
text-align:center;
}
#pgdm a{ color:#cc5200; text-decoration:none; font-size:8px;}   
#pgdma:active {color:#cc5200;}
#pgdm a:hover {color:#ff9618;}
#pgdm a:visited{color: #FFFF99;}
p, h1 {
margin: 0px;
padding: 10px;
}
h1 {
font-size: 2em;
font-family: "Times New Roman", Times, serif;
font-weight:bolder;
letter-spacing: 5px;
text-transform:uppercase;
word-spacing: 2px;
text-align: center;
color: white;
background-color: transparent;

}

a {
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}

.cleared{clear:left;}

 /* begin menu */
.menu {
  margin: 0px auto 0px auto;
  text-align:center;
   }
.menu ul li{
  list-style: none;
}

.menu ul {
	margin: 0px auto 0px auto;
	padding: 0em;
	line-height:100px;
  }
.menu li {
  float: left;
  margin: 0px 0px;
  padding-right: 0px;
  list-style:inline;
  height: 100px;
  width: 230px;
  margin-bottom: 10px;
  text-align: center;
  background-color: transparent;
  border-left: 1px solid #cc5200;
  }
.menu li a {
  display: block;
  text-decoration: none;
   background: url("../img/down.png") no-repeat center;
  height: 100px;
  width: 230px;
  color: #cc5200;
  font-weight: bold;
  text-align: center;
  border: 1px none #cc5200;
  line-height: 100px;
  font-family: "Times New Roman", Times, serif;
  font-size: 24px;

  }
.menu li a:link {
  background: url("../img/down.png") no-repeat center;
  height: 100px;
  width: 230px;
  color: #cc5200;
  font-weight: bold;
  text-align: center;
  border: 1px none #cc5200;
  line-height: 100px;
  font-family: "Times New Roman", Times, serif;
  font-size: 24px;
  }

.menu li a:hover {
  background: url("../img/over.png") no-repeat center;
  color: #ff9618;
  font-weight: normal;
  text-align: center;
  } /* end menu */