/*
518 px is MAX in content area inside <div id="maincontentDiv"> 
*/


body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    height: 100%;
    background-color: #EEEEE6;
}

body, input, textarea, select, LoginTextBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #727272;
	line-height: 14px;
}


#container {
    position: absolute;
    z-index: 50;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
}

#page {
    width: 821px;
    margin:  0px auto;
    padding: 0px;
    text-align: left;
    height: 100%;
}

#header {
    height: 150px;
}
    
#logo {
	width: 340px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 460px 0px 0px;
	height:55px;
	position: relative;
	top: 65px;
	overflow: hidden;
	z-index: 70;
}

#logo img {
    border:0px;
}

#banner {
	width: 224px;
	margin-left: 15px;
	text-align: center;
	vertical-align: middle;
}

#subcontent {
    width: 247px;
    height: 656px;
    overflow: visible;
    float: left;
    padding-top: 20px;
    padding-bottom: 35px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 13px 0px 0px 0px;
    background-image: url(../pics/left_backNew.gif);
    background-repeat: no-repeat;
    /*so column will cover background graphic of manicontentDiv */
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 50;
}

/* eliminate problems with links in left column  */
#subcontent a:hover, #banner a:hover, #logo a:hover {
    background-color: transparent;
}

#imageBar {
    float: right;
    display: inline;
    margin: 0px;
    padding: 8px 18px 5px 18px;
    clear: none;
    background-image: url(../pics/image_bkgd.gif);
    background-repeat: no-repeat;
    position: relative;
    left: -13px;
    z-index: -1;
    width: 538px;
    text-align: center;
}


#imageBar h1 {
    text-align: left;
    background-image: url(../pics/title_bkgd.gif);
    padding: 10px 0px 4px 10px;
    margin: 0px 5px 5px 5px; 
    color: #FFFFFF;
    vertical-align: bottom;
    font-size: 30px;
    line-height: 34px;
    /*gives room for tails of letters like "g" and "y" */
    background-repeat: repeat-x;
    background-color: #C3D0DE;
}

#imageBar img {
    padding:0px;
    margin:0px;
}
    
/* Content */
#maincontentDiv {
    float: right;
    display: inline;
    margin: 0px;
    padding: 0px 22px 0px 32px;
    clear: none;
    background-image: url(../pics/main_back2.gif);
    position: relative;
    left: -13px;
    z-index: 0; /*with -1, couldn't type in text boxes*/
    width: 520px;
    height: auto;
    min-height: 440px;
}

	
/*------------------------ L O G I N   N O T I C E ------------------------*/
#LoggedIn
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
    vertical-align: top;
    text-align: right;
    float: right;
    color: #ffffff;
}

#LoggedIn a {
	color: #ffffff;
	font-weight: bold;	
}

#LoggedIn a:hover {
	color: #ffffff;
	font-weight: bold;	
	text-decoration: none;
}

/*------------------------ M E N U S - T O P ------------------------*/
#mainnav {
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 45px;
    display: inline;
    overflow: hidden;
    width: 720px;
	z-index: 80; /* be in front of all including logo div link */ /* joel */
}

#mainnav ul {
    margin: auto;
    padding: 5px 0px 0px 5px;
    width: 600px; /*in order for top menus to appear "centered", this ul must be just wide enoug for all menus*/
	background-color: Transparent;
}

#HomePageText ul {
    width: 250px; /*home page needed thinner width UL for left column of main content*/
}

#mainnav li {
    float: left;
    margin: 0px;
    padding: 0px;
    display: inline;
    height: 20px;
    list-style-type: none;
    border: none;
}

#mainnav a {
    margin: 0px 13px 0px 13px;
    padding: 0px;
    display: inline;
    height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    color: #6B6A65;
    color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

#mainnav a:hover, #mainnav a:active, #mainnav a:selected {
    color: #0A4DAA;
    color: #C3D0DE;
    background-color: Transparent;
}


        
/*------------------------------- B A C K G R O U N D   -----------------------------------*/
#bkgd 
{
	background-color: #759BCD;
	background-color: #00348A;
    width: 100%;
    /*height: 267px;*/
    height: 221px;
    background-image: url(../pics/left_bkgd_clr.gif);
    background-repeat: repeat-x;
}


#mainbkgd {
    width: 100%;
    height: 221px;
    background-image: url(../pics/top_bkgd821_clr.gif);
    background-repeat: no-repeat;
	background-position: center top;
}

#testimonials {
    margin-left: 7px;
    margin-top: -20px;  
}

	
/*------------------------ M E N U S - L E F T  H A N D  S I D E ------------------------*/
#localnav 
{
	/* total width: 247px */
    padding-top: 5px;
    width: 222px;
    display: block;
    margin-left: 25px;
}

#localnav a {
	text-decoration: none;
	display: block;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 25px; /* make room fo arrow graphic */
	text-indent: 15pt;
	background-image:  url(../pics/menu_separator.gif); /* not exist */
	background-repeat: no-repeat;
	background-position: center bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7C6C5;
	margin: 0px;
	color: #92897A;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: auto;
	}
	
#localnav a:hover {
	background: #B8CEEB url(../pics/nav_bkgd.gif) no-repeat right;
	}
	
#localnav .selected , #localnav .selected:hover {
	background: #759BCD url(../pics/nav_selected_bkgd.gif) no-repeat right;
	color: #FFFFFF;
	font-weight: normal;
}


	
/*-------------------------- F O R M   L E F T - H A N D  S I D E --------------------------*/
.inquirybox  /* MemberMenu.ascx, Rotary101Menu.ascx  */
{
	/* total width: 225px */
    width: 200px;
	padding: 0px;
    margin: 10px 0px 10px 25px;
    /*background-image: url(../pics/email_hand.gif);
    background-repeat: no-repeat;
    background-position: 15px -2px;*/
}

.inquirybox p{
    font-size: 10px;
    color: #666666;
    line-height: 12px;
}
	
.inquirybox h4 { /*make room for finger graphic at top of inquirybox */
	margin-top: 20px;
	}

#formmy{
    margin: 0px;
    padding: 0px;
}

#smallform {
    font-size: 10px;
    color: #666666;
}

#smallform label, .inquirybox label, #directionsbox label {
    width: 60px;
    clear: left;
    float: left;
    margin: 0px;
    padding: 0px 0px 1px 0px;
}

#smallform input, .inquirybox input, #directionsbox input {
    font-size: 10px;
    color: #666666;
    clear: right;
    margin-bottom: 5px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

#smallform textarea, .inquirybox textarea {
    font-size: 10px;
    color: #666666;
    clear: right;
    width: 130px;
    height: 50px;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

#smallform select, #directionsbox select {
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    border: solid 1px #999999;
    border-right-color: #EBE9ED;
    border-bottom-color: #EBE9ED;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

#smallform .submit, #smallform .submit:active, .inquirybox .submit, .inquirybox .submit:active
{
	margin: 0px 0px 5px 72px;
    background-image: url(../pics/submit_bkgd.gif);
    border: 1px solid #CCCCC6;
    padding-right: 3px;
    padding-left: 3px;
}

.blueLabel
{
    color: #0066CC;
}

#directionsbox{
    padding-top: 15px;
    padding-bottom: 20px;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #E2E2D9;
    margin: 0px 20px 0px 15px;
    padding-left: 30px;
    background-image: url(../pics/directions_icon.gif);
    background-repeat: no-repeat;
    background-position: left 12px;
    padding-right: 0px;
}

#rotarygrambox{
    padding-top: 15px;
    padding-bottom: 20px;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #E2E2D9;
    margin: 0px 20px 0px 30px;
    padding-left: 40px;
    background-image: url(../pics/gram.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-right: 0px;
}

/*#rotaryloginbox{
    padding-top: 15px;
    padding-bottom: 20px;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #E2E2D9;
    margin: 0px 20px 0px 30px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left 12px;
    padding-right: 0px;
}*/

/*------------------------------- M A I N   C O N T E N T  --------------------------------*/
h1 {
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	color: #759BCD;
	letter-spacing: -0.05em;
}
	
h2 {
	font-weight: normal;
	font-size: 20px;
	color: #0A4DAA;
	margin: 5px 15px 8px 0px;
	background: url(../pics/ornament_large.gif) no-repeat left center;
	padding-left: 35px;
}
	
h3 {
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
	color: #759BCD;
	letter-spacing: -0.05em;
}
	
h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	margin: 0px;
	padding: 0px 0px 5px;
	color: #0A4DAA;
}

h5 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0px 0px 0.25em 0px;
	padding: 0px;
	color: black;
}

h6 {
	font-size: 12px;
    color: #0A4DAA;
    width: 135px;
    display: block;
    float: left;
    margin: 1px 9px 0px 0px;
    font-weight: bold;
    clear: left;
    /*border: solid thin red;*/
}

p {
	margin: 8px 0px 7px;
	padding: 0px;
}

p a, a, a:visited {
	color: #689CE4;
	text-decoration: underline;
}

p a:hover, a:hover {
	background-color: #CBDFFA;
	text-decoration: none;
}
	
p img {
	float: right;
	padding: 0px;
	margin: 15px 0px 10px 10px;
}
	
.CommunityService em {
	background: #FFFFCC;
	font-style: normal;
	font-weight: normal;
}

ul {
	line-height: 17px;
	list-style-type: none;
	margin: 10px 0px 10px 15px;
	padding-left: 15px;
	width: 400px;
}
	
ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E6E8;
	list-style-image: url(../pics/list_bullet.gif);
}

ul li a {
	color: #689CE4;
	text-decoration: none;
}	

ul li a:hover{
	background-color: #CBDFFA;
	text-decoration: none;
}
		
ol {
	line-height: 17px;
	margin: 10px 0px 10px 15px;
	padding-left: 24px;
	width: 400px;
}

ol li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E6E8;
}
 
hr 
{
	clear: both;
	height: 1px;
	margin: 10px 0px;
	padding: 0px;
	border: 1px solid #0A4DAA;
}

/* use:
member\committee_chairs.htm
nimda\poll\admin.php
poll\config.inc.php
poll\templates\
rotary101\index.html
*/
.CommitteeChairs table {
	font-size: 10px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #666666;
	}
	
.CommitteeChairs table p{
	font-size: 10px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	}
	
.CommitteeChairs table strong {
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	}
	
.CommitteeChairs table caption {
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 1.5em 0px;
	}

.CommitteeChairs th {
	font-weight: bold;
	text-align: left;
	}

.CommitteeChairs td {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-top: 0px;
	vertical-align: top;
	margin: 0px;
	}

#testimonial {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
	background-image: url(../pics/quote_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-top: 20px;
}

/* Google Map */
#map {
	margin:0px auto 15px;
	width:95%;
	height:200px;
	border:solid 8px #EDEDED;
	padding: 15px 0px 0px;
}

 /*-----------------------------  M a n a g e m e n t    P a g e   ---------------------------------*/
 
		.Management
        {
            /* Width 720 with padding 15 on all sides caused content to drop below
			 left-nav on IE6. Nicole reported this problem. I changed width to 95% with
			0px padding on right since it was not necessary*/
            width: 480px;
            margin: 0px;
            margin-bottom: 10px;
            padding: 15px;
            padding-right: 0px;
            background-color: #F8F4F1;
            border: solid 1px #CACACA;
        }
        
        .imgDiv
        {
            width: 98px;
            height: 103px;
            margin: 0px;
            padding: 0px;
            float: left;
            border: 1px solid #D2C8B6;
        }

        .imgDiv img
        {
			border-width: 2px;
            border-style: solid;
            border-color: #FFFFFF;
        }
        
        .bigName
        {
            font-size: 13px;
            color: #B74F06;
            color: #0A4DAA;
            font-weight: bold;
            margin: 0px 0px 5px 0px;
            font-size: 13px;
            letter-spacing: -.05em;
        }
        
        .rightBox
        {
            width: 350px;
            margin: 0px;
            padding: 0px;
            float: right;
        }

/*------------------------------ B I R T H D A Y    B O X  --------------------------------------*/
        
#HomeBox
{
	margin: 0px;
	margin-top: 15px;
	padding: 6px;
	width: 175px;
	border: solid 1px #666666;
}

#HomeBox h3
{
	font-size: 17px;
	color: #0A4DAA;
	border-bottom: solid 2px #0A4DAA;
	text-align: left;
}

#HomeBox .bluetext
{
	color: #5E8DCD;
}

/*------------------------------ R O T A R Y   1 0 1  --------------------------------------*/
.rotary101 h6
{
	width: 100%;
	padding-left: 50%;
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 11px;
	color: #727272;
}
.rotary101 hr, #rotary101Home hr {
	height: 1px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #759BCD;
	width: 85%;
	text-align: center;
}
#rotary101Home hr {
	width: 100%;
}
/*-------------------------------------- F O O T E R  --------------------------------------*/
#footer {
    float: right;
    display: inline;
    margin: 0px;
    padding: 30px 12px 0px;
    clear: none;
    background-image: url(../pics/footer_bkgd.gif);
    position: relative;
    left: -13px;
    z-index: -1;
    width: 550px;
    height: auto;
    background-repeat: no-repeat;
 }

#footer .copyright {
	float:left;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
}
	
#footer .sitecredit{
	float:right;
	border: 0px none;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
}
    
/*--------------------      G R I D   C O N T R O L   S T Y L E S   -------------------------*/

.ReciprocalRow, .ReciprocalRowAlt, .ReciprocalRowOver, .ReciprocalRowOut, .ReciprocalRowAltOut
{
	background-color: #E6F1FC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	height: 20px;
	overflow: visible;
	vertical-align: top;
}

.ReciprocalRow td, .ReciprocalRowAlt td, .ReciprocalRowOver td, .ReciprocalRowOut td, .ReciprocalRowAltOut td
{
	padding-top: 5px;
	padding-left: 3px;
}

.ReciprocalRowAlt
{
	background-color: #FFFFFF;
}

.ReciprocalRowOver
{
	background-color: #F8F2D0;
	font-weight: bold;
}

.ReciprocalRowOut
{
	background-color: #E6F1FC;
	font-weight: normal;
}

.ReciprocalRowAltOut
{
	background-color: #FFFFFF;
	font-weight: normal;
}

.ReciprocalGridFooter {
    height: 53px;
    padding-left: 5px;
    background-color: #FFFFFF;
    padding-right: 5px;
    background-image: url(../pics/footer-gray-bk.gif);
    background-repeat: repeat-x;
    background-position: 0px 20px;
    /*font-size: 11px;
    color: #666666;*/
}

.tableHead {
	font-weight: bold;
	font-size: 7pt;
	color: #000080;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #C3D0DE;
	text-align: left;
}

a.recp 
{
	margin-left: 3px;
	color: #5E8DCD;
	text-decoration: underline;
}

a:hover.recp {
	text-decoration: none;
}

/*--------------------      F O R V I E W  T A B L E   -------------------------*/


        td.rosterDetailTitle {
            width: 220px;
            text-transform: uppercase;
            float: left;
            border-bottom: 1px solid #EEEEEE;
            color: #516293;
        }
        td.rosterDetailDesc{
            clear: right;
            border-bottom: 1px solid #EEEEEE;
        }

        table#rosterDetailTable{
            width: 100%;
            line-height:2;
        }

        table#rosterDetailTable tr.rosterRowStyle {
            margin: 2px;
            vertical-align: top;
            text-align: left;
        }

        table#rosterDetailTable tr.rosterAltRowStyle  {
            margin: 2px;
            background-color: #E6F1FC;
            font-weight: normal;
            vertical-align: top;
        }

        table#rosterDetailTable th {
            color: #9F6F0B;
            border: 0px;
            padding: 10px 0px 0px 0px;
            font-size: 13px;
            font-weight: normal;
            text-transform: uppercase;
        }
 

/*---------------------------------    E v e n t    L i s t i n g   ---------------------------

#eventList ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
    width: 490px;
    }

#eventList li {
    padding: 2px;
    margin: 0px 2px 16px 2px;
    line-height: 1.5;
    background-color: #F2F2F2;
    list-style-type: none;
    list-style-image: none;
    border-bottom: solid 1px #D5D3D3;
    }

#eventList li a, #eventList li a:visited{
    height: 65px;
    overflow: hidden;
    display: block;
    cursor: pointer;
    color: #002693;
    text-decoration: none;
    }

#eventList a:hover {
    background-color: #E7E7F0; /@ bluish @/
    color: #0066CC;
    }

#eventList a:hover span.eventPic img {
    border: 2px solid #FFF;
    }

#eventList span.eventPic {
    width: 64px;
    overflow: hidden;
    float: right;
    vertical-align: middle;
    }

#eventList span.eventPic img {
    margin: 5px 0px 5px 0px;
    border: 2px solid #E4E2DD;
}

#eventList span.eventName {
    width: 278px;
    padding-left: 2px;
    overflow: hidden;
    float:left;
    text-align: left;
    text-transform: none;
    border-right: 1px solid #D5D3D3;
    font-family: Verdana, Arial;
    font-size: 11px;
    letter-spacing: -0.09em;
    }

#eventList span.eventDate {
    width: 110px;
    padding-left: 5px;
    padding-right: 1px;
    color: #AE7C18;
    overflow: hidden;
    float:left;
    border-right: 1px solid #D5D3D3;
    font-family: Verdana, Arial;
    font-size: 11px;
    letter-spacing: -0.09em;
    }

#eventList span.eventLink {
    width: 30px;
    padding-left: 5px;
    vertical-align: bottom;
    }

#eventList span.eventDesc {
    width: 507px;
    padding-left: 2px;
    overflow: hidden;
    color: #5F5F5F;
    }*/
    


     /*---------------------------------    E v e n t    L i s t i n g   ------------------------------------*/

		#eventList {background-color:#ffffff;clear:both;}
		
        #eventList ul {
            width: 510px;
            margin: 0px;
            padding: 0px;
            list-style: none;
            clear: both;
        }

        #eventList ul li {
            min-height: 116px;
            padding: 0px;     /* !important  */
            margin: 0px;
            list-style-image: none;
            clear: both;
        }
        #eventList ul li a{
            margin: 0px;
            min-height: 131px;
            display: block;
            cursor: pointer;
        }

        #eventList li.alt {
            background-color:#F4F3F2;
        }

        #eventList span.eventPic {
            width: 120px;
            margin-right: 10px;
            overflow: hidden;
            float: left;
            vertical-align: middle;
        }

        #eventList span.eventPic img {
            padding: 1px;
        }

        #eventList span.eventName {
            width: 375px;  
			padding-top: 3px;
			padding-bottom: 2px;          
            overflow: hidden;
            float:left;
            text-align: left;
            text-transform: uppercase;
            border-bottom: 1px #DBD8CD solid;
            }

        #eventList span.eventLink {
            width: 190px;
            height: 23px;
            padding-left: 5px;
            float:left;
            border-bottom: 1px #DBD8CD solid;
            }

        #eventList span.eventDesc {
            width: 375px;
            height: 93px;
            max-height: 93px;
            padding: 0px 0px 0px 2px;
            overflow: hidden;
            color: #5F5F5F;
            line-height: 1.4;
            clear: right;
            float: none;
            display: block; /* without this height is ignored  */
        }

        #eventList span.eventLogistics {
            color: #3C6A27;
            line-height: 1.4;
        }

        #eventList a:hover {
            background-color: #EFEFEC;
            color: #B8630C;
        }

hr.thin 
{
	clear: none;
	width: 415px;
	margin: 0px;
	padding: 0px;
    height: 1px;
    color: #D5D3D3;
    border: 0px;
    float:left;
}

br.clear { clear: both; }


/*---------------------------------    E v e n t    D e t a i l s   ------------------------------------*/

#eventDetailsPic {
    width: 193px;
    margin: 10px 0px 10px 0px;
    float: left;
}

#eventDetailsSum {
    width: 260px;
    margin: 10px 0px 25px 0px;
    float: right;
    overflow: hidden;
}

#eventDetailsSum ul {
    padding: 5px 0px 5px 0px;
    }

#eventDetailsSum li {
    padding-top: 3px;
    padding-bottom: 1px;
    border-bottom: 1px solid #E5E6E3;
    }

#eventDetailsSum span.title {
    width: 70px;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -0.04em;
    color: #8E8D80;
    font-size: 10px;
    }

#eventDetailsSum span.desc {
    width: 170px;
    display: block;
    text-align: left;
    }

    /*---------    E v e n t   D e t a i l s    T a b s e t   E l e m e n t s  -----------*/
    /*   Removing the position statement eliminates the problems with IE7                                   */

        dl.tabset   {
            top: 3px;
            bottom: 0px;
            left: -0px;
            right: 0px;
            width: 518px;
            padding-top: 3px;
            overflow: hidden; /* tabs were extending outside this boundry in IE6  */
        }

        dl.tabset dt    {
            margin: 3px 0px 3px 0px;
            padding: 3px 10px 3px 10px;
            top:-2px;
            left: 1px;
            border: 1px solid #E8E3DA;
            display: inline;
            background-color:#FFFFFF;
            color: #5F5F5F;
            cursor: pointer;
        }

        dl.tabset dt.hover  { color:#9b7e44; background-color: #F9F9F9; }

        dl.tabset dt.active {
            border-left: 1px solid #E8E3DA;
            border-bottom: 1px solid #DFEDF5;
            background-color: #F8F2D0;
            color: #9b7e44;
            cursor: default;
        }

        dl.tabset dd    {
            display:none;
            background: url(../pics/tabsetDDBackground.jpg) repeat-x;
        }

        dl.tabset dd.active {
            margin: 2px 0px 0px 0px;
            padding: 10px;
            display: block;
            border: 1px solid #E8E3DA;
            border-bottom: none;
            float: left;
            clear: both;
            width: 496px; /* with padding 10px (and border) = 518px max */
        }

        dl.tabset dt.ieclear {
            float:none;
            display:block;
            height:0px;
            overflow:hidden;
            border:none;
            padding:0px;
        }
        
/*----------------  event-reservations.aspx    --------------*/
.largeForm {
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    width: 490px;
    border: none;
}

.largeFormHeader {
    font-weight: bold;
    font-size: 11px;
    color: #5E8DCD;
    width: 490px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #D9DACF;
    margin-bottom: 20px;
}

.largeFormLabel {
    font-size: 10px;
    color: #666666;
    float: left;
    width: 90px;
    margin:0px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 0px;
    font-weight: bold;
    text-align: right;
    /*border: solid thin red;*/
}

.largeFormInput {
    font-size: 10px;
    color: #666666;
    width: 125px;
    margin: 0px;
    padding: 0px;
}

.largeFormTextarea {
    font-size: 10px;
    color: #666666;
    width: 300px;
    margin: 0px;
    padding: 0px;
}

.largeFormField {
    font-size: 10px;
    text-align: left;
    color: #666666;
    float: left;
    width: 145px;
    height: 26px;   /*applied to .NET CssCLass, had to add height, alter padding*/
    margin: 0px 0px 10px 0px;
    padding: 1px 0px 0px 5px;
    /*border: solid thin green;*/
}

.largeFormLongField {
    font-size: 10px;
    text-align: left;
    color: #666666;
    float: left;
    height: 26px;   /*applied to .NET CssCLass, had to add height, alter padding*/
    margin: 0px 0px 10px 0px;
    padding: 1px 0px 0px 5px;
    /*border: solid thin blue;*/
}

.largeFormTallField {
    font-size: 10px;
    text-align: left;
    color: #666666;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 1px 0px 0px 5px;
    /*border: solid thin blue;*/
}

/*----------------------------    P h o t o    G a l l e r y   ----------------------------*/

        .projectPics {
            margin-left: -5px;
            width: 520px;
            height: 318px;
            background-color: #C1CDDA;
         }

        #projectMainPic {
            width: 508px;
            height: 281px;
            margin-top: 5px;
            margin-left: 5px;
        }

        #projectThumb {
            width: 508px;
            height: 24px;
            margin-top: 3px;
            margin-left: 5px;
            overflow: hidden;
            font-size: 10px;
            text-align: right;
        }
        
        #projectThumb a, #projectThumb a:visited {
            height: 24px;
            width: 16px;
            margin: 0px;
            padding: 0px;
            border: 1px solid #E6EBF0;
            border-top: 0px;
            border-right: 1px solid #C1CDDA;
            background-color: #3375CB;
            overflow: hidden;
            display: inline-block; /* essential: this gives the link its existence */
            vertical-align: middle;
            text-align: center;
            padding-top: 2px;
            color: #FFFFFF;
            background-color: #3375CB;
            text-decoration: none;
        }

        #projectThumb a.selected {
            color: #000000;
        }

        #projectThumb a:hover {
            color: #000000;
			background-color: #CBDFFA;
            text-decoration: underline;
        }

/*--------------------      N I M D A   E V E N T S   -------------------------*/

#eventsColumnL
{
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-weight: normal;
    width: 295px;
    float: left;
}

#eventsColumnL .textLabel, #eventsColumnR .textLabel
{
    font-weight: bold;
}

#eventsColumnR
{
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
    padding-left: 5px;
    text-align: left;
    font-weight: normal;
    width: 210px;
    float: right;
    border-left: solid thin #DADBD7;
}

#eventsColumnR table th
{
    margin: 0px;
    padding: 0px 0px 0px 3px;
    text-align: left;
    width: 85px;
    border: none;
    font-size: 10px;
}

.MajorHeaderTDStyle
{
	padding-top: 20px;
	color: #9b7e44;
	font-size: 14px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
}