/* CSS Document */ /* main colours: red: #F54029 blue: #19537E */ html { margin: 0; padding:0; height: 100%; width: 100%;} body { margin: 0; padding:0; height: 100%; width: 100%; background-image: url(images/bg.gif)} .req { width: 200px} .notreq { width: 200px} .textarea { width: 200px} .textareareq { width: 200px} .red { color: #F54029; font-weight: bold} .blue { color: #19537E; font-weight: bold} .lightblue { color: #12AAED; font-weight: bold} #wrapper {width: 775px; margin: 0 auto 0 auto} #logo { position: absolute; margin: 0; padding: 10px 0 0 15px} #header { height: 25px; background: #E6ECF1; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #19537E} #header img { float: left; margin: 19px 0 0 15px;} #header ul { margin: 0; padding: 0; width: auto; float: right; padding: 2px 14px 2px 4px; height: 13px; margin: 5px 0px 0 0 } #header li { display: inline; } #header a:link, #header a:active, #header a:visited { color: #19537E; text-decoration: none} #header a:hover { text-decoration: none; color: #F54029} #container { margin: 0 0 0 0; color: #004070; } #imagebar { height: 197px; padding: 0; margin: 0; border-bottom: 1px dotted #FFFFFF; background: url(images/imagebar_bg.jpg) repeat-x top #004070; } #rightimage { float: right; width: 336px; height: 147px; padding: 50px 0px 0 25px} #rightimage p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CCD9E3; margin-top: 0; padding-top: 0; padding-right: 50px} #rightimage a:link, #rightimage a:visited, #rightimage a:active { color: #FFFFFF} #sloganimage { padding: 50px 25px 0 0px; height: 127px; float: right; width: 300px; text-align: right; } #sloganimage p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CCD9E3; margin-top: 0; padding-top: 0;} #sloganimage a:link, #sloganimage a:visited, #sloganimage a:active { color: #FFFFFF} #menubar { background: #19537E url(images/menubar_bg.jpg); padding: 0 ; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 70px; color: #003563; padding: 0 0 0 0px;} #menubar a:link, #menubar a:active, #menubar a:visited { color: #FFFFFF; text-decoration: none; margin: 0 5px 0 5px;} #menubar a:hover { text-decoration: none; color: #F54029 } #menubar ul { margin: 0px 10px 0 136px; padding: 0;} #menubar li { display: inline} #content { margin: 0; padding: 0px 0px 0px 0px; _height: 254px; min-height: 254px; background: url(images/content_bg.jpg) #E6ECF1 bottom repeat-x;} #submenuside { padding: 5px 15px 0 15px; width: 150px; float: left; border-right: 1px solid #FFFFFF; height: 250px; _height: 250px} #submenuside ul { padding: 0; margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px} #submenuside ul ul { padding: 0; margin: 3px 0 0 0; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px} #submenuside li { border-bottom: 1px dotted #FFFFFF; width: 150px; padding: 3px 0 3px 0} #submenuside ul ul li { border-top: 1px dotted #FFFFFF; border-bottom: 0px dotted #FFFFFF; width: 150px; padding: 3px 0 3px 10px} #submenuside a:link, #submenuside a:active, #submenuside a:visited { color: #19537E; text-decoration: none;} #submenuside a:hover { color: #F54029; text-decoration: none; background-color: #FFFFFF} #submenuside h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 10px 0; padding: 0px} #contentinside { padding: 5px 15px 30px 15px; float: left; width: 553px} #contentinside hr { height: 0px; border: 1px dotted #FFFFFF} #contentinside h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0px 0px 10px 0px} #contentinside h2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #F54029} #contentinside h3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #F54029; display: inline} #contentinside p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; padding: 0; margin: 0 0px 10px 0px} #contentinside ul { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; list-style: none url(images/arrow_forward.gif);} #contentinside ol { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; } #contentinside li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; } #contentinside table { font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 11px; margin: 0; } #contentinside td { } #contentinside td p { padding: 0; margin: 0;} #contentinside a:link, #contentinside a:active, #contentinside a:visited { color: #F54029;} #contentinside a:hover { color: #19537E} #contentinside .button a:link, #contentinside .button a:active, #contentinside .button a:visited { color: #FFFFFF; text-transform: uppercase; text-decoration: none; padding: 1px 2px 1px 2px; background: #29C2DE; font-size: 10px; line-height: 15px} #contentinside .button a:hover { color: #004070} #contentinside .button { color: #FFFFFF; text-transform: uppercase; text-decoration: none; padding: 1px 2px 1px 2px; background: #F54029; font-size: 10px; line-height: 15px; border: 1px; width: auto} #contentinside .bluebg { border-right: 1px dotted #FFFFFF; padding: 15px;} #contentinside .bluebg_right { padding: 15px; width: 250px} #contentinside .bluebg_right a:hover { color: #FFFFFF; } #contentinside p img { margin-left: 5px; margin-bottom: 2px; } #contentinside textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 75px} #contentinside input { font-family: Arial, Helvetica, sans-serif; font-size: 11px;} #contentinside select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #contentinside td { padding-bottom: 5px;} #contentinside .radio { width: auto} #contentinside .checkbox { width: auto} #contentinside .password { width: auto} #tableborder table { border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #tableborder td { border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding-left: 5px;} .table_header { border-bottom: 1px dotted #FFFFFF; } .table_header tr { margin-bottom: 5px; } .table_header h2 { margin: 15px 0px 0px 0px;} .table_spacer { height: 10px; } /*#note { width: 23%; float: left; border-right: 1px solid #E6ECF1; padding-right: 2%}*/ #sidebar { position: absolute; top: 0; right: 0; width: 235px; color: white; margin: 334px 0 0 0; padding: 15px 0 0 15px; } #sidebar h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 15px 15px 15px; } #sidebar h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 15px 15px 15px;} #sidebar p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; margin: 0 15px 0 15px; padding-bottom: 15px;} #sidebar ul { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; list-style: none; margin: 0 15px 0 15px; padding: 0} #sidebar li { padding-bottom: 15px;} #sidebar a:link, #sidebar a:active, #sidebar a:visited { color: #FFFFFF;} #sidebar a:hover { color: #FFFFFF} #sidebar .button a:link, #sidebar .button a:active, #sidebar .button a:visited { text-align: right; color: #FFFFFF; text-transform: uppercase; text-decoration: none; padding: 1px 2px 1px 2px; background: #00A3C7; font-size: 10px; line-height: 15px;} #sidebar .button a:hover { color: #004070} #footer { text-align: left; margin: 0; background-color: transparent; padding: 15px; background: url(images/footer_bg.jpg) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 10px;} #footer p { line-height: 16px; padding: 0; color: #80A0B7; margin: 0px 0px 0px 15px; float: left; } #footer ul { margin: 0px 0px 5px 40px; padding: 0; } #footer li { display: inline} #footer a:link, #footer a:active, #footer a:visited { color: #19537E;} #footer a:hover { color: #F54029} #footerlogo { top: 0px; left: 0px; float: left; margin: -15px 0px 0px 0px; padding:0px; width: 24px;} #clear { clear: both; width: 775px; height:1px;} #intro { width: 383px; float:left; border-right: 1px dotted #FFFFFF; padding: 15px; font-family: Arial, Helvetica, sans-serif, sans-serif;} #intro h1 { font-size: 12px; padding: 0; margin: 0px 0px 10px 0px} #intro p { font-size: 11px; line-height: 16px; padding: 0; margin: 0 0px 10px 0px} #intro ul { font-size: 11px; line-height: 16px; list-style: none; margin: 0; padding: 15px; background: #E2EAEF} #intro ul li { background: url(images/bullet2.gif) 0% 5px no-repeat; padding-left: 15px} #intro ol { font-size: 11px; line-height: 16px; margin: 0; padding: 15px 15px 15px 30px; background: #E2EAEF} #intro ol li { padding-bottom: 5px} #intro a:link, #intro a:active, #intro a:visited { color: #F54029;} #intro a:hover { color: #19537E; } #intro hr { height: 0px; border: 1px dotted #FFFFFF} #main { width: 331px; float: right; padding: 15px; font-family: Arial, Helvetica, sans-serif, sans-serif;} #main h1 { border-bottom: 1px dotted #FFFFFF; font-size: 12px; padding: 0; margin: 0px 0px 10px 0px} #main hr { height: 0px; border: 1px dotted #FFFFFF} #main p { font-size: 10px; line-height: 16px;} #main .date { color: #F54029; font-weight: bold} #main a:link, #main a:active, #main a:visited { color: #FFFFFF; font-weight: bold} #main a:hover { color: #F54029; } .arrow { vertical-align: bottom} #fp7main { width: 414px; float:left; background-color: #004070; font-family: Arial, Helvetica, sans-serif, sans-serif;} #fp7main h1 { font-size: 12px; padding: 0; margin: 0px 0px 10px 0px} #fp7main ul { margin: 0; padding: 0; list-style: none} #fp7main li { color: #FFFFFF; margin: 0; padding: 0; display: block; float: left; width: 206px; height: 126px; border-right: 1px dotted #FFFFFF; border-bottom: 1px dotted #FFFFFF; background-color: #1A537E} #fp7main h1 { padding-left: 15px; line-height: 25px; border-bottom: 1px dotted #FFFFFF} #fp7main p { margin: 0px 15px 0px 15px; width: auto; width: 150px; font-size: 11px; line-height: 16px;} #fp7main h3 { background: url(images/arrow.gif) no-repeat 0px 2px; margin: 5px 0 0 15px; padding: 0px 0px 0px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 10px} #fp7main a:link, #fp7main a:active, #fp7main a:visited { color: #F54029; } #fp7main a:hover { color: #FFFFFF; } #fp7side { width: 361px; float: right; padding: 0px; font-family: Arial, Helvetica, sans-serif, sans-serif;} #fp7side h1 { padding-left: 15px; line-height: 25px; border-bottom: 1px dotted #FFFFFF; font-size: 12px; margin: 0 0 10px 0; padding: 0 0 0 15px} #fp7side p { font-size: 10px} #fp7side a:link, #fp7side a:active, #fp7side a:visited { color: #19537E;} #fp7side a:hover { color: #F54029; } #fp7links { width: 179px; float: left; padding: 0px; } #fp7logos { width: 140px; float: left; padding: 0px} /*ROUNDED CORNER BOX*/ div.mainrounded { background: #19537E url(images/box_tr.gif) no-repeat top right; float: left;} div.mainrounded div { background: transparent url(images/box_tl.gif) no-repeat top left; } div.mainrounded div div { background: transparent url(images/box_br.gif) no-repeat bottom right; } div.mainrounded div div div { background: transparent url(images/box_bl.gif) no-repeat bottom left; padding: 15px 15px 15px 15px; color: #FFFFFF; min-height: 52px; _height: 52px; } div.rounded { background: #19537E url(images/box_tr.gif) no-repeat top right; float: left; margin-left: 0px; width: 75px} div.rounded div { background: transparent url(images/box_tl.gif) no-repeat top left; } div.rounded div div { background: transparent url(images/box_br.gif) no-repeat bottom right; } div.rounded div div div { background: transparent url(images/box_bl.gif) no-repeat bottom left; padding: 15px 15px 15px 15px; color: #FFFFFF; min-height: 51px; _height: 51px; font-family: Arial, Helvetica, sans-serif; font-size: 11px} div.wrounded { background: #FFFFFF url(images/wbox_tr.gif) no-repeat top right; float: left; margin-right: 7px; margin-bottom: 4px; width: 179px} div.wrounded div { background: transparent url(images/wbox_tl.gif) no-repeat top left; } div.wrounded div div { background: transparent url(images/wbox_br.gif) no-repeat bottom right; } div.wrounded div div div { background: transparent url(images/wbox_bl.gif) no-repeat bottom left; padding: 5px 15px 4px 15px; min-height: 30px; _height: 30px; text-align: center} div.linksrounded { background: #CCD9E3 url(images/bluebox_tr.gif) no-repeat top right; float: left; margin: 0 0 7px 7px; width: 174px} div.linksrounded div { background: transparent url(images/wbox_tl.gif) no-repeat top left; } div.linksrounded div div { background: transparent url(images/bluebox_br.gif) no-repeat bottom right; } div.linksrounded div div div { background: transparent url(images/wbox_bl.gif) no-repeat bottom left; padding: 0px; min-height: 62px; _height: 62px; } div.linksrounded img { float: left; margin: 0; padding: 0 5px 0 0} div.linksrounded h5 { padding: 16px 0px 16px 0px; margin: 0px; line-height: 15px; height: 30px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal} div.logosrounded { background: #FFFFFF url(images/wbox_tr.gif) no-repeat top right; float: left; margin: 0 0 7px 7px; width: 147px} div.logosrounded div { background: transparent url(images/wbox_tl.gif) no-repeat top left; } div.logosrounded div div { background: transparent url(images/wbox_br.gif) no-repeat bottom right; } div.logosrounded div div div { background: transparent url(images/wbox_bl.gif) no-repeat bottom left; padding: 5px 5px 6px 5px; color: #19537E; text-align: center} div.bluerounded { background: #19537E url(images/box_tr.gif) no-repeat top right; float: left;} div.bluerounded div { background: transparent url(images/box_tl.gif) no-repeat top left; } div.bluerounded div div { background: transparent url(images/box_br.gif) no-repeat bottom right; } div.bluerounded div div div { background: transparent url(images/box_bl.gif) no-repeat bottom left; padding: 0px; color: #FFFFFF;}