@charset "utf-8";
/* ###########################################
	TERMINALFOUR
	
		- ballina town council
					revision: 30/06/08 (v1)
########################################### */

* { margin: 0px; padding: 0px;}

html { }
body { background:#ffffff url(Media,7927,en.jpg) top repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 4px 0 0 0;}


/* <Generic Rules> */
.r {float: right;}
.l {float: left;}

.ar { text-align: right;}
.ac { text-align: center;}
.al { text-align: left;}

.clear {width: 100%; height: 1px; font-size: 1px; clear: both;}
.clear15 {width: 100%; height: 15px; font-size: 1px; clear: both;}

.w50p { width: 49%;}

.invisible { visibility: hidden; display: none;}
a img {border: 0px;}


#wrapper { width: 900px; margin: 0px auto;}
#footer { width: 902px; height: 60px; margin: 10px auto; padding: 70px 40px 0 0; font-size: 0.8em; color: #666666; text-align: right; background: transparent url(Media,7925,en.png) top left no-repeat;}


/* <toolbar> */
#toolbar { height: 27px; }

#toolbar p { padding: 4px 10px 0 0; color: #fff; font-size: 0.85em;}
#toolbar p a { text-decoration: none; color: #fff;}
#toolbar p a:hover { text-decoration: underline;}

#toolbar p a.font_s { font-size: 0.9em; color: #ccc;}
#toolbar p a.font_m { font-size: 1.1em; color: #ccc;}
#toolbar p a.font_l { font-size: 1.25em; color: #ccc;}
#toolbar p a:active, #toolbar p a:hover, #toolbar p a:focus { color: #fff;}

#toolbar #searchbox { float: right; background: transparent url(Media,7932,en.png) bottom right no-repeat; height: 27px; width: 240px; padding: 0 0 0 10px;}
#toolbar #searchbox input { color: #9A9A9A; font-size: 0.9em; padding: 2px 4px 0px 4px; height: 16px; width: 140px; float: left; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #9A9A9A; margin: 0px;}
#toolbar #searchbox button { border: 0px; height: 25px; width: 75px; padding: 0px 8px 4px 0px; text-align: right; background: transparent url(Media,7931,en.png) top left no-repeat;  margin: 0px; color: #666666;}

/* <header> */
#header { height: 100px; background: transparent url(Media,7926,en.png) bottom left no-repeat;}

#header img { float: left; margin: 2px 20px 0 40px;}
#header h1 { font-size: 1.6em; margin: 20px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
#header p { color: #333333; font-size: 0.8em; text-align: right; padding: 14px 12px 0 0;}
#header p a { color: #333333; text-decoration: none;}

/* <breadcrumbs> */
#breadcrumbs { margin: 16px 0 20px 10px; font-size: 0.85em; color: #666666;}
#breadcrumbs a { color: #666666; text-decoration: none;}
#breadcrumbs a:hover { text-decoration: underline;} 

/* <left navigation> */
#left_nav { width: 200px; float: left;}

/* [first level] */
#left_nav ul { list-style: none;}
#left_nav ul li { line-height: 28px; border-bottom: 1px dotted #000; font-size: 1.0em; font-weight: bold;}
#left_nav ul li a { color: #000; text-decoration: none; display: block; background: transparent url(Media,7930,en.png) 10px no-repeat; padding: 0 0 0 25px;}
#left_nav ul li span { display: block; background: #BBCCDC url(Media,7930,en.png) 10px no-repeat; padding: 0 0 0 25px;} 
#left_nav ul li span a { background: #BBCCDC none; padding: 0px;  }
#left_nav ul li a:hover { background-color: #BBCCDC;}

/* [second level] */
#left_nav ul li ul { padding: 0 5px 0 20px; background-color: #E8EDF1;}
#left_nav ul li ul li { line-height: 20px; border-bottom: none; font-size: 0.9em; }
#left_nav ul li ul li a {  background-color: transparent; }
#left_nav ul li ul li span { color: #000; text-decoration: underline; display: block; background: transparent url(Media,7930,en.png) 10px no-repeat; padding: 0 0 0 25px; }
#left_nav ul li ul li a:hover { background-color: transparent;  text-decoration: underline;}

/* [third level] */
#left_nav ul li ul li ul { }
#left_nav ul li ul li ul li { font-size: 1.0em; font-weight: normal;}
#left_nav ul li ul li ul li a { text-decoration: underline; background: transparent url(Media,7929,en.png) 10px 10px no-repeat; padding: 0 0 0 20px;}
#left_nav ul li ul li ul li span { text-decoration: underline; background: transparent url(Media,7929,en.png) 10px 10px no-repeat; padding: 0 0 0 20px; font-weight: bold;}
#left_nav ul li ul li ul li a:hover { text-decoration: none;}

/* <columns> */
.homeColL { float: left; width: 410px; padding: 0 20px 0 20px;}
.homeColR { float: left; width: 250px; padding: 0 0 0 0;}

.oneCol { float: right; width: 660px; padding: 0 20px 0 0;}

.twoColL { float: left; width: 460px; padding: 0 20px 0 20px;}
.twoColR { float: left; width: 200px; padding: 0 0 0 0;}

/* <content> */
#content p { padding-bottom: 10px;}
#content img { float: right; padding: 10px;}

#content a { color: #003366; text-decoration: underline;}
#content a:hover {  text-decoration: none;}

#content h2 { color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; margin: 0 0 12px 0; font-weight: normal;}
#content h3 { color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; margin: 0 0 8px 0; font-weight: bold;}
#content h4 { color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 0 0 8px 0; font-weight: bold;}
#content h5 { color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; margin: 0 0 4px 0; font-weight: bold;}

#content ol, #content ul { margin: 5px 0 10px 40px;}

#content table { border-collapse: collapse;}
#content table thead tr td, #content table tr th { background-color: #D1E0EF; border: 1px solid #003366; color: #003366; padding: 4px 6px; text-align: center; font-weight: bold;}
#content table tbody tr td { padding: 4px 6px; border: 1px solid #999;}

/* <sideContent> */
#sideContent { padding: 2.5em 0 0 0;}

#sideContent h3 { color: #003366; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 0 0 8px 0; font-weight: bold;}
#sideContent a { color: #000;}
#sideContent a:hover { text-decoration: none;}

#sideContent img { float: right; margin: 15px 0 0 0;}

#sideContent ol, #sideContent ul { margin: 0 0 0 20px; list-style: none;}
#sideContent ol li, #sideContent ul li { margin: 4px 0px;}