body {
	background-color: #FFFFFF;
	font-size: 14px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000; /* text */
	padding:0px;
	margin:0px;
	/*text-align: center;*/
}
/*headlines*/
h1 {
	font-size: 11px;
	text-transform:uppercase;
	background-color: #fff; /* headers */
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0px;
	text-align: left;
}
h2 {
font-size:15px;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

h3 {
	font-size: 11px;
	text-transform:uppercase;
	background-color: #fff; /* headers */
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0px;
	text-align: center;
	vertical-align: middle;
}

p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*this one's good for captions*/
code {
}

/*links*/
a {color: #000000;text-decoration:none;}
a:visited {color:#000000;}
a:hover {color: #564b47;}
a:active { color:#0000ff;}

/*images*/
img.download {vertical-align:middle;}
img.cabo {margin-top:5px;}
.left {margin:auto 5px 5px auto; float:left; }
.right {margin:auto auto 5px 5px; float:right; }
/* ---google ads holder--- */
.google120 {
margin:auto 3px; }

/* ------------LAYOUT DIVS---------- */

/* ----the entire holder---- */
#god {
	width: 970px;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	/*clip: rect(0px,auto,0px,auto); --clip isn't necessary, nor is it always a good idea-- */
} 

/* -----header - banner holds both the picture and the navigation, which is its own div too---- */
#banner {
/*width: 957px; --we should make what's IN this div define its width-- */
/* text-align: left; */
background-color: #FFFFFF; /* header bg */
padding: 0px;
margin: 0px; }
#toppic {
}
#navigation {
/*width: 957px; --we should make what's IN this div define its width-- */
padding: 0px;
margin: 0px;
height: 25px;
}

#menu {
position: absolute;  /*Menu position that can be changed at will */
top: auto;
left: auto;
float:left;
z-index:100;
width: 100%; /* precision for Opera */
padding-left:5px;
margin:0px;
}

/* #banner img {padding:10px 0px;} we can uncomment this out if we feel like it ;) */

/* -----OUTER columns------ */
/* outer, left and right all need to be changed when changing left and right column widths */
#outer{ 
border-left: solid 166px #ccc; /* color of left column */ 
border-right: solid 126px #ccc; /* color of right (google) column 126 allows 2px padding and 1px border if need be */ 
background-color: #ffffff;  /* color of content column */
} 

#inner{margin:0; width:100%; } /* ie/pc fix? */ 

/* ------left & right columns----- */
#left {
 width:166px; 
 float:left; 
 position:relative; 
 margin-left:-166px; 
 margin-right:1px;
 text-align: center;
 }
 #right {
	width:124px;
	float:right;
	position:relative;
	margin-right:-126px;
	margin-left:2px;
	text-align: center;
 }

/* ------the meat--------- */ 
#content{ 
position: relative; 
margin: 0px;
padding: 3px; 
}


/*  -------footer---- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: center; 
font: 12px bold;
border:1px #000 solid;
} 




/* ---Navigation-Specific CSS--- */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


#menu dl {
float: left;
width: 9.8em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}