/*general*/
html {line-height: 1; background: #fff; color: #000; background-color: white /*#d5dee0*/}
body { font: 12px arial, helvetica, sans-serif}
a { font: 10pt arial, helvetica, sans-serif; color: #378e97; font-weight: bold; cursor: pointer; text-decoration: none}
a:hover { color: #5b1f3e; text-decoration: underline}
h1 { font-size: 33px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: arial, helvetica, sans-serif; padding-top: 0px}
h2 { font-size: 12px; font-weight: bold; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: arial, helvetica, sans-serif; padding-top: 0px}
h3 { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font: bold 12pt arial, helvetica, sans-serif; padding-top: 0px}
h4 { font-size: 12px; font-weight: bold; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: arial, helvetica, sans-serif; padding-top: 0px}
div#wrapper { position: absolute; width: 100%; overflow: hidden; top: 0px; left: 0px}
div#container { position: relative; padding-bottom: 0px; background-color: #ffffff; margin: 20px auto; min-height: 980px; padding-left: 30px; width: 738px; padding-right: 20px; padding-top: 0px; border: 1px solid lightgrey}}
* html div#titlebar { position: absolute; width: 788px; background: #eef; height: 102px; top: 25px; left: 0px}
div#titlebar { position: absolute; width: 788px; background: url(../images/gradient.png) #eef repeat-x; height: 102px; top: 25px; left: 0px; background-color: #d6e4e6}
/*top bar*/
div#topbar { position: absolute; background-color: #5b1f3e; width: 788px; height: 25px; top: 0px; left: 0px;}
div#navigate { position: relative; text-align: right; width: 100%; height: 18px; top: 3px; left: 0px }
.nav_links { float: right; color: white}
.nav_link { margin-top: 2px; margin-left: 5px; float: right}
/*header*/
div#header { position: relative; width: 100%; top: 0px; left: 0px}
div.left-column { padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 450px; padding-right: 0px; float: left; padding-top: 0px}
div.right-column { width: 256px; float: right }
div.info {margin: 18px 0px 0px; height: 86px; overflow: hidden}
div.info h1 { font: bold 16pt arial, helvetica, sans-serif}
div.info h4 { font: bold 12pt arial, helvetica, sans-serif}
div#photo { margin: 18px 12px 0px 0px; width: 78px; float: left; height: 78px}
div#search { text-align: left; padding-bottom: 0px; margin: 14px 0px 0px; padding-left: 0px; width: 260px; padding-right: 0px; float: left; height: 90px; padding-top: 10px}
input.search { text-align: left; width: 210px; font: 12pt arial, helvetica, sans-serif; height: 22px; color: #bcbcbc; text-decoration: none}
div.search-input { float: left}
div.search-img { float: left; margin-left: 6px}
div.search-options { clear: both}
div.search-options div.search-option { float: left}
.go { margin-top: 8px; color: #4e3e29; font-size: 11px; font-weight: bold}
div#breadcrumbs { margin-top: 3px; min-height: 24px; width: 720px; float: left}
div.breadcrumb { border-bottom: #bcbcbc 1px dotted; padding-bottom: 5px; padding-left: 1px; padding-top: 5px}
a.crumb { color: #4b4b4b; font-size: 12px; text-decoration: underline}
span.crumb { color: #4b4b4b; font-size: 12px; font-weight: bold}
span.raquo { color: #bcbcbc}
/*content*/
div#content { position: relative; width: 100%; overflow: hidden; top: 0px; left: 0px; padding-bottom: 10px}
div.left-column { padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 450px; padding-right: 0px; float: left; padding-top: 0px; padding-bottom: 10px}
div#contact { margin-top: 15px; width: 450px; float: left; color: #363636; clear: both}
div.left-box { margin-top: 10px; float: left; clear: left }
a.data_a { display: block; border-bottom: #f3f4f3 1px solid; border-left: #f3f4f3 1px solid; background-color: #f3f4f3; overflow: hidden; border-top: #f3f4f3 1px solid; border-right: #f3f4f3 1px solid; padding-bottom: 3px; width: 446px; padding-top: 7px; text-decoration: none}
a.data_a:hover { display: block; border-bottom: #f8f1d5 1px solid; border-left: #f8f1d5 1px solid; background-color: #fffef0; border-top: #f8f1d5 1px solid; cursor: pointer; border-right: #f8f1d5 1px solid; text-decoration: none; }
dl {padding-bottom: 0px; margin: 0px 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; border: 0px;}
dt {margin: 0px 0px 7px 5px; color: #5e5e5e; font-size: 13px; font-weight: bold; border: 0px;}
dd {padding-bottom: 10px; margin: 0px 0px 0px 5px; padding-left: 0px; padding-right: 15px; color: #378e97; font-size: 13px; font-weight: normal; padding-top: 0px; border: 0px;}
dd a {color: #378e97}
div.databox-top { background-color: #f3f4f3; width: 448px; height: 8px; overflow: hidden}
div.databox-ctr { border-bottom: #f3f4f3 1px solid; border-left: #f3f4f3 1px solid; padding-bottom: 3px; background-color: #f3f4f3; width: 446px; overflow: hidden; border-top: #f3f4f3 1px solid; border-right: #f3f4f3 1px solid; padding-top: 7px}
div.databox-bot { background-color: #f3f4f3; width: 448px; height: 4px; overflow: hidden}
span.text { color: #6f6f6f; font-weight: normal}
div.right-column { width: 256px; float: right}
div.action { line-height: 1.5; margin: 0px 5px 10px 10px}
div#action-top { margin-top: 21px; width: 251px; background: url(../images/right_sprites.png) no-repeat 0px -16px; height: 8px; overflow: hidden}
div#action-ctr { width: 251px; background: url(../images/vert_action_ctr.png) #fff repeat-y; overflow: hidden}
div#action-bot { width: 251px; margin-bottom: 20px; background: url(../images/right_sprites.png) no-repeat 0px -24px; height: 8px; overflow: hidden}
a.action { padding-bottom: 0px; padding-left: 6px; padding-right: 6px; color: #545454; font-size: 12px; font-weight: bold; text-decoration: none; padding-top: 0px}
a.action:hover { text-decoration: underline}
.clear_both { clear: both}
div.rightboxtop { margin-top: 0px; width: 251px; margin-bottom: 0px}
div.rightboxctr { margin-top: 30px; width: 251px; margin-bottom: 30px}
div.pad { padding-bottom: 2px; padding-left: 10px; padding-right: 10px; padding-top: 2px}
img.line {padding-bottom: 0px; padding-left: 6px; padding-right: 6px; padding-top: 0px}
/*footer*/
div#content-footer {text-align: center; font-size: 10px }
/*Footer menu*/
/*position and hide the menu initially...*/
#page {position:relative; width:100%; height: 400px; overflow:hidden;} /*horiz*/
/*#page {padding:20px 0; width:100%;} /*vert*/
#menu {position:absolute; top:0; right:0; width: 100%; height: 48px;} /*horiz width:100%;*/
/*vert bottom:0 left: 0 position:fixed; - always there*/
/*dock styling...*/
#menu div.jqDockWrap {margin: 0 auto; /*background: #d5dee0; url(../images/logo/.jpg) no-repeat*/ } /*...centre the dock: margin:0 auto;*/
#menu div.jqDock {cursor:pointer;} /*...set the cursor...*/
div.jqDockLabel {font-weight:bold; font-style:italic; white-space:nowrap; color:black; cursor:pointer; background-color: white; padding: 3px} /*label styling...*/
#result { height:20px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:5px; margin-bottom:10px; background-color:#FFFF99;}
#country{ padding:3px; border:1px #CCC solid; font-size:17px; }
.suggestionsBox { position: absolute; left: 0px; top:40px; margin: 35px 0px 0px 0px; width: 250px; padding:0px; background-color: #000; border-top: 3px solid #000; color: #fff; z-index: 2}
.suggestionList { margin: 0px; padding: 0px; z-index: 2}
.suggestionList ul li { list-style:none; margin: 0px; padding: 6px; border-bottom:1px dotted #666; cursor: pointer; }
.suggestionList ul li:hover { background-color: #5b1f3e; color:#fff; }
.suggestionList ul { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding:0; margin:0; }
.load{background-image:url(images/loader.gif);background-position:right;background-repeat:no-repeat;}
#suggest {position:relative;}