body {
        margin:0;
        padding:0;
        border:0;	/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
  		color: #666666;
  		font-family: Verdana,Helvetica,Arial,sans-serif;
		font-size: .85em;
    }

h1 {
		margin:.3em 0 .2em 0;
		padding:.1em;
		color: #4E4E45;
	}
h2 {
		margin:.05em 0 0em 0;
		padding:0em;
		font-size: 1.0em;
		color: #4E4E45;
	}
h3 {
		padding: .01em;
		font-size: .85em;
		color: #4E4E45;
	}
h4 {
		padding: .01em;
		font-size: .75em;
		color: #4E4E45;
		text-decoration:none;
	}
    p {
        margin:.4em 0 .8em 0;
        padding:0;
  		font-family: Verdana,Helvetica,Arial,sans-serif;
		font-weight: normal;
		line-height: 1.25em;
	
    }
	a:hover {
		text-decoration:none;
	}

	a {
		color: #2882C3;
		font-weight: normal;
		text-decoration:none;
	}

	p-a {
    	color:#2477AF;
	font-weight: bold;
	}

	p-a:hover {
		color:#2477AF;
		background:#369;
		text-decoration:none;
	}
   img {
		margin:2px;
		border: 0;
	}
#quarter-column {
	float: left;
	width: 25%;
	margin-top: 1em;
	text-align: left;
	}
#half-column {
	float: left;
	width: 45%;
	margin-top: 1em;
	text-align: left;
	}
#third-column {
	float: left;
	width: 33%;
	margin-top: 1em;
	text-align: left;
	}
#two-third-column {
	float: left;
	width: 66%;
	margin-top: 1em;
	text-align: left;
	}
#full-column  {
	float: left;
	width: 99%;
	margin-top: 1em;
	text-align: left;
	}
#full-column-nomargin  {
	float: left;
	width: 99%;
	margin-top: 0em;
	text-align: left;
	}

	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
        padding: 2px;
        background-color: #9a9a67;
    }
	#header {
		border-bottom:1px solid #000;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#777771;
		border-top:2px solid #666666;
		margin:0;
		padding:1px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        	    width:100%;	/* width of whole page */
	    overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:#CCCC99;
	    text-align: center;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px;
        margin-top:.25em;

    }
	/* Footer styles */
	#footer {
        	clear:both;
        	float:left;
        	width:100%;
       	border-top:1px solid #000;
  	padding: 0.5em;
  	color: #4E4E45;
  	background-color: #999966;
  	text-align: center;
    }

    #footer p {
        padding:2px;
        margin:0;
    }


#nav, #nav ul {
float: left;
width:60em;
list-style: none;
line-height: 1;
background: white;
font-weight: bold;
padding: 0;
border: solid #CCCC99;
border-width: 1px 0;
margin: 0 0 1em 0;
text-align: center;
z-index: 1;
}
#nav a {
display: block;
width: 10em;
w\idth: 7em;
color: #4E4E45;
text-decoration: none;
padding: 0.25em .25em;
}
#nav a.daddy {
background: url("") center right no-repeat;
}
#nav li {
float:left;
padding: 0;
width: 10em;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 13.4em;
w\idth: 12.9em;
font-size: .85em;
font-weight: normal;
border-width: 0.25em;
margin: 0;
}
#nav li li {
padding-right: .1em;
width: 13em
}
#nav li ul a {
width: 13.4em;
w\idth: 12.9em;
text-decoration: none;
}
#nav li ul ul {
margin: -1.75em 0 0 7em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
background: #CCCC99;
}

.rss_box {
float: left;
padding: 1px;
width: 98%;
margin: 0 auto 0 auto;
background-color: #ffffff;
}
.rss_title, rss_title a {
margin: 0px 0;
padding: 0;
text-decoration: none;
}
.rss_items {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
text-decoration: none;
}
.rss_item {
font-size: x-small;
text-decoration: none;
color: #996633;
font-weight: bold;
font-style:normal;
margin-top: 0.5em;
margin-bottom: 0.65em;
}
.rss_item a:link, .rss_item a:visited, .rss_item a:active {
}
.rss_item a:hover {
}
.rss_date {
font-size: xx-small;
}



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

a.squarebutton{
background: transparent url('http://www.oakcliffuu.org/dl-menu/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('http://www.oakcliffuu.org/dl-menu/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin:0 0 0 5px;
}