/* Style sheet for Vancouver Lions Club web site. January 29, 2006. Revised October 17, 2009. *//* The base styles for the whole site. */body{font-family: Helvetica, Arial, Verdana, sans-serif;font-size: 100%;color: #000;margin: 0;padding: 0;/* background-image: url('images/background.png');*/
	background-color: #eeeeee;}*{margin: 0;padding:0;}/* General styles. */p, li, th, td{font-size: .85em;line-height: 1.4em;margin: 1em 0;}blockquote{margin: 0 2em;}blockquote p{}sup{font-size: 50%;}ul{list-style-type: square;margin: 1em 0 1em 2em;}ul.simple{list-style-type: none;margin: 1em 0;}li{}ul.simple li{margin: 0;}ul.single li{margin: 0;}th, td{width: 40em;}h1, h2, h3, h4, h5, h6{color: #669966;/* text-shadow: 3px 3px 3px #ccc;*/}h1, h2, h5{padding: 5px 0;/*border-top: 1px #0033cc solid;*/
	border-bottom: 6px #669966 solid;/* background-color: #f3eecb;*/}h1, h2{font-size: 1.4em;font-weight: bold;}h1{margin: 20px 0 25px 0;}h2{margin: 20px 0 0 0;}h3, h4{font-size: 1em;}h3{text-align: right;margin: 5px 0 1em 0;}.box-3 h4, .eventbox h4{margin: 0 -10px;padding: 0 10px;display: block;float: left;position: relative;top: -20px;letter-spacing: 1px;color: #669966;background-color: #ffffee;}h5{margin: 1em 50% 1em 0;font-size: .9em;}h6{font-size: 1em;font-style: italic;margin: 1em 0;}a:link, a:visited{text-decoration: none;color: #0033cc;}a:hover{color: #990000;text-decoration: underline;}a:active{color: #facb21;}a img{border: 1px #ccccbb solid;color: #0033cc;}a:hover img{border-color: #990000;opacity: 0.5;}a:active img{border-color:  #facb21;}/*

The container for the boxes.

This is a fixed style. It does not expand (down or up) to content--content can overwrite the boxes. I did this for 2 reasons: 1--I wanted this kind of design, and; 2--I could not get an expanding version to work properly in IE 5.x Mac, and decided not to worry about it for now. 

Note that the whole site will expand and contract as text size is adjusted. Setting the height and width to relative units -- ems -- lets the whole page expand and contract proportionately. If the width and height are set in pixels, the box stays the same size when the textsize is increased.

*/#wrapper{margin: 20px auto;width: 44em;height: 55em;position: relative;}/* The boxes that hold content. */#title img{position: absolute;width: 15em;top: 32px;height: 4.5em;left: 30px;}#subtitle img{position: absolute;top: 0%;width: 18em;height: 18em;right: 0%;}#subtitle{}#title{}#title h1{text-align: center;border: none;font-size: 2.2em;color: #facb21;Margin: 30px 0 0 0;}#title h2{color: #facb21;text-align: center;Border: none;margin: 0;font-weight: normal;}#footer{text-align: center;position: absolute;top: 95.3%;width: 60%;margin: 0 10%;right: 0;border-top: 2px #669966 solid;/* border-bottom: 1px #0033cc solid;*/
	/* background-color: #f3eecb;*/}#footer p{font-size: .7em;margin: 5px 0;}#footer a{text-decoration: none;color: #669966;}#footer a:hover{color: #900;}#footer a:active{color: #facb21;}s

#footer a.current{color: #000;}#box_1{height: 88%;width: 80%;background-color: #88bb88;position: absolute;box-shadow: 0px 0px 20px #666;-webkit-box-shadow: 0px 0px 20px #666;-moz-box-shadow: 0px 0px 20px #666;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}#box_2{background-color: #ffffee;padding: 3% 10% 2% 10%;position: absolute;width: 60%;height: 83%;top: 14%;right: 0;box-shadow: 0px 0px 20px #666;-webkit-box-shadow: 0px 0px 20px #666;-moz-box-shadow: 0px 0px 20px #666;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}.box-3{border: 3px #669966 solid;padding: 10px 20px;margin: 1.5em 0 0 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;/* -webkit-box-shadow: 3px 3px 6px #999;-moz-box-shadow: 3px 3px 6px #999;box-shadow: 3px 3px 6px #999;*/}.box-3 p{clear: left;color: #669966;}/* Styles for the main navbar. */#navigation{position: absolute;width: 18%;top: 20%;}#navigation ul{list-style-type: none;margin: 0 0 0 10px;}#navigation li, #navigation a{padding: 0 0 12px 0;}#navigation li{margin: 0;text-align: right;font-size: 1.2em;}#navigation a{color: #fff;text-decoration: none;}#navigation a:hover{color: #000;}#navigation a:active{color: #900;}#navigation a.current{color: #facb21;}/* Styles for the "Back / Next" navbar at the bottom of some pages. */#nav-2{position: absolute;top: 90%;width: 60%;right : 0;margin: 0 10%;}#nav-2 ul{list-style-type: none;margin-left: 0;}#nav-2 p, #nav-2 li{float: left;font-size: .7em;}#nav-2 p{margin: 1em 0 0 0;}#nav-2 li{margin: 0;padding: 0 .5em;border-right: 1px #222 solid;}#nav-2 a{padding: 1em 0em;}#nav-2 a.current{color: #999;text-decoration: none;}/*

Styles for the logo that appears on every page.

I don't know why, but I don't seem to need to apply styles to the box--#logo--just the image. Thought this should work the other way, but it doesn't.

*/#logo img{position: absolute;left: 30px;/* right: 78%;*/
	top: 85%;}/*

Styles for the pictures.

*/img.left, img.right{border: 1px #000 solid;}img.left{float: left;margin: 5px 20px 5px 0;}#presidents_logo{border: none;float: right;margin: 5px 0 0 10px;}#sitting-lion{border: none;float: right;margin: -20px -20px 0 0;}img.right{float: right;margin: 5px 0 0 10px;}/* Styles for the maps */#big_map img{width: 38em;height: 43em;border: 1px #003399 solid;}.small_map img{float: left;margin: .5em 1.5em 0em 0em;border: 1px #003399 solid;}/*Styles for the thumbnails and links for the calendars */#calendar_thumbnails img{width: 8em;height: 6em;}#calendar_thumbnails td{text-align: center;}/*Styles for the thumbnails and links for the golf tournament pictures*/#thumbnails{/* margin-left: 1em;*/}#thumbnails img{width: 8em;height: 6em;margin: 0 0 8px 8px;}/* Styles for thumbnails in Coming Events */.eventbox{border: 3px #669966 solid;padding: 10px 20px;margin: 1.5em 0 0 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;/* -webkit-box-shadow: 0px 0px 6px #999;-moz-box-shadow: 0px 0px 6px #999;box-shadow: 0px 0px 6px #999;*/}.event{margin-bottom: 1em;clear: left;}.event p{line-height: 1.2em;}.event img{float: left;margin-right: 1em;}.event a img{border: none;}