/* QEAC/CSS */
/* COLOR SCHEME
body: #707070 (grey)
links: #004B6E (teal)
nav bg: #C84101 (orange)
headers: #9E0B0F (maroon)
hovers: #662d91 (purple) QEAC
        #C84101 (orange) EATC
        #9E0B0F (maroon) PIER
*/


/*
BEGIN REFERENCE: 
http://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/   
*/

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent browser defaults ul,ol padding or margin  
   the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. 
   zero out the spacing around pre, form, body, html, p, blockquote as well 
   form elements are oddly inconsistent, and not quite CSS emulatable. 
   nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/* END REFERENCE */


body
{
  color:#707070;
  background:#fff url(../images/bg.png) repeat-x;
  margin:0px;
  font-family:Arial;
  font-size:9pt;
  text-align: center; /*for IE*/
}


h1{color:#662d91;} /*purple*/
p{margin-bottom:15px;}
h2,h3,h4,h5,h6
{
	color:#9E0B0F;/*maroon*/
	margin: 15px 0px 0px 0px;  /*margin:0px 0px 15px 0px;*/
} 

table{border-collapse:collapse;}
body,
td,
th
{
	font-size:;
	color: #333333;
}

#container{
  width:960px;
  margin-left:auto;
  margin-right:auto;
  text-align: left; /*because of IE text-align:center in the body*/
  /*background:url(../images/body_bg.jpg) no-repeat;*/
  background-position:400px 100px;
  position:relative;
}
#logo{
  margin-top:30px;
  margin-left:5px;
}
#qeac_header{
  margin-left:160px;
  margin-top:20px;
  position:absolute;
}
#body{
  margin-top:2px;
  /*background-position: 394px 0px;*/
  padding-top:15px;
}
#nav{
  float:left;
  margin-top:20px;
  margin-right:20px;
  width:170px;
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  position:relative;
}
#nav ul
{
  border-top:1px solid #d9d9d9;
  
  margin:0px;
  padding:10px 0px;
  
}
#nav ul li
{
  padding-left:20px;
  padding-top:7px;
  padding-bottom:7px;
  list-style:none;
  color:#004b6e;
  background:url(../images/icon_link_off.gif) no-repeat;
  background-position:5px 10px;
}
#nav ul li:hover
{
  padding-left:20px;
  padding-top:7px;
  padding-bottom:7px;
  list-style:none;
  color:#fff;
  background:#662d91 url(../images/icon_link_on.gif) no-repeat;
  background-position:5px 10px;
}
#nav ul li:hover a{color:#FFF;}
/*DFe*/
#nav ul li a{color:#004b6e;text-decoration:none;}
#nav ul li a:hover{color:#fff;background-color:#662d91;}

#govt{
  padding:15px;
}
#content{
  background:#FFF;
  width:720px;
  padding-top:20px;
  margin-left:200px;
  padding-right:20px;
}
#right_panel
{
  width:247px; /*DFe*/
  float:right;
  padding-left:30px;
  height: 174px; /*DFe - fix wrap problem but still doesn't work for IE.*/
}
#right_panel .button
{
	margin-bottom:5px;
}
#content h1{
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  color:#662d91; /*Purple*/
  margin:0px;
  font-size:13pt;
  font-weight:bold;
  padding:5px 10px;
}
#footer
{
  padding:20px;
  clear:both;
  border-top:1px solid #d9d9d9;
  position:relative;
}
/*from old CSS and modified*/
.MainBody {width:700px;padding: 10px 20px 15px 10px;}
.MainBody a{color:#9E0B0F;text-decoration:none;}
.MainBody a img{ border:0px;}
.MainBody a:hover img{ border:0px;}
.MainBody a:hover{color:#004b6e;}
.MainBody td{font-size:12px;color:#666;}
.MainBody ul li{margin-left: 20px;padding-left:2px;list-style:disc;}
.MainBody li a{color:#999;}
.MainBody li a:hover{color:#004b6e;}