/* Revision 1.1.0  11-June-2007 */
/* 		Revision 1.1.0 - Initial Release */

/***********************************************/
/* Container: Header                                      */
/***********************************************/

#header {
	width:100%;
	margin: 0 auto;
}
#bannercontent {
	width: 100%;
	float: left;
	display: inline; 
	height: auto;
}
.leftbanner {
	width: 87%;
	float: left;
}
.leftbanner img {
	max-width: 891px;
	max-height: 94px;
}
.rightbanner {
	width: 13%;
	float: right;
}
.rightbanner img {
	max-width: 102px;
	max-height: 54px;
	text-align: right;
	float: right;
}
#pobox {
	color: #800000;
	font-weight: bold;
	text-align: center;
	width: 10%;
	float: right;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
}
#bannerline {
	width: 100%;
	float: left;
	display: block; 
	max-height: 4px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-color: #F5AD00;
	font-weight: normal;
	text-align: center;
}
#introbase {
	width: 100%;
	float: left;
	height: 18px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-color: #800000;
}
.introline {
	width: 11.5%;
	float: left;
	height: 18px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-color: #800000;
	font-weight: bold;
	text-align: center;
	font: Verdana;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: underline;
}
.introline img{
	width: 30px;
	height: 14px;
}
.introline a,.introline a:link {text-decoration:underline;cursor:pointer} 
.introline a:link {color:#FFFFFF} 
.introline a:visited {color:#FFFFFF;} 
.introline a:hover,.introline a:active,.introline a:focus {
	color:#0000FF;
	padding:2px 0;
	background-color: #800000;
} 
.icon {
	float: left;
	max-width: 16px;
	max-height: 16px;
}
#sideheader {
	width:20%;
	color:#800000;
	font-size:80%;
	list-style-type:none;
	background-color: #ffffff;
	padding: 0;
	float: left;
}
#contentheader {
	float: right;
	width: 80%;
	margin: 0px;
	padding: 0%;
}

/***********************************************/
/* Page Detail                  */
/***********************************************/
#pagedetail {
	background-color: #FFFFFF;
	width: 100%;	
}
#pagename {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 80%;
	background-color: #ffffff;
	font-weight: normal;
	text-align: center;
	color: #800000;
}
#content {
	float: right;
	width: 80%;
	margin: 0px;
	padding: 0%;
} 
#feature {
	width: 80%;
	text-align: justify;
	margin: 0px;
	padding: 0%;
	font-size: 80%;
	float: left;
}
#bodytext {
	width: 100%;
	text-align: justify;
	margin: 0px;
	padding: 0%;
	font-size: 80%;
}
#bodytext p {
	font-size: 9pt;
	font-family: Verdana;
	color: #000000;
}
#bodytext h2 {
	font-size: 12pt;
	font-family: Verdana;
	color: #800000;
	font-weight: bold;
}
#bodytext h3 {
	font-size: 10pt;
	font-family: Verdana;
	color: #000066;
	font-weight: bold;
	text-decoration: underline;
}
#bodytext img{
	width: 53px;
	height: auto;
	max-width: 53px;
	float: left;
}
.blankline {
	width: 100%;
	float: left;
	height: 18px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-color: #ffffff;
}
 .photobox {
	max-width: 24%;
	min-width: 24%;
	float: left;
	height: auto;
	padding-right: 8px;
 }
 .photobox img {
	max-width: 200px;
	min-width: 200px;
	border: solid #ffffff 3px;
 }
 .gallerybox {
	max-width: 18%;
	min-width: 18%;
	float: left;
	height: auto;
	text-align: centre;
	padding-right: 8px;
 }
 .gallerybox img {
	max-width: 200px;
	min-width: 200px;
	border: solid #ffffff 3px;
 }
/***********************************************/
/* Main Navigation Bar (Left)                  */
/***********************************************/

#navheader {
	background-color: #800000;
	color: #F5AD00;
	border-top-color: #F5AD00;
	border-top-style: solid;
	border-right-color: #F5AD00;
	border-bottom-color: #F5AD00;
	border-left-color: #F5AD00;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	font-size: 9pt;
	font-family: Verdana;
}
#currentpage #sidenav div a {
	line-height:1px;
	background-color:#663333;
	color: #800000;
}

#sidenav {
	width:20%;
	color:#800000;
	font-size:80%;
	list-style-type:none;
	background-color: #ffffff;
	padding: 0;
	float: left;
}

#sidenav li {
	display:inline;
	list-style-type:none;
}

#sidenav a {
	display:block;
	color:#800000;
	font-weight:bold;
	text-decoration:none;
	background-color:transparent;
	line-height:normal;
	padding: 5px 0 5px 10px;
	border-bottom:1px solid #ffffd6;
}

.linebox {
	width: 95%;
	height: auto;
	background-color: #ffffd6;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 8px;
}

.notebox, .center-text {
	width: 95%;
	height: auto;
	background-color: #ffffd6;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #000;
}

ul#subnav a {
        padding-left:15px;
        background:transparent;
        color:#ffff76;
}
ul#subnav ul a {
        padding-left:23px;
        color:#ffff76;
        background-color:#334300;
}

ul#subnav ul ul a {
        padding-left:30px;
        color:#ffff76;
        background-color:#334300;
}

ul#subnav #currentpage a, #currentpage a, #sidenav .currentpage {
	font-weight:bold;
	background-color: #FFFFCC;
	background-image: url(../Graphics/LeoLogoVS.jpg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

ul#subnav .section {
        font-weight:bold;
        color:#ffff76;
}
#sidenav .section2 {
        font-weight:bold;
        color:#ffff00;
        background-color:#457600;
}

#sidenav a:hover, #sidenav a:focus, #sidenav a:active, ul#subnav #currentpage a:hover
{
	color:#042F73;
	border-bottom:1px solid #91aa01;
	background-color: #ffcc01;
	background-image: url(../Graphics/LeoLogoVS.jpg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}
/***********************************************/
/* Information Bar (Right)                 	   */
/***********************************************/

#headlines {
	float:right;
	width: 17%;
	position: relative;
	top: 0px;
	font-size: 70%;
	max-width: 15%;
}

#headlines h3 {
	background-color: #ffffd6;
	font-size: 100%;
	font-weight: bold;
	color: #460046;
	text-align: center;
}

#headlines p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: normal;
	margin: 0px;
	padding: 0px;
} 

.notice {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	width: 100%;
	margin-top: 1%;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 60%;
}

.noteday {
	height: auto;
	width: 30%;
	font-weight: bold;
	color: #334300;
	float: left;
}

.noteline {
	height: auto;
	width: 65%;
	font-weight: normal;
	color: #334300;
	float: left;
	text-align: left;
}

/***********************************************/
/* Page Footer                                      */
/***********************************************/
#pagefooter {
        width:100%;
		float:left;
		clear:both;
        text-align:right;
        font-size:75%;
        color:#fff;
        line-height:130%;
        background:#ffffff;
        border-top: 0px solid #666698;
        border-bottom: 1px solid #666698;
        padding:0 1em 1em 1em;
		margin-bottom:-30px;
}
.footerline {
	background-color: #FFFFFF;
	color: #000000;
	width: 100%;
	float: left;
	text-align: center;
}
.footerline img {
	max-width: 60px;
	max-height: 21px;
	border: 0;
	float: left;
}
#footercontent {
	width: 100%;
	float: left;
	height: 18px;
	color: #800000;
	font-family: Verdana;
	background-color: #D78100;
}
#copyright {
	width: 100%;
}
.footersegment {
	font-family: Verdana;
	font-size: 9pt;
	color: #800000;
	min-width: 30%;
	text-align: left;
}

/* -------------------------------------------------------------------------------------------------------*/	   
	   



/***********************************************/
/* Main Page Panel                       	   */
/***********************************************/

#baseinfo {
	width: 100%;
	height: auto;
}


.basebox {
	background-color:#ffffd6;
	padding:2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

.daybox {
	height: auto;
	width: 12%;
	float: left;
}

.dowbox{
	height: auto;
	width: 10%;
	font-weight: bold;
	float: left;
}

.event {
	height: auto;
	width: 65%;
	font-size: 90%;
	font-weight: bold;
	float: left;
	color: #6495ed;
}


.feature h3 {
	padding: 0px;
	text-align: center;
}

.meeting {
	height: auto;
	width: 65%;
	font-size: 90%;
	font-weight: bold;
	color: #CC0033;
	float: left;
}

.monthNav{
	color: #cccccc;
	text-align: center;
	width: 99%;
	font-size: 90%;
	font-weight: normal;
	line-height: 90%;
}

.monthBox {
	width: 13%;
	float: left;
	background-color: #CCFFFF;
	padding: 1%;
	border: thin solid #CCCCCC;
}

.monthNav a{
	font-size: 90%;
	padding: 0;
	line-height: 90%;
	margin: 0px;
}

.signature { 
	color: navy; 
	font-size: 3em; 
	font-family: Edwardian Script ITC; 
	font-weight: bold; 
	background-color: transparent; 
	text-align: center; 
	margin: 0; 
	padding: 0; 
}

.title 	{ 
	font-size: 1.25em; 
	font-weight: bold; 
	line-height: 1em; 
	background-color: transparent; 
	text-align: center; 
	margin: 0; 
	padding: 0 0 1em; 
}

.visit {
	height: auto;
	width: 65%;
	font-size: 90%;
	font-weight: normal;
	color: #334300;
	float: left;
}

/***********************************************/
/* Formatting and Decoration              	   */
/***********************************************/

.centre { 
	text-align: center; 
}

p.emphasize {
	font-size: 90%;
	font-family: Arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	color: #0000FF;
	text-indent: 5%;
}

.small {
	font-size: 90%;
	text-align: left;
}

.underline {
	text-decoration: underline;	
}

/***********************************************/
/* Not confirmed as required                 	   */
/***********************************************/












/***********************************************/
/* Components                                  */
/***********************************************/

/************* #globalnav styles **************/


/************* #monthNav styles **************/



/************** .feature styles ***************/


#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #00CCFF;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html body #navBar li {border-bottom: none;}


/*********** #sectionLinks (main menu) styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 100%;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}


#sitemenu {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}


/************** Paragraph Formatting **************/

p.spread {
	margin-top: 1%;
	padding: 0px;
}

p.indent {
	text-indent: 5%;
}

.large {
	font-size: 130%;
	font-weight: bold;
	text-align: left;
}


.normal {
	font-size: 100%;
	font-weight: normal;
}

.imagesmall {
	width: 35%;
}

.emaillogo {
	width: 51px;
	height: 18px;
}




.midtext {
	text-align: justify;
	width: 46%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}

p.infotext { 
	color: purple; 
	font-size: 8pt; 
	font-family: Arial, verdana, helvetica, sans-serif; 
	text-align: center; 
	width: 70%; 
	float: right; 
	margin-right: 2%; 
	padding: 1em; 
	border: double 2pt blue; 
}

.featuresection {
	font-size: 90%;
	width: 100%;
	margin-bottom: 1%;
}

.subhead { 
	position:relative; 
	height:1.5em; 
	font-size:95%; 
	width: 99%; 
}
	
.subhead h2, .subhead h3 {
	color: purple;
	float:left;
	padding:0.1em 0 0 0.5em;
	margin:0;
}

.clubdetail {
	margin-bottom:1%;
	font-size:90%;
	width:99%;
}

.clublist dt {
	float:left;
	width: 31%;
	font-weight: bold;
	font-size: 90%;
	text-align: left;
	line-height: 1.3em;
}

.clublist dd {
	width: 65%;
	font-size: 90%;
	text-align: left;
	line-height: 1.3em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

.clublist {
	background-color: #d8faf3;
	float: right;
	width: 92%;
	border: thin solid #CCCCCC;
	padding-left: 1%;
	padding-top: 1%;
}

.border1 { 
	color: maroon; 
	font-size: 1.2em; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-align: left; 
}
caption {
	font-family: Arial, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #006699;
}

.portfolio {
	width:45%;
}

.officer {
	width:55%;
}

.fellowslist {
	width:100%;
	font-size:70%;
	margin:4px 0;
} 

.smalllist {
	width:60%;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	border: thin solid #000000;
	font-size: 70%;
} 

#hotmap {
	width: 90%;
	height: auto;
	float: right;
}


#clubmap {
	width: 90%;
	height: auto;
}

/* Revision 2007-03-23 */
/* General Settings */
/* Revision 15/4/07 Changed Sidnav background-color:#334300; from transparent */

* {
	margin:0;
	padding-bottom: 10;
}
body {
	color:#000;
	font:101.01%/1.2 verdana,arial,tahoma,sans-serif;
	background-color: #ffffff;
}

/* LINKS */
a,a:link {text-decoration:underline;cursor:pointer} 
a:link {color:#0000FF} 
a:visited {color:#800080;} 
a:hover,a:active,a:focus {
	color:#800080;
	padding:2px 0;
	background-color: #ffffd6;
} 
a.inactive {
	color: #999999;
}


/* GENERAL */
img {
	border:none;
	height: auto;
	width: 80%;
} 

.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* SEARCH 
#search {color:#000;font-weight:bold;}
#search form {margin:0}
#search input {width:10em;margin: 0 0 -1px;height:1.2em}
#search label {font-size:80%;padding:5px 0 0;display:inline}
#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
*/	
/* LAYOUT - main body of page */

#wrap {
	position:absolute;
	width:100%;
	min-width:770px;
	margin: 0;
	left: 0px;
	top: 0px;
	padding: 0px;
	visibility: visible;
	background-color: #FFFFD6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
 #content-wrap {
	position:relative;
	width:100%;
    background: transparent url("/images/green_bkg.jpg") repeat-y ;}
}
#sidebar {
	position:relative;
	left:7px;
	width:25%;
	padding-bottom:25px;
	background: #334300;
	top: auto;
	margin-top: 25px;
	height: auto;
}

#content {
	font-size:80%;
	height:auto;
	width: 80%;
	float: left;
	position: relative;
}
 
#content img {
    width: 40%;
}

#content2 {
	position:absolute;
	top:56px;
	right:5px;
	width:38%;
	padding-top:1px;
}

#content1col {
	margin-left:220px;
	padding-top:20px;
	font-size:80%;
	min-height:52em;
	height:auto !important;
	height:48em;
}

#splitcontent {
	font-size:80%;
	height:auto;
	width: 48%;
	float: left;
	position: relative;
}

#splitcontent img {
	width: 15%;
	text-align: center;
	float: left;
}

#heading {
	margin-left:210px;
	padding-top:0;
}	

last {border-right:1px solid #666698;padding-bottom: 3px;}
.top {font-size:80%;}

.clearfix:after {
        content: ".";
        clear:both;
        height:0;
        visibility:hidden;
        display:block;
}
/* creates right scroll bar in firefox for short content */
html {
        min-height:100%;
        margin-bottom:1px;
}

.innerbox {
        margin:0;
        padding:1em .5em 1em 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

.innerbox h2 {
        padding:0 .5em 0 0;
        margin: 0 .5em .5em 0;
        border-bottom: 1px solid #bbb;
        color:#003300;
}
.innerbox img.center {margin:0 30%;}

.imagecenter {
	margin: 30%;
	width: 40px;
}
.imgtext { text-align:center ;}
.innerboxl {
        float:left;
        margin:0;
        padding:1em 0;
        width:38%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

.innerboxr {
        float:right;
        margin:0;
        padding:1em 0;
        width:38%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
.innerboxw {
	width:70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20%;
	float: left;
}
.innerboxl h2 {
	padding-bottom:6px;
	border-bottom: 1px solid #bbb;
	color:#003300;
	font-weight: bold;
	background-color: #CCCCCC;
	margin: 0;
	text-align: center;
}

.innerboxr h2 {
	padding-bottom:6px;
	border-bottom: 1px solid #bbb;
	color:#003300;
	font-weight: bold;
	background-color: #CCCCCC;
	margin: 0;
	text-align: center;
}

.innerboxw h2 {
	padding-bottom:6px;
	border-bottom: 1px solid #bbb;
	color:#003300;
	font-weight: bold;
	background-color: #CCCCCC;
	margin: 0;
	text-align: center;
}

.innermenu {
        float:right;
        margin:0;
        padding:1em 0;
        width:100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

.innermenu h2 {
        padding-bottom:6px;
        margin: 0 .5em .3em .5em;
        border-bottom: 1px solid #bbb;
        color:#003300;
}
.sitebox {
	width: 20%;
	font-weight: bold;
	text-align: center;
	display: inline;
	float: left;
}
.pictureBox01
{
	float: right;
	width: 18%;
	background-position: center;
	margin-right: 1%;
	margin-left: 1%;
}

.pictureBox02 {
	float: left;
	width: 18%;
	background-position: center;
	margin-right: 1%;
	margin-left: 1%;
}

.pictureBox03
{
	float: left;
	width: %;
	background-position: center;
	margin-right: 1%;
	margin-left: 1%;
	height: auto;
}

/* Secondary Navigation */

#skipnav ul li {
        position: absolute;
        top: 0;
        left: -1500px;
}

#skipnav ul li a:focus, #skipnav ul li a:active {
        display:block;
        position:absolute;
        top:30px;
        left:1595px;
        width:12em;
        height:1.5em;
        font-size: .9em;
        color:#460046;
        background:#ffefaf;
        padding:.2em;
        text-align:center;
        border:2px solid #666698;
}
 
# ul {
	position:relative;
        padding:.2em 0 .3em 0;
        width:100%;
        margin:0 ;
        list-style-type:none;
        background-color:#ffffd6;
        font-family: arial, helvetica, sans-serif;
        text-align: right;
        border-bottom: 1px solid #999;
}
# li {
        display:inline;
        font-weight:normal;
}
# li a {
        text-decoration:none;
        color:#f00;
        font-size:0.7em;
	font-weight:bold;
        background:transparent;
        padding:.3em .6em .4em .6em;
        border-left: 1px solid #666698;
}
/* MAIN (side) NAVIGATION */


/* FOOTER */


#leftbar {
	width: 25%;
}

p.inactive {
	color: #999999;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

li.indent {
	text-align: left;
	text-indent: 5%;
	list-style-type: none;
}