@charset "UTF-8";
/* CSS Document */


* { font-size:100%; margin:0; padding:0;}
table { border:0; border-collapse: collapse; border-spacing: 0;}
img {border:0;}

body {
background: #000 url(i/bg1.jpg) repeat-x 50% 0;
color: #fff;
text-align: center;
font: bold 14px/140% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
min-width: 980px;
}

#outer {
width: 100%;
height: 586px;
background: url(i/bg2.jpg) no-repeat 50% 0;
overflow: visible;
}

#wrap {
width: 960px;
margin: 0 auto;
overflow: hidden;
text-align: left;
background: #000;
}

#head {
width: 960px;
height: 113px;
overflow: hidden;
background: #000 url(i/bg-head.jpg) no-repeat 0 0;
}
#logo {
width: 300px;
height: 100px;
float: left;
}
  #logo a {
  width: 300px;
  height: 100px;
  float: left;
  }
  #logo a span {
  display: none;
  }

#tag {
width: 600px;
padding: 66px 0 0 40px;
float: left;
}


/* TOP MENU */


#tnav {
width: 816px;
height: 36px;
padding: 5px 0 0 144px;
background: #000 url(i/bg-nav.jpg) no-repeat 0 0;
text-align: center;
font-weight: bold;
}

#tnav ul {
margin: 0;
padding: 0;
}

#tnav ul li {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#tnav ul li a {
display: block;
margin: 0;
padding: 0 42px 0 16px;
background: url(i/bg-nav-rt.gif) no-repeat 100% 0;
line-height: 23px;
color: #fff;
text-decoration: none;
white-space: nowrap;
}
  #tnav ul li.last a {
  background: none;
  }

#tnav ul li a:hover, #tnav ul li a:focus {
color: #f42;
text-shadow: #000 1px 1px 2px;
}

#toparea {
width: 920px;
height: 280px;
padding: 20px;
background: url(i/bg-toparea.jpg) no-repeat;
}

#toparea-left {
float: left;
width: 300px;
}
#toparea-right {
float: left;
width: 620px;
height: 280px;
}
#toparea-photos {
width: 566px;
height: 232px;
padding: 24px 27px;
background: url(i/topPhotosBG.png) no-repeat 0 0;
}

#maincontent {
background: url(i/content-repeat.gif) repeat-y 0 0;
clear: both;
}

#maincontent1 {
padding: 20px;
background: url(i/content-top.gif) no-repeat 0 0;
}
#maincontent2 {
background: url(i/content-btm.gif) no-repeat 0 0;
clear:both;
width: 960px;
height: 2px;
}

.column-one, .column-two {
float: left;
width: 48%;
}
.column-one {
padding-right: 3%;
}

/* LEFT MENU */

#leftnav {
margin: 0;
padding: 0;
font-weight: bold;
}

#leftnav li {
margin: 8px 0;
padding: 0;
list-style: none;
}

#leftnav li a {
display: block;
width: 183px;
height: 25px;
padding: 0 14px 0 20px;
line-height: 24px;
color: #fec;
background: url(i/left-nav.gif) no-repeat 0 0;
text-decoration: none;
text-shadow: #000 1px 1px 2px;
}

#leftnav li a:hover, #leftnav li a:focus {
background-position: 0 100%;
color: #fff;
text-shadow: #036 1px 1px 2px;
}

#leftnav li ul {
display: none;
margin: 0 0 0 14px;
padding: 0;
}
  #leftnav li.leftnav_active ul {
  display: block;
  }

#leftnav li ul li {
margin: 0;
padding: 0;
}

#leftnav li ul li a {
display: inline;
margin: 0;
padding: 0;
background: none;
width: auto;
height: auto;
line-height: 130%;
}

#leftnav li ul li a:hover,
#leftnav li ul li a:focus {
border-left: 16px solid #c22;
padding-left: 10px;
color: #fff;
text-shadow: #000 1px 1px 2px;
}

#footer {
margin: 6px 0 0 0;
overflow: hidden;
text-align: right;
font-weight: bold;
font-size: 0.9em;
}
#footer hr {
margin: 10px 0;
}


/* typography */

a {
text-decoration: none;
color: #f90;
outline: none;
}
a:hover, a:focus {
text-decoration: underline;
color: #fc3;
}

h1 {font-size: 2em;
line-height: 140%;
margin: 0 0 10px 0;
color: #fff;
font-variant: small-caps;
}
h2 {font-size: 1.6em;
line-height: 150%;
color: #fff;
}
h3 {font-size: 1.4em;
line-height: 130%;
}
h4 {font-size: 1.2em;
line-height: 130%;
padding: 6px 0;
}
h5 {font-size: 1.1em;
line-height: 130%;
padding: 6px 0;
}
h6 {font-size: 1.1em;
line-height: 130%;
padding: 6px 0;
}
p{padding:0.6em 0}
blockquote { margin: 4px 20px;}
ol {
padding: 4px 2.5em;
}
ul {padding: 4px 1em;}
ul li {
padding: 0;
margin: 2px 0 4px 0;
}



/* Assignable */
.clr {clear: both;}
.clear {clear: both; height:1px; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.float-lft {float:left; padding-right: 6px;}
.float-rt {float:right; padding-left:6px;}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger{font-size:larger;}