/* 
	Leeton Shire Council - Tourism website
	Developed by Jason Richardson 
	Last modified: 22/06/10

*/


/* Bonfire Media jQuery CSS */

#slideshow { position:relative; height:372px; margin:0; padding:0; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; width:100%; height:364px; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

#banner { background-color:#ddd; padding:.5em; }
#banner h1 { margin:0; padding:0; }

.right { text-align:right; }


/* Leeton Shire Council CSS */

body { font:100%/1.3 helvetica, arial, sans-serif; margin:20px; padding:0; }

h1 { font-family:sans-serif; color:#39c; text-decoration:none; line-height: 1.0; }
h2 { font-family:sans-serif; color:#993333; text-decoration:none; line-height: 1.0; }
footer { font-family:sans-serif; color:#3c3c3c; text-decoration:none; }
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #993333; background-color: #f4e7d6; }
blockquote p { margin: 0; }
li { font-family:sans-serif; font-size:1em; color:#3c3c3c; }

#events-active:hover li { display:block; }
#events-active li { display:none; }

#history-active:hover li { display:block; }
#history-active li { display:none; }

#villages-active:hover li { display:block; }
#villages-active li { display:none; }

#tastes-active:hover li { display:block; }
#tastes-active li { display:none; }

#tours-active:hover li { display:block; }
#tours-active li { display:none; }

#maps-active:hover li { display:block; }
#maps-active li { display:none; }

#events-subnavlist { list-style-type:circle; margin-left:0; font-family:sans-serif; color:#3c3c3c; font-size: 80%; }
#history-subnavlist { list-style-type:circle; margin-left:0; font-family:sans-serif; color:#3c3c3c; font-size: 80%; }
#villages-subnavlist { list-style-type:circle; margin-left:0; font-family:sans-serif; color:#3c3c3c; font-size: 80%; }
#tastes-subnavlist { list-style-type:circle; margin-left:0; font-family:sans-serif; color:#3c3c3c; font-size: 80%; }
#tours-subnavlist { list-style-type:circle; margin-left:0; font-family:sans-serif; color:#3c3c3c; font-size: 80%; }
#maps-subnavlist { list-style-type:circle; margin-left:0; font-family:sans-serif; color:#3c3c3c; font-size: 80%; }

#footer a,#navlist ul li a { color:#000; font-weight: bold; text-decoration:none; }
#footer a:hover,#content a:hover,#navlist ul li a:hover { color:#39c; text-decoration:none; }

#photo { width:100%; height:auto; }
img { border: none; }

#leftnav { float:left; width:240px; margin:0; padding:1em; }
#navigation ul { width:90%; margin:10px auto; padding:0; }
#navigation ul li { display:inline; list-style-type:none; }
#navigation ul li a { float:left; display:block; color:#000; text-decoration:none; background-color:#DCDCDC; background-image:url(/leeton/assets/nav1.jpg); background-repeat:no-repeat; margin:0 3px 0 0; }
#navigation ul li a span { display:block; background-image:url(/leeton/assets/nav2.jpg); background-repeat:no-repeat; background-position:100% 0; padding:5px 15px; }
#navigation ul li a:hover { color:#39c; }
#navigation ul li.current a { color:#fff; background-color:#2B88D8; background-image:url(/leeton/assets/nav1-current.jpg); background-repeat:no-repeat;}
#navigation ul li.current a span { background-image:url(/leeton/assets/nav2-current.jpg); background-repeat:no-repeat; background-position:100% 0;}
#navlist { padding-top:25px; list-style-type:circle; margin-left:0; font-family:sans-serif; color:#3c3c3c;}
#subnavlist { list-style-type:circle; margin-left:0; font-family:sans-serif; color:#3c3c3c; font-size: 80%; }

#container { width:90%; background-color:#fff; color:#333; border:3px #FFF; line-height:130%; margin:10px auto; }

#top { background-color:#ddd; padding:.5em; }
#top h1 { margin:0; padding:0; }

#rightnav { float:right; width:180px; margin:0; padding:1em; }

#colpic { float:right; width:180px; margin:0; }
#content { margin-left:261px; border-left:1px #FFF; margin-right:180px; border-right:1px #FFF; max-width:36em; font-family:sans-serif; color:#3c3c3c; text-decoration:none; padding:1em; }
#content a { color:#3c3c3c; font-weight:bold; text-decoration:none; }
#content h2 { margin:0 0 .5em; }

#footer { clear:both; color:#333; background-color:#ddd; margin:0; padding:.5em; }
#leftnav p,#rightnav p { margin:0 0 1em; }