/* CSS Document */



/* container */

body {
margin:0;
padding:0;
background:#c8c5ac;
font-family:Arial, Helvetica, verdana, sans-serif, "Lucida Grande";
font-size:12px;
line-height:16px;
text-align:left;
color:#333333;
}

#wrapper {
background-color:#fff;
}

#baseshadow {
width:752px;
height:8px;
background-image:url(imgs/shadow/baseshadow.gif);
}

#rhshadow {
width:8px;
background-image:url(imgs/shadow/sideshadow.gif);
}

#lhcnrshadow {
width:8px;
height:8px;
background-image:url(imgs/shadow/lhshadow.gif);
}

#rhcnrshadow {
width:8px;
height:8px;
background-image:url(imgs/shadow/rhshadow.gif);
}


/* logo bar */

#top {
text-align:left;
background-color:#fff;
height:100px;
}

#logo {
text-align:left;
}

#logo img {
margin: 0 0 0 18px;
}


/* navigation */

#nav {
background:#5691CD;
font-size:13px;
font-weight:bold;
line-height:30px;
}

#nav a {
text-align:center;
display:block;
color:#fff;
border-right: 1px solid #ccc;
text-decoration:none;
}

#nav a:hover {
background-color:#336FAA;
}

/* breadcrumb */

#breadcrumb {
font-size:11px;
padding-left:27px;
line-height:40px;
text-align:left;
}

#breadcrumb a {
color:#39c;
text-decoration:none;
}

#breadcrumb a:hover {
color:#336FAA;
text-decoration:underline;
}

/* body area */

#content {
text-align:left;
background-color:#fff;
}

#content td {
vertical-align:top;
}

/* side and logos */

#side {
text-align:left;
width:200px;
background-image:url(imgs/sidebg.jpg);
}

#side2 {
background-image:url(imgs/sidebg.jpg);
}

#logos {
text-align:center;
}

#logos img {
margin-bottom:16px;
}


/* main content */

#main {
text-align:left;
width:560px;
padding: 0 30px 0 30px;
voice-family: "\"}\"";
voice-family:inherit;
width:500px;
}

html>#main {
width:500px;
}

#main img {
float:right;
margin:2px 0 5px 20px;
}

/* footer */
#footer {
line-height:30px;
font-size:10px;
width:560px;
padding: 10px 0 10px 30px;
voice-family: "\"}\"";
voice-family:inherit;
width:530px;
text-align:left;
}

html>#footer {
width:530px;
}

#footer a {
color:#39c;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/* text */

a {
text-decoration:none;
color:#336FAA;
}

a:hover {
text-decoration:underline;
color:#336FAA;
}

h1 {
font-size:22px;
font-weight:normal;
margin-top:5px;
color:#336FAA;
}

h2 {
font-size:16px;
font-weight:normal;
margin-top:25px;
padding-bottom:5px;
color:#336FAA;
border-bottom:1px solid #ebf5cc;
}

h3 {
font-size:13px;
font-weight:bold;
line-height:18px;
color:#336FAA;
}

h4 {
font-weight:bold;
font-size:12px;
color:#336FAA;
vertical-align:top;
}

h4+p {
margin-top:-10px;
}

h5 {
font-size:12px;
font-weight:normal;
color:#336FAA;
}

h5+p {
margin-top:-10px;
}

h4+h5 {
margin-top:-10px;
}


h6 {
font-size:12px;
font-weight:bold;
}

#side h6 {
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

/* bullets */

#main ul li {
margin: 0 0 5px 0;
list-style-image:url(imgs/bullet.gif);
}

/* table */

.listable tr td {
border-bottom:1px solid #ebf5cc;
padding-top:8px;
padding-bottom:8px;
vertical-align:top;
}

.formtable tr td {
padding-top:5px;
padding-bottom:5px;
}