
body { margin: 0; padding: 0; background:#003d5a url('../images/dkr-bg.jpg') repeat top left;}

* {margin: 0; padding: 0; border: 0; font-family: "Trebuchet MS", Arial, sans-serif; }


/*------------Basic styles------------*/

p, h1, h2, h3, ul, li { margin: 0 10px; color: #000; font-weight: normal; text-decoration: none; background: transparent }

p { font-size: 0.8em; line-height: 1.4em; text-align: justify }
h1 { font-size: 1.3em; line-height: 1.4em; letter-spacing: 0.20em;  color:#333399; }	/* site heading */
h2 { font-size: 1.0em; line-height: 1.4em;  }	/* site heading */
h3 { font-size: 0.8em; line-height: 1.4em;   }				/* sub headings */

a {color:#333399; text-decoration: underline}
a:hover {color: #009933; text-decoration: none}
cite {font-size: 0.8em; }
img {padding:5px;}
/*-------------Layout----------------*/

.width500 {
width: 500px;

}
.width100 {
width: 100px;

}
.alignleft {float: left; width:250px; text-align:left;}

.alignright {float: left; text-align:left; width:49% }


*>html .alignleft {width: 49%;  }

*>html .alignright {width: 40%; } 

.rowcontainer {						/* Used to keep the divs in a row.  you can use this for any size of divs */
	float: none;
	margin-bottom: 0;
	overflow: hidden;
  width: 960px;
	margin-left: auto;
  margin-right: auto;
  clear:left;
	padding: 0 ;
	}

#bttmbar { float: none; width: 960px; margin-left: auto;
  margin-right: auto; height: 35px; text-align:left;color: #666666; }    /* Bottom copyright bar */


/*------ Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 
.bg {
 float: left; 
 margin-bottom: 0;	
 overflow: hidden;
 width: 716px;	
 margin-left: auto;
 margin-right: auto;  	
 padding:0;  
  background:#ffffff url('../images/top-bg.jpg') no-repeat top left;
	 min-height:400px;
}	

.fullcolumn { float: left; width: 718px; height: 214px; padding-left: 240px; background:#003d5a url('../images/dkr-bg.jpg') repeat top left;}		/* Full width column */
.fullcolumn-banner { float: left; width: 956px; height: 214px;  padding-left: 15px;background:#003d5a url('../images/dkr-bg.jpg') repeat top left;}		/* Full width column */
.textcolumn { float: left; width:690px; background: #ffffff; margin:14px; height:auto;  min-height:500px;text-align: center; }

.mapcolumn { float: left; width:690px; background: #ffffff; margin:14px; height:auto; min-height:500px; text-align: center; }	


.schedulecolumnfm { float: left; width:690px; background: #ffffff; margin:14px; height:auto; text-align: center; }	
.schedulecolumnba { float: left; width:690px; background: #ffffff; margin:14px; height:auto; text-align: center; }	

.linkscolumn { float: left; width:690px; background: #ffffff; margin:14px; height:auto; text-align: center; }		
		
.quartercolumn { float: left; width:320px; background: #ffffff; margin:14px; height:auto;min-height:500px; }		/* index page columns */

.menucolumn { float: left; width: 240px; background:#003d5a url('../images/dkr-bg.jpg') repeat top left; text-align:right; }	

hr { margin: 10px; height: 1px; background: #444; color: #444 }  /* rule styling */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 150px; /* Main Menu Item widths */

}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #a9a9a9;
text-decoration: none;
padding: 4px;
border-bottom: 1px solid #a4cde9;
margin: 3px 0;
border-left: 5px solid #a4cde9
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #fffff0; /*background of tabs (default state)*/
color:#002d65;
}

.sidebarmenu ul li a:visited{
color: #002d65;
}

.sidebarmenu ul li a:hover{
background-color: #f0f8ff;
color:#000066;
border-left: 5px solid #000066;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 130px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(../images/right.gif) no-repeat 97% 50%;
padding-right:20px;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

.moz-border {
background-color:#f0f8ff; padding:15px;  border:2px solid #002d65;-moz-border-radius:0.5em; -webkit-border-radius:0.5em;	border-radius:0.3em;
}

#sidebar {
	width: 150px;
	float: right;
	padding: 100px 0;
		}
		
/* Table ferrymead */
		#fm
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0;
	width: 687px;
	text-align: center;
	border-collapse: collapse;
}
#fm th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#fm td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
	border-bottom:1px solid #cccccc
}
.fm-odd
{
	background: #eff2ff;
}
.fm-time
{
	background: #eff2ff;
	width: 150px;
}
.fm-even
{
	background: #e8edff;
}
.fm-dark
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
.fm-lite
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}
/* Table Bealey Ave */
	#ba
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0;
	width: 687px;
	text-align: center;
	border-collapse: collapse;
}
#ba th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ba td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
	border-bottom:1px solid #cccccc
}
.ba-odd
{
	background: #fff693;
}
.ba-time
{
	background: #fff693;
	width: 150px;
}
.ba-even
{
	background: #ffffb2;
}
.ba-dark
{
	background: #e9c34d;
	border-bottom: 1px solid #c8d4fd;
}
.ba-lite
{
	background: #cc7c43;
	border-bottom: 1px solid #d6dfff;
}
#quote {
display:block;width:400px; float:right;color:#fff; padding-right: 20px;  text-align:center;  position:relative; top:-25px; height: 45px}
