body {
background-image: url("images/backdot.gif");
margin: 10px;
padding: 0;
font-size: 0.8em;
font-family: verdana, arial, helvetica, sans-serif;
}
h1 {
font-family: verdana, arial, helvetica, sans-serif;
margin: 0 0 15px 0;
padding: 0;
color: #888;
}
h2 {
font-family: verdana, arial, helvetica, sans-serif;
margin: 0 0 5px 0;
padding: 0;
font-size: 1.1em;
color: #12447f;
}
p {
font-family: verdana, arial, helvetica, sans-serif;
line-height: 1.1em;
margin: 0 0 16px 0;
padding: 0;
}
a {
color: teal;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: 600;
text-decoration: none;
font-size: 0.8em;
}
a.normal {
font-size: 1em;
}
a:link {
color: #12447f;
}
a:visited {
color: #979999;
}
a:hover {
background-color: #9cf;
}

a.quicklink {
color: #12447f;
font-size: 1em;
font-weight: 450;
}

a.ml {
color: #9cf;
font-size: 0.75em;
}

a.faq {
color:#12447f;
font-size: 0.9em;
}

i {
color: #12447f;
font-size: 1em;
}

i.faq {
color: #12447f;
font-size: 0.9em;
}

i.red {
color: red;
font-size: 0.9em;
}

p.footer {
color: #118899;
font-size: 0.8em;
text-align: center;
}

p.error {
color: red;
}

hr {
border: none 0;
border-top: 1px dashed #000;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

b.quicklink {
color: #12447f;
}

b.header {
color: #12447f;
}

#headerbar {
    position: relative;
    top: 1px;
    width: 100%;
    border: 0px;
    padding: 0px;
    display:table-row;
}


#account {
    background-image:  url("images/backdot.gif");
    border: 0px;
    max-width: 30%;
    position: fixed;
    z-index: 5;
}

#mast {
    border: 0px;
    position: relative;
    left: 25em;
}


#bar {
    background: #12447f;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
     height: 38px;
    padding: 0 50px;
    border: 1px solid #a1a6b1;
}


#bar h1 { margin: 0 720px 0 0;    }

#bar h1 img {
    font-weight: bold;
    color: #7f7c45;
}

#bar ul {
    position: absolute;
    top: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #576178;
    border-right: 1px solid #1f2635;
} * html #bar ul { right: 50px; }

#bar li {
    float: left;
    margin: 0;
    padding: 0;
}

#bar ul span, #bar ul a:link, #bar ul a:visited {
    display: block;
    float: left;
    padding: 10px 15px;
    text-decoration: none;
    border-right: 1px solid #576178;
    border-left: 1px solid #1f2635;
    color: #dee0e5;
    height: 36px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 16px;
} #ignored {}

#bar ul li span,
#bar ul li a.current,
#bar ul li a:hover {
    background: #9cf;
    color: #12447f;
    text-decoration: underline;
}

#bar ul li span,
#bar ul li a.current {
    text-decoration: none;
}



#content {
position: absolute;
width: 65%;
/*top: 150px;*/
left: 25%;
border: none;
}

#quicklinks {
position: fixed;
left: 1%;
top: 230px;
width: 5%;
border: none;
}

#footer {
position: absolute;
left: 20%;
bottom: 0.1em;
/*top: 100%;*/
width: 60%;
border: none;
}


label /*used in login boxes*/
{
width: 4em;
float: left;
text-align: left;
margin: 0 2em 10px 0;
clear: both
}


.arrow /*used to display arrow image in quicklink*/
{
text-align: center;
margin: 0 0 0 0em;
}

.input-box /*used in login box*/
{
float: left;
margin-bottom: 10px;
color: #26a;
background: #ffffff;
border: #12447f solid 1px
}

.submit-button /*not sure if this is used anywhere*/
{
margin-left: 5em;
clear: both;
color: #ffffff;
background: #99ccff;
border: 2px #9cf outset;
}


fieldset
{
border: #12447f solid 1px;
}

fieldset.content /* almost all content boxes are of this type*/
{
width: 55em;
margin: 1em 0 0 1em;
padding: 1.5em;

}

fieldset.home /*these next few fieldsets are specific to their own divs so can be changed*/
{
width: 24em;
margin: 3em 0 0 1em;
padding: 2em;
font-size: 0.9em;
}

fieldset.account
{
width: 18em;
}
fieldset.quicklinks
{
width: 15em;
}

fieldset.space /* no idea! */
{
margin: 0em 3em 0em 3em;
padding: 1em;
}

legend /*little box on each fieldset!*/
{
background: #12447f;
border: #99ccff solid 1px;
padding: 1px 10px;
color:#99ccff;
font-weight: bold;
}

input.btn{ /* standard submit button on forms */
   color:#99ccff;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#12447f;
   border:1px solid;
   border-top-color:#99ccff;
   border-left-color:#99ccff;
   border-right-color:#99ccff;
   border-bottom-color:#99ccff;
}

input.apply{ /* bigger version of submit button, used occasionally */
   color:#99ccff;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:1.1em;
   font-weight:bold;
   background-color:#12447f;
   border:1px solid;
   border-top-color:#99ccff;
   border-left-color:#99ccff;
   border-right-color:#99ccff;
   border-bottom-color:#99ccff;
}


tr.d0 td { /* i dont think these ones are used */
        background-color: #99CCFF; color: black;
}
tr.d1 td {
        background-color: #FFFFFF; color: black;
}


table.sample { /* think this table type is only used once, on the projects section */
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: white white white white;
	border-collapse: separate;
	background-color: white;
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: rgb(18, 68, 127) rgb(18, 68, 127) rgb(18, 68, 127) rgb(18, 68, 127);
	background-color: rgb(247, 249, 249);
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: rgb(18, 68, 127) rgb(18, 68, 127) rgb(18, 68, 127) rgb(18, 68, 127);
	background-color: rgb(247, 249, 249);
}

table.print { /* printable version of a tender */
	width: 70%;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #12447f;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	/*letter-spacing: 2px;*/
	/*text-transform: uppercase;*/
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #9cf;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}


td.norm {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 5px 5px 5px 10px;
	color: #4f6b72;
}



td.alt {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 6px 6px 6px 12px;
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

table.neat { /* this is the table type generally used */

	/*width:90%;*/
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:0em auto;
	border-collapse:collapse;
}

caption {
	color: #9ba9b4;
	font-size:.94em;
	margin:0em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
}

td.neat {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.2em 1em;
	text-align:left;
}

th.neat {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
}

tr.odd td	{
	/*background:#f7fbff*/
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}

		

/*For hidden divs*/
/*fieldset.hidden { display: none;}	*/