@import url("modules.css");

body {margin: 0; padding: 1em 0; color: #666; background: #fff; font-size: 80%;}
body, textarea {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size: 1em;}

a {color:#546D3C; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0; font-size: 100%;}
th, td { vertical-align:top; }

h1, h2, h3, h4 {margin-bottom:.5em; padding: 0;}
h1, h2 { font-weight: bold;font-family:Georgia, Palatino, Serif; }
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h2 span {color: #30566c;}
h3 {font-weight: bold; font-size: 1.4em; color: #30566c; padding: 1em 0;}
h4, h5 {font-weight: normal; font-size: 0.8em; color: #999; font-style: italic;
	text-align: center; margin: 0 0 1em 0;}

hr { border: 2px dotted #ccc; border-width: 2px 0 0 0; width: 100%; text-align: left; }


p, pre { margin: 0 0 1em 0; line-height: 1.4em; }
dd, ul li, ol li { line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote { padding: 0;}
dl { margin: .5em 0;}
dt { font-weight: bold; margin: 0.25em 0 0 0;}
dd { margin-left: 0.5em;}
ul { margin: 0.5em 0 0.5em 1.1em;}
ul li { list-style: square; margin:0 0 0.25em 0.5em;}
ol { margin: 0.5em 0 0.5em 1.4em;}
ol li { margin:0 0 0 0.5em;}
blockquote { margin: 0 1em 0.5em 1em;}

fieldset { border-width: 0; background: url(../img/dot_line.gif) repeat-x;}
legend {font-size: 1.1em; font-weight: bold; color: #333; padding: 0 0.5em; margin: 0;}
*:first-child+html legend {margin: 0 0 0.5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 0.01em; padding: 0 0.02em; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 0.02em; padding-right: 0.02em;}

.head {}
#logo {margin: 0;}
#headimg { height: 173px; background: url(../img/h_line.gif) repeat-x left bottom; padding-bottom: 8px;}

#nav {position: absolute; top: 6.25em; right: 0; width: 100%;}
#nav ul { margin: 0; padding: 0; list-style: none; float: right;}
#nav ul li { margin: 0; padding: 0; list-style: none; float: left; width: auto;}
#nav ul li a { display: block; font-size: 1em; padding: 0.25em 0; margin-right: 1.6em; color: #666;}
#nav ul li a:hover { border-bottom: 4px solid #30566c; color: #30566c; text-decoration: none;}
#nav ul ul {display: none;}


#sub { padding: 1em 1em 0.5em 1em; }
#sub img {border: 1px solid #ccc; padding: 4px; background: #fff; margin: 0 8px;}
#main {width: 60%; padding:2em 2em 1em 2em; vertical-align: top; background: url(../img/v_line.gif) repeat-y 100% 0;}
#main img, #sidebar img {border: 1px solid #ccc; padding: 4px; background: #fff; margin: 4px auto; display: block;}

#sidebar { padding:2em 2em 1em 2em; vertical-align: top;  }
#sidebar h2 {margin: 0 0 0.5em 0; padding: 0;}
	
#foot { text-align: right; font-size: 0.8em; padding: 0.5em 1.5em 0 0; margin-top: 0.5em;
	background: url(../img/h_line.gif) repeat-x left top; clear: both;}


.bar {background: url(../img/h_line.gif) repeat-x; height: 6px; margin-top: 2px;}
.clear {clear: both; height: 1em;}
.border {border: 1px solid #666; padding: 3px;}

table.contact { width: 80%; margin: 0 auto; padding: 0; }
table.contact td { padding: 0; }
table.contact h3 { margin: 0;}