@charset "utf-8";

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
font-weight:inherit;
font-style:inherit;
font-family:inherit;
text-align:left;
}

/********************************************************
 Modify the styles below to customize your site's design. 
 ********************************************************/

/* base styles */
body{
text-align:center; /* for centering layouts (remove if not desired) */
font-family:Arial, Helvetica, sans-serif; /* base font */
font-size:12px;                           /* base font-size */
color:#fff;
background:#000 url(images/bg-tile.png) 0 0 repeat-x;
}

#wrap{
/* next 3 styles for centering layouts (remove if not desired) */
text-align:left;
width:800px;
margin:0 auto;
padding:0 50px;
background:url(images/page-shadows.png) 0 0 repeat-y;
}

/* By only applying the margin to the bottom, spacing between
   these common block-level elements remains consistent and
   headings can be flush with the following content if desired. */
p,ul,ol,table,form,blockquote{
margin-bottom:10px;
}

/* heading styles */
h1,h2,h3,h4,h5,h6{
color:#cf3038;
font-weight:bold;
}
h1{
font-size:24px;
font-weight:normal;
margin-bottom:7px;
margin-top:3px;
}
h2{
font-size:18px;
font-weight:normal;
}
h3{
font-size:16px;
}
h4,h5,h6{
font-size:14px;
}

/* hyperlink styles */
a{
color:#0062e2;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}

/* table styles */
td{
vertical-align:top;
}

/* A class is used for formatting tables so nothing weird happens
   when someone wants to use a table for layout. */
table.dataTable{
border: 1px solid #CCCCCC;
border-collapse:collapse;
}
.dataTable caption{
color:#06C;
font-weight:bold;
font-size:14px;
}
.dataTable tr{
}
.dataTable th, .dataTable td{
padding:5px;
}
.dataTable th{
font-weight:bold;
color:#fff;
background:#666;
}
.dataTable td{
border-bottom:1px solid #ccc;
}
.lighter{
background:#f5f5f5;
}


/* other miscallaneous styles */
address{
font-style:normal;
}
p{
}
strong,b{
font-weight:bold;
}
em,i{
color:#666;
font-style:italic;
}
hr{
height: 0;
border: 0;
border-bottom: 1px solid #ccc;
margin:10px 10px;
}
blockquote{
font-style:italic;
margin:0 20px 10px 20px;
}
img{
display:block;
}

/* common floats used for formatting and images */
.right{
float:right;
margin:0 0 10px 10px;
}
.left{
float:left;
margin:0 10px 10px 0;
}
.clear{
clear:both;
}

/* Add any other classes here. */
.center{
text-align:center;
margin-bottom:10px;
}

/* Layout */

/* header */

#logo {
background:#8b8b8b;
height:45px;
overflow:visible;
border-right:15px solid #8b8b8b;
}

#ligonco {
float:right;
margin-top:11px;
width:160px;
}

#logo h1 {
/*float:left;
width:600px;*/
background:url(images/angle.png) -100px 0 no-repeat;
}
#logo h1 a {
color:#fff;
/*float:none;*/
text-decoration:none;
position:relative;
top:7px;
left:22px;
z-index:1;
}
#logo h1 a:hover {
text-decoration:underline;
}
#logo img {
display:inline;
}

/*
#topnav, #banner, #main, #borderBottom, #footer {
position:relative;
top:-19px;
z-index:0;
}
*/


/* Top Navigation - topnav */

#topnav {
clear:both;
text-align:right;
background:#fff;
padding:14px 0 12px 0;
overflow:auto;
}
#topnav a {
display:block;
float:right;
color:#000;
font-weight:bold;
text-decoration:none;
margin:0 11px;
}
#topnav a:hover {
color:#b4262d;
}

/* banner */

#banner {
height:150px;
background:#333;
}
#banner span {
color#fff;
visibility:hidden;
}

/* content main */

#main {
width:780px;
color:#333;
background:#fff url(images/sidenav-tile.png) 0 0 repeat-y;
border:10px solid #fff;
border-width:10px 10px 0 10px;
overflow:auto;
}

#watermark {
zoom:1; /* IE 6/7 has layout */
background:url(images/watermark2.png) 10px bottom no-repeat;
min-height:300px;
}

#borderBottom {
height:11px;
background:#fff;
}

#borderBottom span {
width:181px;
border-top:1px solid #c2c2c2;
display:block;
margin-left:10px;
}

#content {
background:#fff;
width:575px;
float:right;
}

#content p, #content li {
line-height:1.7em;
}
ul.twoColumnList {
width:280px;
float:left;
}
#content li {
margin-left:22px
}

.imageBox cite {
color:#666;
font-size:11px;
display:block;
border-top:1px solid #cf3038;
margin-top:3px;
}

/* sidenav subnav leftnav */

#sidenav {
color:#333;
width:181px;
float:left;
}

#sidenav h2 {
color:#fff;
font-size:14px;
font-weight:bold;
padding:8px 0 8px 10px;
background:#6d6d6d url(images/sidenav-header-tile.png) 0 0 repeat-x;
}
#sidenav h2 a {
color:#fff;
}

#sidenav ul {
list-style:none;
margin:5px 0;
}
#sidenav li {
padding:5px 5px 5px 27px;
background:url(images/plus.png) 10px 8px no-repeat;
}
#sidenav a {
color:#333;
font-weight:bold;
text-decoration:none;
}
#sidenav a:hover {
text-decoration:underline;
}
#sidenav address, #sidenav p {
font-size:12px;
margin:0px 5px 20px 10px;
line-height:1.5em;
}
#side-text{
padding-top:10px;
background:#d2d2d2;
border-bottom:#aaa 1px solid;
border-right:#aaa 1px solid;
border-left:#aaa 1px solid;
border-top:#555 1px solid;
}
#side-text p{
font-size:11px;
}


/* footer */

#footer {
clear:both;
color:#acacac;
font-size:11px;
height:75px;
background:#000 url(images/footer-tile.png) 0 0 repeat-x;
}
#footer a {
color:#acacac;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
.footerLeft {
position:relative;
float:left;
margin:6px 0 0 10px;
}
.footerLeft a {
position:absolute;
top:22px;
}
.footerRight {
float:right;
margin:6px 10px 0 0;
}

/* Captcha Formating */
#recaptcha_switch_audio_btn{
display:none;
}