/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:98.9%;
vertical-align:baseline;
background:transparent;
}
body {line-height:1;}
article, aside, dialog, figure, footer, header,
hgroup, nav, section { display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {vertical-align:middle;}
/* Begin our Styling */
html {
background: url("../images/main_bg.jpg") repeat-x;
margin:0;
font-family:sans-serif;
font-size:0.85em;
}
body {
width:960px;
background:#fff;
margin:0 auto;
border:1px solid #999;
border-top:none;
border-bottom:none;
}
p a:hover {color:#000;text-decoration:underline;}
/* Heading */
header {
height:80px;
background: url(../images/govdex.jpg) no-repeat top right;
border-bottom:5px solid #3C78B5;
margin:1px;
margin-top:1em;
position:relative;
}
header#govdex {
background: url(../images/govdex.jpg) no-repeat top right;
}
header h1 {text-indent:-9999px;}
/* Page structure */
div#left {
width:635px;
float:left;
position:relative;
margin-top:12px;
margin-bottom:12px;
margin-left:20px;
margin-right:20px;
}
div#right {
width:250px;
float:right;
position:relative;
margin-left:22px;
margin-right:12px;
}
div#main {border-bottom:10px solid #3C78B5;padding-bottom:8px;}
/* Navigation */
nav#models { position:relative;float:left;clear:left;}
/* Page content */
div#main_image {width:635px;height:180px;}
section {
position:relative;
float:left;
line-height:1.3em;
margin-bottom:10px;
margin-top:10px;
}
section img {display:inline;float:left;padding:10px;}
section p,.box ul li, section ul li{padding:4px 8px 4px 0;}
.box p,.box ul li{padding-left:9px;}
section ul li{list-style-type:circle;}
/* Form defaults */
form label{margin-top:0.5em;}
form input,form textarea{
padding:5px;
border: 1px solid #afafaf;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom:0.8em;
margin-top:0.2em;
background-color:#fff;
}
form input:hover,form textarea:hover{
border: 1px solid #00bcff;
}
form input:focus,form textarea:focus{
border: 1px solid #fc6;
}
form input.btn:disabled {background:#eee; }
form input.btn:disabled:hover { background:#eee; }
form input.btn:hover{background-image:url(../images/redBtnHover.gif);border:1px solid #000;}
form input.btn{cursor:pointer;color:#fff;padding:1.4em 0.85em;}
form input.btn{
background:#A42832 url(../images/redBtn.gif) center left repeat-x;
color:#fff;
border:1px solid #A42832;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size:1.3em;
font-weight:700;
text-align: center;
padding:0.4em;
}
#contentPage form{
margin-top:1.2em;
}
/* Login box */
#login input{
margin-bottom:0;
}
#login a {font-weight:bold;margin-left:5px;}
#login input#idUser,#login input#idPass{
width:16em;
}
#login input.btn {
font-size:1.3em;
font-weight:700;
padding:0.4em 5.22em;
text-align: center;
margin:0;
margin-left:0.08em;
}
.box h2{margin-bottom:0;}
/* the login page */
#content input#idUser, #content input#idPass{
display:block;
margin-left:5.5em;
margin-top:-1.7em;
position:relative;
width: 12em;
}
/* Footer */
footer {
float:left;
position:relative;
width:960px;
text-align:right;
clear:both;
padding-top:10px;
padding-bottom:15px;
}
/* Miscellaneous */
.box {width:244px;margin-top:12px;}
.box h2{margin-top:0.1em;font-size: 1.3em;line-height:1.6em;color:#fff;font-weight:bold;padding:5px;background:#003366 url("../images/boxBG.gif") top left repeat-x; webkit-border-top-left-radius:5px; webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
.box div {background:#D0DCF4 url("../images/box_btm.gif") bottom left no-repeat;padding-bottom:8px;}
#left section ul {padding-left:4em;}
#left section ul li{padding:0.2em;}
/* .box ul, section ul {list-style-type:none;} */
a, a:visited, a:active { color:#003366; text-decoration:none;}
a:hover {color:#678DB3;color:#000;text-decoration:underline;}
div#left h1, div#left h2, div#left h3, div#left h4 { border-bottom:1px solid #636d6b; padding-bottom:5px; padding-top:5px; }
h2, h3, h4 {text-align:left; font-family:Century Gothic,Arial,san-serif;margin-top:1em;margin-bottom:0.1em;}
#contentPage h2 {margin-top:0;margin-bottom:0.1em;}
/* h1 {font-size:1.7em;} */
h2 {font-size:1.62em;}
h3 {font-size:1.47em;}
h4 {font-size:1.4em;}
br.clear {clear:both;}
#serviceCentre,#gettingStarted{width: 46.5%;}
#left,#left #gettingStarted{width:49%;}
#contactUs{width:102%;}
#serviceCentre{margin-left:55%;margin-top:-9.25em;}
#serviceCentre{margin-left:55%;margin-top:-10em;}
#serviceCentre img,#gettingStarted img{padding:1px; border:1px solid #E4E4E4;margin:5px 5px 5px 10px;}
#serviceCentre img:hover,#gettingStarted img:hover{border:1px solid #BFBFBF;}
footer li{display:inline;border-right:2px solid #3C78B5; padding:0 0.6em 0 0.35em;}
footer #lastItem{border-right:none;padding-right:5px;}
p.more{text-align:right;font-weight:700;}
/* later edits for contentPage */
#contentPage p{margin:0.4em 0.3em 0.3em 0;}
#contentPage ul{margin-left:3em;}
#about #contentPage{width:75%;}
#about img,#contentPage img{margin:5px 5px 5px 10px;}
div#contentPage h1, div#contentPage h2, div#contentPage h3, div#contentPage h4 { border-bottom:1px solid #636d6b; padding-bottom:5px; padding-top:5px; }
#contactForm form{margin-left:0.1em;}
#contactForm .btn{margin:0;}
#contentPage address,#contentPage form#contactForm {margin-top:1.2em;}
a#contentPage {padding-left:20px;}
section#feedback{float:none;}
div#about {
width:635px;
float:left;
position:relative;
margin-top:12px;
margin-bottom:12px;
margin-left:20px;
margin-right:20px;
}
div#contentPage {
width:635px;
position:relative;
margin-top:12px;
margin-bottom:12px;
margin-left:20px;
margin-right:20px;
}
label {font-size:100%;}
div#contentPage a,div#left a{text-decoration:underline;}
div#contentPage a:hover, div#left a:hover {color:#003366;text-decoration:none;}
#alphabet-browser {
margin-bottom:20px;
}
#alphabet-browser span{
width:10px;
border:1px solid #369;
padding: 5px;
}
#alphabet-browser span.current {
border:1px solid #000;
background-color: #3C78B5 !important;
}
#alphabet-browser span.current a {
color: #fff;
}
div.error {
border:1px solid #7f0f0f;
background-color: #efb3b3;
font-weight:bold;
padding:0.5em;
margin-bottom:1em;
}
div.field {
margin-bottom:1em;
}
span.formguideline {
font-weight:light;
color: #777;
display: block;
}
/**
* New homepage styles
**/
section.homepage-item {
width:310px;
padding-left:7px;
}
#notice{
background-color: #FFFFCF;
border: 1px solid #AFAFAF;
color: #000000;
margin-bottom: 0.6em;
padding: 15px;
text-align: center;
}
#notice a{
text-decoration: underline;
}
#notice h2{
margin-top:0;
}