/* CSS Document */



/* the bit that does the work */



body {

  margin:0;

  border:0;

  padding:0;

  height:100%; 

  max-height:100%; 

  background:#fff; 

  font-family:Verdana, Arial, Helvetica, sans-serif;

  font-size:11px;

  color:#000080;

  overflow: hidden; 

  }



/* for internet explorer */

* html body {

  padding:120px 0 50px 0; 

  }



#container {

  font-family:Verdana, Arial, Helvetica, sans-serif;

  font-size: 1.2em;

  position:fixed; 

  top:120px;

  left:0;

  bottom:50px; 

  right:0; 

  overflow:auto; 

  background:#fff;

  padding:20px;

  }



* html #container {

  height:100%; 

  width:100%; 

  }



#logo {

	position:absolute;

	top:0px; left:0px;

	width:355px; height:260px;

	overflow:auto;

	z-index:200;

	 }



#logo-ftr {

	position:absolute;

	bottom:-8px;

	text-align:center;

	background:url(grafx/ttl-foot.gif) center no-repeat;

	width:100%;

	height:50px;

	overflow:auto;

	z-index:200;

	left: -22px;

	 }



#header {

  position:absolute; 

  top:0; 

  width:100%; 

  height:130px; 

  background:#663399;

  border-bottom:4px solid #6699CC;

  min-width:850px;

  z-index:50;

  }

* html #header {height:134px;}





#footer {

  position:absolute; 

  bottom:-8px; 

  left:-4px;

  width:100%; 

  height:55px; 

  overflow:auto; 

  text-align:right; 

  background:#663399;

  border-top:5px solid #6699CC;

  min-width:850px;

  }

* html #footer {height:55px;}



/* end of bit that does the work */



p {  font-family:Verdana, Arial, Helvetica, sans-serif;}



h1 {font-size:2em; color:#FFCC00; margin-left:360px; padding:0; letter-spacing:2px;}

h2 {font-size:1.2em; color:#000080; margin:0; padding:0; letter-spacing:1px;}



#footer p {

  color:#fff; 

  margin:5px 10px 0 10px;

  }





#header img {

  margin:5px 5px 0 5px;

  }

#container img {margin:5px;}



a, a:visited {

  font-size:1.1em;

  text-decoration:none;

  color:#ddd;

  }



a:hover {

  color:#fff; 

  border-bottom: solid 3px #6699CC;

  text-decoration:none;

  }



/* HEADER MENU */



#header ul {

  clear:both; 

  text-align:right; 

  border-top:1px solid #6699CC;

  }



#header ul {

  margin:0; 

  padding-right: 20px;

  list-style-type:none; 

  background:transparent; 

  height:3em;

  }



#header ul li {

  display:inline; 

  color:#6699CC;

  font-weight:bold;

  }



.lft {float:left; padding-left:10px; padding-top: 2px; color:#ececec; }

.rgt{float:right;}

.info {border:#FFCC00 solid 2px; width:80%; padding:3px; text-align:left;}



.columnone {width:31%; float:left; text-align:justify; margin-right:4%; margin-top:70px;}

.columntwo {width:31%; float:left; text-align:justify; margin-right:4%;}

.columnthree {text-align:justify; border:1px solid #fff;}

* html .columnthree {border:0;}



hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}

hr.sub {margin-left:100px; color:#FFCC00; width:85%; text-align:right; height:1px; background-color:#FFCC00;}



.columnthree a, .columnthree a:visited, .columntwo a, .columntwo a:visited {font-size:1em; color: #6600CC; text-decoration:underline;}

.columnthree a:hover, .columntwo a:hover {color:#888; text-decoration:none;}

.columnthree ul li {padding-left:75px; list-style-type:none;}