/* 	City of Delaware CSS Document */

/*	
	Orange - #d98500;
	Blue - #0054a6;
	Green - #197b30;
	Maroon - #7b1804;
*/


body {
   	margin:0;
   	padding:0;
	}

#courts-container {
   	width: 100%;
   	position: relative;
	}

#courts-container #header-container {
   	background: url('images/courts/bg-header.png') top left repeat-x;
   	height: 145px;
   	width: 100%;
   	position: relative;
	padding: 0px;
	z-index: 1000;
	}
	
#courts-container #utilitynav {
	text-align: right;
	margin-top: 15px;
	height: 25px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 11px;
	color: #004970
	}
	
#courts-container #mainnav {
	padding-top: 25px;
	height: 35px
	}	
	
#courts-container #logo {
	float: left;
	margin-top: 25px;
	margin-left: 18px;
	width: 317px;
	}	

#courts-container #courtsid {
	padding-top: 15px;
	text-align:right
	}

#courts-container #midbackground {
	width: 100%;
	background: url('images/courts/bg-pattern.gif') top left;
	}
	
#courts-container #contentwrapper {
	width: 962px;
	margin-top: -7px;
	margin-bottom: 0px;
	}
	
#courts-container #shadow-L {
	background: url('images/courts/shadow-L.png') top left repeat-y;
	}
	
#courts-container #shadow-R {
	background: url('images/courts/shadow-R.png') top right repeat-y;
	}	

#courts-container #maincontentarea {
	margin-top: -25px;
	width: 919px;
	background: #fff url('images/courts/bg-stars.gif') top right no-repeat;
	position: relative;
	height: 100%;
	height: auto;
	padding: 10px 20px 10px 12px;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #363636
	}

#footer-courts {
   	width:100%;
	height:95px;
   	background: url('images/courts/bg-footer.gif') top left repeat-x;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	text-align: center
	}
	
#courts-container #mainbanner {
	width: 929px;
	height: 225px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	}
	
#courts-container #mainbanner-L {
	width: 220px;
	background: #e9f2fa;
	border: 1px solid #004970;
	text-align: left;
	vertical-align: top
	}
	
#courts-container #mainbanner-R {
	width: 693px
	}
	
#courts-container #mainbanner-R img {
	border: 1px solid #004970
	}	
	
.clear {
	clear: both
	}
	
#courts-container #contentcolumn-left {
	width: 222px;
	vertical-align: top;
	text-align: left
	}	
	
#courts-container #contentcolumn-middle {
	width: 446px;
	background: #fefeff;
	border: 1px solid #004970;
	vertical-align: top;
	text-align: left
	}

#courts-container #contentcolumn-right {
	width: 222px;
	vertical-align: top;
	text-align: left
	}
	
#courtshome-callout {
	background: url('images/courts/bg-homecols.gif') bottom left repeat-x;
	width: 220px;
	border: 1px solid #004970
	}	
	
/*	SUBPAGE STYLES	*/

#courts-container #mainbanner-subpage {
	width: 929px;
	min-height: 35px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	}
	
#courts-container #maincolumn-left {
	float: left;
	width: 450px;
	}
	
#courts-container #maincolumn-right {
	float: right;
	width: 239px;
	}	
	
#courts-container #contentcolumn-main {
	width: 690px;
	vertical-align: top;
	text-align: left;
	border-left: 10px solid #fff;
	}	
	
/*	DETAILS BANNER MAIN	*/

#courts-container #detailsbanner #contentcolumn-lefttop {
	background: #e9f2fa;	
	border: 1px solid #004970;
	width: 222px;
	vertical-align: top;
	text-align: left
	}
	
#courts-container #detailsbanner #contentcolumn-leftbtm {
	background: #fff url('images/courts/bg-homecols.gif') bottom left repeat-x;
	text-align:left; 
	vertical-align: top
	}
	
#courts-container #detailsbanner #pagetitle {
	background: #cae0f3 url('images/courts/bg-pagetitle.gif') repeat-x bottom left;
	width: 685px;
	padding: 10px 0 16px 0;
	margin-bottom: 8px;
	
	color: #004970;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:left;
	}	
		
	
/*	DETAILS NO BANNER */

#courts-container #details-nobanner #contentcolumn-lefttop {
	background: #e9f2fa;	
	border: 1px solid #004970;													/*** COLOR WILL CHANGE PER THEME ***/
	width: 222px;
	vertical-align: top;
	text-align: left
	}
	
#courts-container #details-nobanner #contentcolumn-leftbtm {
	background: #fff url('images/courts/bg-homecols.gif') bottom left repeat-x;
	text-align:left; 
	vertical-align: top
	}
	
#courts-container #details-nobanner #contentcolumn-main {
	width: 690px;
	vertical-align: top;
	text-align: left;
	border-left: 10px solid #fff;
	}
	
#courts-container #details-nobanner #pagetitle {
	background: #cae0f3 url('images/courts/pagetitle-abstract.jpg') repeat-x bottom left;
	width: 685px;
	padding: 10px 0 16px 0;
	margin-bottom: 8px;
	
	color: #004970;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:left;
	}