/* Ruth's css 7 July 2004 */

body {  
background-color: #010303; 
color: #666666; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 1em; 
text-align: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#header {background-color: #010303; height: 70px; margin: 0 0 0 0; padding: 0px 10px 0px; text-align: right;}
#header a {display: inline; color: #999; padding-left: 5px; font-size: 0.7em; text-decoration: none; }
#header a:hover{ color: #ccc;}

p { line-height: 1.7em; padding: 0px 10px 10px;}

h1 {font-size: 1.4em; font-style: italic; letter-spacing: 0.2em; text-align: center; padding: 20px 0px 0px; }

h2 {  font-size:1.3em; text-align: left; margin-bottom: 0px;}

.address {  line-height: 1.6em;  text-align:center; }
.award {  line-height: 1.6em; color: #6666cc; text-align:left; }
.software { text-align:left; padding: 0; margin: 0; }
.contact {border-right: dotted 1px #666;}
.pale {background: #1C4D65; margin: 0px 0 0 0px; }
.open { display: block; }
.closed { display: none; }

a{ text-decoration: none; color: #66c;}
a:visited { text-decoration: none; color: #963;}
a:hover, a:active { text-decoration: underline; color: #fc3;}

 
#mainImage {
  height: 240px;
  background: #010303 url(images/reflection.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 0 0 0 0;
}
#mainImage2 {
  height: 240px;
  background: #010303 url(images/reflection.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 0 0 0 0;
}

#maincontent {
position: absolute; top: 50px; left: 0; width: 100%; 
background-color:#010303;
/* False margin value for all versions of IE Win, including 6.0 */	
margin-left: 0;
padding: 0;
font-size: 0.7em;
}

#leftColumn {
position: absolute; top: 30%; left: 0; margin: 0px; padding: 0; width: 16%;min-width:160px;
background: #0B1F2F;
border: 1px solid #666;
}
#leftColumn a{color: #999; text-docoration: none;}
#leftColumn a:hover{color: #ccc;}
#leftColumn a:{color: #999;text-docoration: none;}

/* mid column used on home page only */
#midColumn {
position: absolute; top: 100px; left: 28%; margin: 10px; padding: 0; width: 22%;min-width:160px;
background: #0B1F2F;
border: 1px solid #666;
font-size: 0.7em;
}
#contentColumnFlash {
position: absolute; top: 10%; left: 16%; margin: 0px; padding: 0; width: 84%;
background: #010303;
line-height: 2em;
 /* background: #010303 url(images/reflection.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;*/
}
  
#contentColumn {
position: absolute; top: 10%; left: 16%; margin: 0px; padding: 0; width: 78%;
background: #010303;
line-height: 2em;
}

#contentColumn #text {background: #fff; margin-top: -10px;}



 /* menu styles only */
#menu dl {list-style-type: none; margin: 0px; padding: 0px;}
#menu dt{padding: 8px 10px;}
#menu dt.pale a, #menu dt.pale a:visited {
display: block; /* needed to force the active a area to include all the row instead of just over text */ 
color: #999;
width: 100%;
}

#menu dt.pale a:hover {display: block; color: #ccc; width: 100%; }
#menu dt.pale#at {
background: url(images/navArrow.gif) no-repeat #ccc;
background-position: right;
}
#menu dd {background: #11314B; margin: 0px; }
#menu dl ul li {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 10px;
border-bottom: solid 1px #6A8490; 
}
#menu dl ul li.noborder{border-bottom: solid 1px #11314B;}
#menu dl ul li.noborder:hover{border-bottom: solid 1px #6A8490;}

#menu dl ul{margin: 0px;}
/*the next 2 syle only work in mozilla browsers - hence the 3rd style below for ie */
/* -1- */
#menu dl dd ul#ul_item1 li:hover  {
margin-left: 0px; padding-left: 10px;
background: url(images/navArrow.gif) no-repeat #ccc;
background-position: right;
color: #666;

}
/* -2- */
#menu dl dd ul#ul_item1 li#at {
margin-left: 0px; padding-left: 10px;
background: url(images/navArrow.gif) no-repeat #ccc;
background-position: right;
color: #666;
border-bottom: solid 1px #6A8490;
}

#menu ul li a {
display: block;
color: #999;
width: 100%;
}
#menu ul li a:hover {
display: block;
color: #666;
width: 100%;
}
/* -3- */
* html #menu ul li a:hover {
display: block;
width: 100%;
color: #ccc;
}
/*
#menu ul ul a:hover {
border-right: 2px solid #F3A04E;
background: url(../images/overArrow.gif) no-repeat #CBCBCB;
z-index:100;
}
*/
#menu a:link, #menu a:visited {
text-decoration: none;
color: #999;
}
	
/*----------------------start footer styles------------------*/

#footer  { 
width: 100%;
float: left;
	
}

#footer p { 
font-size: 0.6em;
padding-bottom: 10px;	
}

#guildLogo p{
padding: 0px 0px 10px 15px; 
}

#govtLogo p{
padding: 0px 10px 10px
}

#guildLogo {
padding: 25px 0px 0px; 
}

#govtLogo {
background: #fff url(images/bg_links_govt.jpg) no-repeat;
padding: 25px 0px;
margin: 0 0 0 0;
float: right;
width: 233px;
}
#mainImageFooter{
height: 240px;
background: #010303 url(images/reflection.jpg);
background-repeat: no-repeat;
float: right;
width: 233px;
}

/*----------------------end footer styles------------------*/