body 
{
	font: 62.5%/1.7 Verdana, Arial, sans-serif; 
	background: #f7f7f7;
	margin: 0px;
	padding: 0px;
}

td { vertical-align: top; font-size:0.8em; }

textarea { font-family:verdana; font-size:1em; width:200px; }

h3, h4 { border-bottom:1px solid #eee; } 

h3 { font-size:1.2em; margin-bottom:8px; }
h4 { margin-bottom:5px; }

label { cursor:pointer; }

.top { margin-top:0px; }

#header { background: url(/res/img/title.gif) #003366 repeat; color:white; padding:7px 30px 0px 30px;}
#header { background-image: url(/res/img/pattern/001.gif) }
#header a { color:white; }

#header-top { font-family:"Lucida Grande", Arial; font-size:12px; }
#header-top span.right { float:right; }
#header-top a { padding:3px; }
#header-top a:hover { text-decoration:none; background-color:#1D64AD; }

#header-middle { padding:3px 0px; font-family:"Lucida Grande", Arial; font-size:16px; height:35px; margin-top:-5px; }
#header-middle span { color:#FFCC00; font-size:24px; padding-right:10px; }

#header-menu { padding-bottom:1px; } 
#header-menu a { font-size:12px; text-decoration:none; background-color:#1A4F85; padding:4px 8px; } 
#header-menu a:hover { background-color:#1D64AD; }
#header-menu span.right { float:right; } 
#header-menu span.right img { margin-left:5px; margin-right:5px; cursor:pointer; } 
#header-menu a.active { background-color:#F2F2F2; color:#009900; font-weight:bold; } 

#content-wrap { background: url(/res/img/gradijent.gif) repeat-x #f7f7f7; border-top:1px solid #F9F9F9; padding:25px 30px 30px 30px; }

#content, .content { min-height:600px; background-color:#fff; border:1px solid #ddd; padding:10px 10px; }

#menu { width:300px; background-color:#ccc; height:500px; }

#footer { clear:both; }

div.head { background-color:#EDF3FE; height:38px; margin:-10px -10px 0px -10px; padding:1px; margin-bottom:10px; }
div.head h2 { font-family:arial; font-size:1.2em; padding-left:10px; margin-top:10px; }
div.head span.c { float:right; margin-top:14px; margin-right:15px; color:#999; font-size:0.85em; }
div.head span.c a { color:red; padding:2px; }
div.head span.c a:hover { color:white; background:red; text-decoration:none; }
span.href-hit { color:black; font-weight:bold; }

form { border-top:2px solid #aaf; padding-top:10px; border-bottom:2px solid #aaf; background-color:eef; padding:0px; }
form h4 { background-color:#aaf; margin:0px; padding:2px 6px; color:white; }
form dl { margin-bottom:1px; }

dl.center dt { clear:both; width:150px; float:left; text-align:right; padding-right:5px; }
dl.center dd { float:left; margin:0 0 0.5em 0.25em; }

dl.narrow input, dl.narrow textarea { width:200px; }
dl.wide input, dl.wide textarea { width:400px; }
dl.wider input, dl.wider textarea { width:290px; }

dl.form { padding:0px 5px; }
dl.form dt { margin-bottom:3px; }

.nudge { position:relative; top:-3px;}

div.msg-ok { background:url(/res/img/ok.png) #B9FAAF no-repeat; border:3px solid #080;  }
div.msg-err { background:url(/res/img/err.png) #FFAEAE no-repeat; border:3px solid #800; font-weight:bold; }
div.msg-info { background:url(/res/img/loading.gif) #FFF no-repeat; border:3px solid #080;  }
div.message { position:absolute; top:10px; left:200px; font-size:1.2em; padding:5px 20px 6px 35px; margin-right:200px; background-position:3px 3px; } 

div.info { background-color:#FFFFCC; }

div.warn { border-top:1px solid #FF9900; border-bottom:1px solid #FF9900; background-color:#FFFFCC; padding:10px; }

ul li { margin-bottom:3px; }

ul.list { list-style:none; padding:0px; }
ul.list li { padding-left:20px; background: url(/res/ico/bullet.png) no-repeat; margin-bottom:5px; }
ul.list li a { font-weight:bold; }
ul.list li a:hover { color:#800; }

input.middle { margin-bottom:0px; }

.contact { border:1px solid #ccc; padding:5px; clear:both; margin-bottom:10px; background-color:#f7f7f7; width:360px; min-height:100px; float:left; clear:none; margin-left:10px; margin-bottom:10px; }
.ulcontact a, .contact a { color:black; }
.contact p, .ulcontact li p { margin:4px 0px; }

.ulcontact { padding:0px; margin:0px; }
.ulcontact li { background-color:#f2f2f2; padding:4px; margin-bottom:10px; margin-left:20px; }

.gutter { display:block; width:60px; float:left; }

.black a { color:black; text-decoration:none; }
.black a:hover { text-decoration:underline; }

.plain li a { font-weight:400 !important; text-decoration:none; }
.plain a:hover { text-decoration:underline; }

.button-small { padding:1px 12px 1px 22px; margin-bottom:4px; text-align:left; margin-left:-1px; background-position:2px 2px; background-repeat: no-repeat; }
.button-normal { padding:3px 12px 3px 30px; font-weight:bold; margin-bottom:4px; text-align:left; background-position:4px 4px !important;  }

td.right { text-align: right; padding-right:5px; }

div.i-bool { margin-bottom:3px; margin-top:-3px; }
div.i-bool label { position:relative; top:1px; }

p.top { margin-top:-3px; position:relative; top:-5px; margin-bottom:-10px; }
a.vcard { position:relative; top:-20px; float:right; width:38px;}
span.cname { font-weight:bold; font-size:1.2em; }
span.cname a { text-decoration:none; }
span.cname a:hover { text-decoration:underline; }

p.pageing a { text-decoration:none; }
p.pageing a:hover { font-weight:bold; }

