/*   reset   */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
font-family: Tahoma, sans-serif;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight: bold;
}
q:before,q:after {
content:'';
}
abbr,acronym { 
border:0;
}
html {
height: 100%;
overflow-y: scroll;
}



/*   base   */

html {
height: 100%;
overflow-y: scroll;
background: #fafafa;
}
body {
height: 100%;
color: #111;
font-size: 13px;
min-width: 990px;
max-width: 1024px;
margin: 0 auto;
}

h1, h2, h3 {
color: #ff6600;
font-family: Verdana, sans-serif;
font-size: 105%;
margin: 0.5em 0;
}
h1 {
margin: 1.5em 0 0.75em;
text-transform: uppercase;
}
h2 {
color: #ff6600;
font-size: 100%;
font-weight: bold;
}
h2 a {
color: #ff6600;
}
h3 {
color: #000000;
margin-top: 1em;
font-size: 100%;
}

a {
color: #002a70;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

p, dt, dd {
margin-bottom: 1em;
line-height: 1.4;
overflow: hidden;
}
dt {
color: #183884;
margin-bottom: 0.5em;
}
dl {
margin: 0 0 1.5em 0;
}
dd {
margin-left: 2em;
font-style: italic;
}


form i {
font-style: normal;
display: block;
}
input, textarea {
font-size: 1em;
width: 20em;
padding: 1px;
}
.submit, label input {
width: auto;
}
.submit {
padding: 0.15em 0.5em;
}

.clear {
clear: both;
line-height: 0;
}

.uppercase {
font-weight: bold;
letter-spacing: 0px;
}



/*   structure   */

#out {
min-height: 100%;
background: #fff url(/img/out-bg.png) repeat-y;
background-position: 18em 0;
overflow: hidden;
}


#left {
float: left;
width: 19em;
padding: 0 0 250px 0;
}

#logo {
padding: 3.5em 0.5em 4.5em;
}
#logo img {
width: 173px;
height: 43px;
background: url(/img/logo.png) no-repeat;
}


#right {
margin-left: 20em;
padding: 0 0 50px 0;
}
#right .visual {
height: 170px;
background: #f80 url(/img/visual.jpg) no-repeat;
}
#right .visual p {
color: #fff;
margin-left: 43em;
padding: 1em 0.5em 0;
text-align: center;
}


#menu ul {
color: #333;
margin: 0 0 0 1.5em;
}
#menu a {
color: #333;
text-decoration: none;
}
#menu a:hover {
text-decoration: underline;	
}
#menu ul ul {
margin: 0.25em 0 0 -1.35em;
}
#menu li {
text-transform: uppercase;
background: url(/img/menu-li.png) no-repeat;
background-position: 0.45em 0.7em;
padding: 0.3em 0 0.3em 1.5em;
}
#menu li.active {
background-image: url(/img/menu-li-active.png);
background-position: 0 0.35em;
}
#menu li li {
color: #f80;
text-transform: none;
background-position: 0.7em 0.7em;
padding: 0.2em 0 0.2em 1.5em;
}
#menu li li.active {
background: url(/img/menu-li.png) no-repeat;
background-position: 0.7em 0.7em;	
}
#menu li li a {
color: #666;
}


#content {
overflow: hidden;
padding: 1em 0 0;
position: relative;
z-index: 50;
}
#content .content {
margin-right: 16em;
}
#content ul, #content ol {
margin: 0 0 0.5em 1em;
}
#content li {
background: url(/img/li.png) no-repeat;
background-position: 0 0.5em;
margin-bottom: 0.25em; 
padding-left: 0.75em;
}
#content p {

}
#content img {
margin: 0.5em 1em;
}

#ads {
float: right;
padding: 1em 0 0 1em;
}


#footer {
clear: both;
width: 18em;
height: 260px;
position: relative;
z-index: 25;
margin-top: -260px;
}
#footer .visual {
height: 100%;
background: url(/img/footer-visual-bg.png) repeat-x;
background-position: 0 24px;
}
#footer .visual div {
height: 100%;
background: url(/img/footer-visual.png) no-repeat;
background-position: 50% 0;
}
#footer .visual p {
color: #009;
padding: 11.5em 0 0 0;
text-align: center;
}

#copyright {
clear: both;
height: 25px;
position: relative;
z-index: 50;
margin-top: -25px;
}
#copyright .links {
float: left;
width: 18em;
height: 100%;
color: #fff;   
background: #183884;
text-align: right;
}
#copyright .links ul {
list-style: none;
margin: 4px 0.5em;
}
#copyright .links li {
display: inline;
margin: 0 0.25em;
}
#copyright .copyright {
margin-left: 20em;
color: #999;
}
#copyright p {
margin-bottom: 0;
}

.slide_item {
float: left;
}

#content .pager ul {
list-style: none;
}
#content .pager li {
background: none;
float: left;
}
#content .pager li.active {
font-size: 110%;
}
#content .pager a {
padding: 0 0.5em;
}