/* default.css */

/*
--------------------------
CSS RESET
--------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before,q:after {content: "";} blockquote, q {quotes: "" "";}


/*
--------------------------
BASIC STRUCTURE
--------------------------
*/

body {background: #f0f0f0 url(../images/bg_lionsclubheader.jpg) repeat-x; font: 100% Tahoma, "Trebuchet MS", sans-serif; text-align: center; color: #6e7075; line-height: 1.38em;}

#wrapper {width: 950px; margin: 0 auto;  position: relative; text-align: left;}

#header {width: 950px; height:162px; background: url(../images/bg_lionslogo.jpg) no-repeat; margin-left:-30px;}
	#logo {float:left; width: 280px; margin:20px 0 0 60px;}
	#slogan {float:right; width: 102px; text-align:right; margin:92px 0 0 0;}

#content {width: 950px; background-color: #fcfcfc; border:1px solid #d7d7d7;}
	#footer1 {background-color: #eaeaea; border-top:1px solid #d7d7d7;}

#footer2 {width: 950px; margin:auto; text-align:center; color:#8c8e95;}

.clear {clear: both; zoom:1;}

/*
--------------------------
COLUMNS
--------------------------
*/
.column {float: left;}
.column.left {width: 550px; padding: 30px 40px 40px 40px;}
.column.right {width: 250px; padding:30px 40px 40px 20px;}
.column.right ul {padding-bottom: 20px;}
.column.right ul li {padding-bottom: 10px;}


/*
--------------------------
FONTS/LINKS
--------------------------
*/
h2, h4, h5, h6 {padding-bottom: 18px; color: #686b71;}

h1 {font: 1.38em  Georgia, "Times New Roman", serif; padding-bottom: 8px; color: #686b71; margin-bottom:25px; border-bottom:1px solid #dfdfe1;}

h2 {font: 1.25em Georgia, "Times New Roman", serif; padding-top:1.25em;}

h3 {font: 1.13em Georgia, "Times New Roman", serif;padding-bottom: 0;color: #686b71;}

h4 {font: .94em Tahoma, "Trebuchet MS", sans-serif; padding-top:1.81em;}

h5 {font: .88em Georgia, "Times New Roman", serif;}

h6 {font: .81em Georgia, "Times New Roman", serif; font-weight:bold;}

p {font-size: .94em; padding-bottom: 1.13em;}

em {font-style: italic;}

strong {font-weight: bold;}

blockquote p{font-size: 1em; color:#9fa6a9; line-height:1.38em; padding:0;}

a {color: #00529c;}
a:link, a:visited, a:active, a:hover, a.active {text-decoration: underline;}
a:hover {color: #6840a5;}
a:visited {color: #00305c;}

/* img replacement for headings or navigation */
span.img-text {position: absolute; top: -9999px;}

/*
--------------------------
MAIN NAVIGATION
--------------------------
*/

ul#nav-menu 
{
position:relative;
list-style: none;
padding: 0;
margin-top: -43px;
height:51px;
width:950px;
background: url(../images/bg_lionsclubnav.jpg) #f1df81 repeat-x;
}

ul#nav-menu li
{
float: left;
height:47px;
width: 120px;
display: block;
text-align: center;
background: url(../images/navdivider.jpg) top right no-repeat;
}
ul#nav-menu li:hover
{
background-color: #fff;
}

ul#nav-menu li a
{
color: #333366;
text-decoration: none;
padding:10px 0;
display:block;
}

ul#nav-menu li ul {
    position:relative;
	left:-1px;
    margin-left:-999em;
    width:230px;
	z-index:9999;
}
ul#nav-menu li ul li {
    height:auto;
    clear:left;
	padding:0;
	text-align:left;
	background: #f8f0c6;
	background-image: none;
	width:230px!important;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
ul#nav-menu li:hover ul li {background-color:#f8f0c6;}

ul#nav-menu li ul li a {
    background: #ffffff;
    height:auto;
	display:block;
    padding:5px 15px;
	color: #686b71;
	font: .81em "Tahoma", "Trebuchet MS", Arial, sans-serif;
	text-decoration:none;
}
ul#nav-menu li ul li.last a {border-bottom:1px solid #ccc;}
ul#nav-menu li ul li a:hover {
	background:#f0eaf7;
}
ul#nav-menu li:hover ul, ul#nav-menu li.iehover ul {
    margin-left:0;
}
/** Support for the "iehover-fix.js" **/
#nav-menu iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/** end **/

/*
--------------------------
TABLES
--------------------------
*/
table {margin-top:10px; font-size:.94em;}
td, th {padding:5px 15px 5px 5px;}
th {background-color:#d7eec8; font-weight:bold; font-size:.75em;}


/* clear without structural mark-up - now works in ie7 ......*/
.clearfix:after {
        content:"."; 
        display:block; 
        height:0; 
        clear:both; 
        visibility:hidden;
}
.clearfix {
        display:inline-block;
}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */


/*
--------------------------
CUSTOM
--------------------------
*/


/* footer styles */
#footer1content{border-top:1px solid #ffffff; padding:20px 20px 20px 40px;}
	.sponsor {float:left; padding:0 20px; height:85px; border-left:1px solid #cbcbcd; border-right:1px solid #fff; max-width:230px;}
	.first {border-left:none; padding-left:0;}
	.last {border-right:none;}

#footer2content {float:left; width: 550px; padding:1em 5px; text-align:left; color:#8c8e95; font-size:.81em;}
#credit {color:#a4a7af; line-height:.75em;}
#credit a, #credit a:visited {color:#a4a7af;}
#credit a:hover {color:#6a9bc7;}
#footer2links {float:right; width:330px; margin: 0 auto; padding:1em 5px; text-align:right; color:#8c8e95; font-size:.81em;}

/* other */
.intropic {margin: 10px 0 30px 0;}

ul.bullet {margin:0 0 15px 15px; line-height:1.56em;}
ul.bullet li {background: url(../images/bullet.gif) no-repeat left top; padding-left:15px;font-size: .94em;}
ul.spacing li {margin-bottom:15px;}

.imgalign {vertical-align:middle;}
.picright {float:right; width:200px; margin:10px; font-size:.75em;color: #686b71; line-height:1.38em;}
img.imgright {float:right; margin:10px;}
.picleft {float:left; width:200px; margin:10px; font-size:.75em;color: #686b71; line-height:1.38em;}

/* sidebar */

.box {border: 1px solid #d7d7d7; padding: 4px; width: 247px;}
.box #interior {padding: 0 1.25em .31em 1.25em; line-height: 1.25em; background-color:#efecda;}
.box #interior h2 {padding-top:1em;}
.box #interior p {font-size:.88em;}
.box #interior p.psmall {font-size:.81em; line-height:1.13em; padding-bottom:.88em;}
.topmargin {margin-top:30px;}
.box #special {background: #f6ebb3 url(../images/bg_recycle-eyeglasses.jpg) no-repeat; height:136px;}
.box #special a {display:block; height:40px; padding:96px 0 0 42px; font-size:.75em;}

.centertext {text-align:center;}