/* CSS by Heidi Morris */
html { overflow: -moz-scrollbars-vertical;}
body {
	color: #000; line-height: 1.166;
	margin: 0px; padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em; background: url(images/bg-landscape2.jpg) repeat-x; background-color: #030;
	}

a:link, a:visited, a:hover, a:focus {
	outline: none; color: #369;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #039;
}

h3{
 font-size: 100%;
 color: #039; xcolor: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

xlabel {
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

p {
	line-height: 1.5em;
	font-weight: normal;
	color: #333;
	}

/************** Layout **************/
#logo{
	margin: 0 auto 0px auto; 
	padding: 0px;
	width: 884px; 
}
#content{
	background: url(images/bg-outline.gif) repeat-y;
	margin: 0 auto 0px auto; padding: 0 15px 0 15px;
	overflow:auto;
	width: 886px; 
}
#masthead{
	margin-left:-15px;
	padding: 0px;
	width: 884px; 
}
#navBar{
	background-color: #fff;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	width: 215px;
}

.bottomline {margin-top:5px;}

#story{ text-align:left; 
	margin-left: 230px; margin-right:55px;
	padding: 0;}

.footer { background: url(images/footer.gif) no-repeat; font-size: 8pt; text-align:center; 
	margin: 0 auto 0 auto; padding: 0 15px 40px 15px;
	overflow:none;
	width: 886px; }
	
/************** #news ticker **************/
#news {
    width: 200px; border: solid 1px #999;
    background-color: #fff;
    margin: 20px 0 5px 0; padding: 5px 5px 5px 0px;
    position: relative;
}

#news p { margin: 0 0 1.1em 0; font-size:9pt; line-height:1.1em; padding: 0 5px;}
#news h4 { margin: 0 0 0.9em 0; padding: 0 5px;
	font-weight:bold;}

/************** Main content **************/
#story img {padding:5px; margin: 0px; border: 0; }
#story a img {border: 0; }
#story ul { list-style:square; margin-top: -10px; color: #333; }
#story ul li { padding-left:5px; line-height: 1.5em; font-size: 0.9em; padding-bottom:3px;}
#story p{ padding: 0px 0px 2px 0px; font-size: 0.9em;}
.pagetitle { margin: 0px; padding: 0px;}
#capimg { float:right;}
.caption { text-align:center; font-size:8pt;}

.backlink { font-size: 8pt; }

/************** #menu **************/

#menubox { position: relative;}

#menulink1 {
	text-indent: -5000px;
	background: url(images/gd.gif);
	height: 45px; outline: none;
	}
#menulink1here {
	text-indent: -5000px;
	background: url(images/gd2.gif);
	height: 45px; outline: none;
	}

#menulink2 {
	text-indent: -5000px;
	background: url(images/web.gif);
	height: 45px; outline: none;
	}
#menulink2here {
	text-indent: -5000px;
	background: url(images/web2.gif);
	height: 45px; outline: none;
	}

#menulink3 {
	text-indent: -5000px;
	background: url(images/whatido.gif);
	height: 45px; outline: none;
	}
#menulink3here {
	text-indent: -5000px;
	background: url(images/whatido2.gif);
	height: 45px; outline: none;
	}

  #menu {
    width: 204px; height: 90px;
    background: url(images/menu.gif) 0 -45px;
    margin: 10px auto; padding: 0;
    position: relative;}
  #menu li#menu1 {
    margin: 0; padding: 0; list-style: none;}
  #menu li#menu2 {
    margin: 0; padding: 0; list-style: none;}
  #menu li#menu3 {
    margin: 0; padding: 0; list-style: none;}
  #menu li, #menu a {
    height: 45px; display: block;}

  #menu1 {top: 0px; width: 204px;}
  #menu2 {top: -46px; width: 204px;}
  #menu3 {top: -91px; width: 204px;}
  
  #menu1 a:hover {
    background: transparent url(images/menu.gif)
    0 -135px no-repeat;}
  #menu2 a:hover {
    background: transparent url(images/menu.gif)
    0 -180px no-repeat;}
  #menu3 a:hover {
    background: transparent url(images/menu.gif)
    0 -225px no-repeat;}