/* CSS Document */
#wrapper {
xbackground-image: url(images/bck.jpg);
background-repeat: repeat-x;
width: 700px;
border: thin solid #000000;
margin-right: auto;
margin-left: auto;
padding 0px;
font: 12px "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; color: white;
}
a:link {
font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
}
a:visited {
font-size: 11px;
	color: #CC9900;
	text-decoration: none;
}
a:hover {
font-size: 11px;
	color: white;
	text-decoration: underline;
}
a:active {
font-size: 11px;
	color: #990000;
	text-decoration: none;
}
body{
xbackground-image: url(images/bck.jpg);
background-repeat: repeat-x;
background: #CCCCFF;
padding: 0;
}
.spacer{clear: both;
}
#header{
padding: 0px;
background-color: #6666CC;
width: 700px;
height: 162px;
}
#headback{
background-image: url(images/hagranite.jpg);
color: white;
padding: 0px;
position: center;
height: 100px;
}

#header p{
font-size: 11px;
padding: 10px 30px 10px 5px;
margin: 0;
}
#main{
color: white;
xtext-decoration: none;
border-bottom: 1px solid #6666CC;
xpadding: 0px 0px 0px 10px;
background-color: #0000CC;
width: 700px;
}
img{
margin: 0px 12px 10px 0px;
xborder: 1px solid #FFCC00;
}
#main li{
list-style-type: square;
xpadding: 6px 5px 5px 5px;
}
#map{
width: 420px; 
height: 300px; 
border: 1px solid #FFCC00;
padding: 0px 10px 0px 30px;
margin: 0px 10px 0px 30px;
}
#left{
font-size: 12px;
text-decoration: none;
float: left;
width: 500px;
padding: 0px 0px 5px 0px;
}
#left p{
text-decoration: none;
padding: 0px 10px 0px 30px;
}
#left img{
margin: 0px 10px 10px 0px;
border: 1px solid #FFCC00;
}
#left h2{
xborder-bottom: 3px solid #FFCC00;
padding: 0px 5px 2px 30px;

font-size: 18px;
xcolor: white;
text-decoration:none;
}
#right{
xborder-left: 1px solid #FFCC00;
float: right;
width: 195px;
padding: 6px 0px 5px 0px;
font-size: 10px;
}
#right p{
text-decoration: none;
padding: 0px 30px 0px 14px;
}
#right h2{
xborder-left: 1px solid #FFCC00;
font-size: 12px;
padding: 0px 30px 0px 14px;
text-decoration:none;
}
#right h3{
color: #000000;
background: #FF0000;
padding: 0px 5px 3px 5px;
font-size: 12px;
border-bottom: 1px solid #AAAAAA;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #AAAAAA;
border-left: 1px solid #DDDDDD;
}

#ran{
text-decoration: none;
width: 670px;
height: 30px;
background-image: url(images/hbgranite.jpg);
padding: 0px 30px 0px 0px;
text-align: right; 
background-color: #6666CC;
}
#ran ul{
padding: 0px;
display: inline;
}
#ran li{
padding: 2px 0px 6px 0px;
font-size: 16px;
color: #FFCC33;
list-style-type: none;
text-decoration: none;
}
#navcontainer ul{
background-color: #0000CC;
padding: 10px 0px 10px 200px;
margin: 0px;
list-style-type: none;
width: 500px;
height: 32px;
background-image: url(images/hcgranite.jpg);
text-align: left;
}
#navcontainer li { 
display: inline;
list-style-type: square;
padding: 4px 12px 0px 0px;
}
#navcontainer li a {
xpadding: 4px 8px;
margin: 0px;
text-decoration: none;
font-size: 13px;
}
#navcontainer li a:hover {
text-decoration: none;
margin: 0px;
}
table {
padding: 0px 10px 0px 30px;
}
tableleft {
font-size: 12px;
text-decoration: none;
float: left;
width: 500px;
padding: 0px 10px 0px 30px;
}


tr {
padding: 0px 10px 0px 30px;
}


th {
border: 1px solid #FFCC00;
text-align: left;
padding: 0px 5px;
background-color: #6666CC;
color: #fff;
font-size: 12px;
}
td{

}
#main p {text-align: justify;}

.row .art p{
margin: 0;
/* padding: vert horiz  */
padding: 2px 0;
}

.row .art hr{
margin: 5px 0;
padding: 0;
}

.row .art h3{
margin: 0;
padding: 2px 0;
}

#footer{
border-top: 1px solid #0000CC;
background-image: url(images/marblefoot.jpg);
background-color: #6666CC;
font-size: 11px;
height: 30px;
padding: 2px 0px 8px 0px;
}