body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;	
	background-color: #ddd;
	}

#container
{
margin: 1em 10%;
background-color: #FFF;
background-image: url(images/lblue169.gif);
/*background-repeat: repeat-y;*/
border: 1px solid #333;
} 
	
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#ccc;
	}
p {
	font:12px/20px verdana, arial, helvetica, sans-serif;
	color=#003399;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
	
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {
	color:#09c;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}

IMG.displayed {
    display: block;
		border: 0;
    margin-left: auto;
    margin-right: auto }

/*the bullet does not line up to the text in an attractive way
As a work-around, you can properly align bullet images via the 
background image CSS property. First, set set the list to have no bullets. 
Then, define a non-repeating background image for the LI tag, with the image 
shifted down slightly. Set the "line-height" to accomodate the bullet image, 
and use "padding-left" to shift the text to the left of the bullet. */ 
      
#pointlist { list-style-type:none;}

#pointlist li { 
        margin: 0 0 0.6em 0; /* width of image + 8px */ 
				background-image: url(images/blue_bullet.gif);
				background-position: 0px 12%;  /* X-pos Y-pos (from top-left) */
				background-repeat: no-repeat;
        padding: 0 0 0 24px; /* use the left padding here to increase your gap between bullet and text */ 
				font-size:14px;
				margin-bottom: 2em;
				}


#navcontainer { 
width: 220px; 
float: left;
margin-left: 10px;
padding-top: 1em;
}

#nav p
{ 
margin-top: 0; 
} 

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a
{
display: block;
font-size:12px;
padding: 6px;
width: 180px;
height: 30px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

	p,h1,pre {
		margin:0px 30px 10px 30px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}	
		
	#content
		{
		padding-top: 1em;
		margin: 0 2em 0 200px;
		}

	#banner {
		border-bottom: 1px solid #333;
		}
	
	#banner h1 {
		margin: 0;
		padding: .5em;
		} 
		
	#footer	{
		clear: both;
		font-size:10px;
		padding: 1em;
		padding-left: 0;
		padding-right: 0;
		text-align: right;
		border-top: 1px solid #036;
		} 

	#phonelist {
		border-top: 1px solid #333;
		}	
	  p {

               font-size:18px;
               padding: 0;
               margin:0px 0px 0px 0px;

                }

								
#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
font: bold 100% Tohoma;
width: 100%;
border: 1px solid #625e00;
background-color: #036;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a {
float: left;
padding: 2px 12px;
background-color: #036;
color: #EEE;
text-decoration: none;
background: transparent url(images/vertical.gif) center right no-repeat;
}

#vdividermenu ul li a:visited{
color: #EEE;
text-decoration: none;
}

#vdividermenu ul li a:hover{
background-color: #369;
color: #fff;
}

#menu ul li a:link {
color: #EEE;
}
#menu ul li a:active{
color: FFF;
background-color: #092869;
}


#menu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
border: 1px solid #625e00;
background-color: #99FFFF;
}