/* CSS Document */
body {font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;font-size: 70%;color: #000000;background-color: #FFFFFF;}
.caption {font-size:1.1em; font-family:Times New Roman, Georgia, Times, serif; font-style:italic; color:#777; padding-left:5px; padding-right:5px;margin-top:5px; margin-bottom:5px;}
.caption a:link, .caption a:visited {color:#777; text-decoration:none; border-bottom:1px dotted #999;}
.caption a:hover{color:#333; text-decoration:none; border-bottom:1px dotted #333;}

.fpcaption {font-size:small; font-family:Times New Roman, Georgia, Times, serif; font-style:italic; color:#444; padding-left:5px; padding-right:5px;margin-top:5px; margin-bottom:5px;}

/* styles to create header box and content */
#pageheader {margin-left:auto; margin-right:auto; padding:0px;border: 1px solid #999;width: 710px;height: auto;}

h1 {font-size: 2.2em;margin: 0px;color:#003399;font-weight: bold;text-decoration: none;padding: 7px 0px 7px 6px;font-variant: small-caps;letter-spacing: 0.1em;}
h1 a:link, h1 a:visited, h1 a:hover{color: #003399;text-decoration: none;}

#headernav {border-top: 1px solid #999;border-right: 1px solid #999;width: 556px;height: auto;}
h2 {font-size: 1em;margin: 0px;color: #666666;font-weight: bold;text-decoration: none;height: 16px;padding: 5px 0px 5px 8px;text-transform: uppercase;letter-spacing: 0.1em;}


.note {display:block;font-style:normal;font-weight:bold; border:1px dotted #666; background-color:#FFFFCC; padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;}
.pushpin {position:relative;display:block;float:left;bottom:40px;}

#globalnav {border-top:1px solid #999;line-height:normal;height:17px;background-color:#fff;}
#globalnav ul {list-style-type:none; padding:0; margin:0;}
#globalnav li {display:inline;float:right;border-left:1px solid #666;padding:2px 15px 2px 20px;/* padding-left:20px;padding-right:15px;*/background: url('images/main_bul_hover_red.gif') no-repeat 3px 0;line-height:normal;}
#globalnav a {font-weight:bold; color:#888!important;text-decoration:none;}
#globalnav a:hover {color:#003399!important;}

.clearing {clear:both;}

/* end of header styles */

/* fixed width page container for content */
#container {width: 710px;\width: 730px;w\idth: 710px;margin-top:10px; margin-left: auto;margin-right: auto;padding: 0px;}
/* set the left side column */
#sidebar-a {float: left;width: 154px;\width: 154px;w\idth: 154px;margin: 0;margin-right: 10px;padding: 0px;padding-bottom:10px;}
/* set the right side column */
#sidebar-b {float: right;width: 154px;\width: 154px;w\idth: 154px;margin: 0;margin-left: 10px;padding: 0px;text-align:center;}
/* set the middle content column */
#content {padding: 0px;margin-left: 164px;margin-right: 164px;background-image: url(images/fp-oh2.jpg);background-repeat: no-repeat;}


/* styles for noticeboard area */
#noticearea {border: 1px solid #999; margin-top:10px;}
.noticeareasubhead {background:url('images/note-red.gif') no-repeat 0px 0px;font-weight:bold;font-variant:small-caps;font-size:115%;text-indent: 17px;color:/*#000*/ #fff;padding:3px;background-color:#990000 /*#FFCC00*/;border-bottom:1px solid #999;}


/* main photo in content */
#fp1 {height:272px;}


/* subheading and site navigation styles in left side content */
.subhead{background-color:/*#000*/#003399; font-weight:bold; font-variant:small-caps; font-size:115%; color:#FFCC00;/*#FFCC66*/; padding:3px;text-align:center;}
#sitenav{/*border: 1px solid #999;*/}
#sitenav ul {list-style: none;margin: 0px;padding: 0px; border-top:1px solid #999;}
#sitenav li {list-style-type: none;}
#sitenav li a {display: block;margin: 0px;padding: 5px;padding-left: 15px;width: 132px;border-left:1px solid #999;border-bottom: 1px solid #999;border-right:1px solid #999;color: #888;text-decoration: none; font-weight:bold;line-height:12px;background: url("images/main_bul.gif") no-repeat 0px 4px;}
#sitenav li a:hover {display:block; margin:0px;text-decoration: none; color:/*#000*/#003399;padding:5px; padding-left:15px; width:132px; line-height:12px;background: url("images/main_bul_hover.gif") no-repeat 0px 4px;}
.leftsidemodule {border: 1px solid #999; margin-top:10px;/*margin-bottom:20px;*/}
.formstyle {padding:7px 0 7px 0; /*margin-top:5px;*/}

.langformstyle {padding:0; margin:0;}
select {border:1px solid #666;/*size:1em;*/}


/* subheading with asterisk */
.attentionsubhead {background:url('images/asterisk2.gif') no-repeat 0px 4px;font-weight:bold;font-variant:small-caps;font-size:115%;text-indent: 17px;color:/*#ffcc66*/#FFCC00;padding:3px;background-color:/*#002654#000*/#003399;}
/* IE5Mac filter - stupid IE doesn't get this */
/* \*/
.attentionsubhead {display: block !important;}
/* */
/* this creates the double triangle bullets for attention list items */
.attention a {color:#888!important;text-decoration:none; font-weight:bold;}
/* IE5Mac filter - stupid IE doesn't get this */
/* \*/
.attention a {display: block !important;padding-top:0px !important;}
/* */
.attention ul {list-style: none; margin:0px; padding-top:7px; padding-left: 3px;}
.attention a:hover {color:/*#333*/#003399 !important; text-decoration:underline;}
.attention li { margin:3px;padding-top:0px;padding-bottom: 7px;padding-left:17px;line-height:12px;background: url('images/s_red.gif') no-repeat 0px 
1px;color:#999999;}


/* page footer styles */
#footer {clear: both;margin-top:20px; padding-top:5px; padding-bottom:5px; color:#999; border-top:1px solid #cdcdcd;}
#footer a:link, #footer a:visited {text-decoration:none; color:#999;}
#footer a:hover {border-bottom: 1px solid #999;}