/*layout*/
body { padding:0px;margin:0px; }
#Side-Menu { left:10px;top:0px;width:200px;position:absolute; }
#Dragonfly {margin:0px;height:216px; }
.Left { padding:5px;margin:10px 20px 10px 0px;position:relative; }
.Right { padding:5px;margin:10px 0px 10px 20px;position:relative; }
#Content { padding:10px 15px;margin:10px 10px 10px 220px; }
#Header { padding:4px;margin:0px;height:90px; }
.Menu { padding:2px;margin:5px 0px; }
#ContentPadding { margin:20px 0px }
#Footer { padding:2px;margin:5px 0px; }
#Footer { padding:2px;margin:5px 0px; }
#DragonflyOnline { padding:5px;float:left;margin-right:10px;width:300px; }
#wrap { width:100%;position:relative }
.index-cal { float:right;width:170px;padding:6px;margin-left:5px; }
.populace { float:right;width:200px;padding:6px;margin-left:5px; }

/*typography*/
body, table, td, th {font-size:1.0em}
#Side-Menu { font-family:arial, helvetica, sans-serif;font-size:0.74em; }
#Content { font-family:verdana, arial, helvetica, sans-serif;font-size:0.74em; }
.Menu { font-family:arial, helvetica, sans-serif; font-size:1.0em;font-weight:bold;text-align:center; }
#Footer { line-height:1.0em;text-align:right; }
td { font-family:verdana, arial, helvetica, sans-serif;font-size:1.0em; }

/*style*/
body { background:#334c66;color:#000000; }
.Left { background:#667f99;border:1px solid #000000;color:#000000; }
.Right { background:#99b2cc;border:1px solid #000000;color:#000000; }
#Content { background:#99b2cc;border:1px solid #000000;color:#000000; }
#Header { background:#3e596a;border:1px solid #000000;color:#000000; }
.Menu { background:#667f99;border:1px solid #000000;color:#000000; }
#Footer { background:#3e596a;border:1px solid #000000;color:#ffffff; }
#DragonflyOnline { background:#667f99;border:1px solid #000000;color:#000000; }
hr { background:#333333;color:#333333;height:1px; }
.index-cal { border-left:1px solid #000000;border-bottom:1px solid #000000; }
.box { background:#778899;border:1px solid #000000;color:#000000; }

/*links*/
A { font-weight:bold }
A:link { color:#000000;text-decoration:none }
A:visited { color:#222222;text-decoration:none }
A:hover { color:#000000;text-decoration:underline }


/*headers*/
h4 { margin:0px 0px 3px;font-family:arial, helvetica, sans-serif;line-height:0.8em;text-decoration:underline }
h1, h2, h3, h5, h6 { margin:0px 0px 3px;font-family: arial, helvetica, sans-serif;line-height:1.6em; }


/*lists*/
DT { margin:0px 0px 3px;font-family:arial, helvetica, sans-serif;font-size:1.2em;line-height: 0.8em; }
#nav1, #nav2, #nav3, #nav4, #nav5 { padding-left:10px;margin-left:0px;list-style-type:none }
#Side-Menu li { padding:0px 10px;background: url(http://www.baronyofvatavia.org/files/img/bov_arrow.gif) no-repeat 0% 50%; }
.Menu-Container ul {margin:0px;padding:0px;list-style-type:none;text-align:center; }
.Menu-Container ul li { padding:0px 6px;display: inline;border-right:1px solid #000; }
.Menu-List li.last {  border:none; }
.Footer-Container ul {margin:0px;padding:0px;list-style-type:none;text-align:right; }
.Footer-Container ul li { padding:0px 1px;display: inline; }
.No-Bullet-List {list-style-type: none;margin: 0;padding: 0; }

/*forms*/
form {margin:0px;}
legend{background: #667f99;border: #26a solid 1px;padding: 1px 10px;}
fieldset { border: 1px solid #002157;width: 410px;padding:20px; }
input {width:200px;margin-bottom:10px;color:#000;background: #FAFAD2;border:#26a solid 1px;padding:3px;}
select {width:200px;font-family:verdana, arial, helvetica, sans-serif;font-size:12px;color: #666666;margin-right:10px;}
textarea {width:200px;height:70px;font-family:verdana, arial, helvetica, sans-serif;color:#666666; padding:1px 3px 0px;margin-right:10px}
.BUTTON { width:80px;height:25px;margin-right:2.2em;margin-bottom:10px;clear: both;color: #fff;font-weight:bold;font-family:verdana, arial, helvetica, sans-serif;background:#667f99;border-right:1px solid #002157;border-bottom:1px solid #002157;border-top:1px solid #cccccc;border-left:1px solid #cccccc; }