/* From clubsite.css */

input, select, textarea { font-size: 1em; font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif; }

.membercard h3 { font-size: 1em; }

#loginbanner h2 { font-size: 1em; font-weight: normal; margin-top: 8px; }

#poster h2 { font-size: 13px; font-weight: bold; color: #50700E; }
.leftblock h2, .rightblock h2, .fullwidth h2 { font-size: 1.6em; }

.rightblock h3 { font-size: 1em; font-weight: bold; margin: 0px; padding: 0px; display: block; }

.eventmonth h3 { padding-left: 20px; padding-right: 20px; }

.eventlist label { font-weight: bold; padding-right: 4px; }

/************************************************************************
*
* Main navigation used by the masterpage
*
************************************************************************/

/* Picture at the top of the site */
#poster { background: url(images/poster.jpg) no-repeat; margin-right: auto; margin-left: auto; width: 726px; height: 139px; margin-top: 17px; }

/* Navigation strips */
#navtop { /*background: url(images/background_nav_main.gif) repeat-x;*/ font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif; margin-right: auto; margin-left: auto; width: 726px; height: 45px; }
#navbottom { margin-bottom: 5px; }

/*#footer
{
    width: 726px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 22px;
    color: #C89F3D;
}*/

/* Make main navigation bars from a unordered list for easy update and better accessibility */

#navtop ul { margin: 0px; padding-top: 9px; list-style-type: none; height: 19px; text-align: center; padding-right: 15px; }
#navtop ul li { display: inline; color: #FFFFFF; margin-right: 25px; }
#navtop a:link, #navtop a:visited { color: #FFFFFF; text-decoration: none; }
#navtop a:hover { text-decoration: underline; }
#navtop a:active { color: #FEFFBD; text-decoration: none; }

#navbottom ul { margin: 0px; padding-top: 9px; list-style-type: none; height: 19px; text-align: center; padding-right: 15px; }
#navbottom ul li { display: inline; color: #000000; margin-right: 25px; }
#navbottom a:link, #navbottom a:visited { color: #0000cd; text-decoration: none; font-size: 1em; font-family: Tahoma, Arial, Sans-Serif; text-transform: uppercase; }
#navbottom a:hover { text-decoration: underline; color: #228b22; }
#navbottom a:active { color: #dc143c; text-decoration: none; }

/************************************************************************
*
* Formatting common to most pages
*
************************************************************************/

/* 2 column layout */
#columnleft { float: left; width: 240px; /*position: relative; */ }

#columnright { margin-left: 245px; /*  position:relative; */ }

.leftblock { filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#dcdcdc,endColorStr=#ffffff); padding: 15px; margin-bottom: 10px; /*background: url(images/background_columnleft.gif) #f8f8ff repeat-y;*/ vertical-align: top; border: 0px solid #a9a9a9; }

.rightblock { filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#dcdcdc,endColorStr=#ffffff); border: 1px solid #a9a9a9; padding: 15px; margin-bottom: 10px; /*background: #f8f8ff url(images/background_columnright.gif) repeat-y;*/ position: relative; width: 446px; }
td .filterdown { filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#dcdcdc,endColorStr=#ffffff); border: 1px solid #a9a9a9; }
td .filterright { filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#dcdcdc,endColorStr=#ffffff); border: 1px solid #a9a9a9; }

.clear2column { margin: 0; padding: 0; line-height: 0; font-size: 0px; height: 0px; clear: both; }


/* A full width block on the page */

/* A full width block on the page */

.fullwidth, #loginbanner { width: 694px; margin-right: auto; margin-left: auto; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#dcdcdc,endColorStr=#ffffff); border: 1px solid #a9a9a9; margin-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; text-align: left; }

/* for the login block
    picks up most of its properties from .fullwidth */

#loginbanner { padding-bottom: 0px; }

/* Goes around controls that need to be presented as a block of functionality  */
.controlblock { border: 1px solid #DBDB79; padding: 3px; margin: 2px 0 5px 0; vertical-align: top; }

/* shows a visual seperation */
.dashedline { border-bottom: #696969 1px dashed; padding-top: 10px; margin-bottom: 10px; clear: right; }

/* Command buttons on pages */
.actionbuttons { text-align: right; position: relative; padding: 1px 1px 1px 1px; }

/************************************************************************
*
* Calendar specific formatting
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#dcdcdc,endColorStr=#ffffff); /*background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;*/
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
    border: 1px solid #a9a9a9;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border-collapse: collapse;
}

.eventmonthtable a
{
    font-weight: bold;
    font-size: 0.7em;
    font-family: Verdana, Arial;
}

.dayNumber
{
    float: right;
    border-bottom: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    clear: none;
    padding: 2px;
}


.calcurrentmonth { background-color: #ffffff; }
.calothermonth { background-color: #d3d3d3; }
.calcurrentday { background-color: #e6e6fa; }
.calweekend { background-color: #f5f5f5; /*  width: 15%; */ }

.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
{
    text-align: left;
    height: 60px;
    vertical-align: top; /* needed for positioning the dayNumber part */
    position: relative;
    border-collapse: collapse;
    border-spacing: 5px;
    border: #a9a9a9 1px solid;
}

/************************************************************************
*
* Next / previous specific formatting
*
************************************************************************/

.nextlink
{
    text-align: right;
    float: right;
}



/************************************************************************
*
* Global formatting
*
************************************************************************/

/* all the legend tags use this same style */

legend { font-weight: bold; color: #666666; font-size: 1em; padding-left: 4px; padding-right: 4px; margin-bottom: 7px; }

/* apply zero margin to all forms and hide fieldset borders. Keep fieldset borders in the markup for better accessibility */

form { margin: 0px; }

fieldset { margin: 0px; padding: 0px; border: none; }

/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */

.hidden { visibility: hidden; }
.none { display: none; }


/************************************************************************
*
* Image functionality
*
************************************************************************/

.photo { background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center; border: solid 1px #E8DCA3; padding: 5px; }

.picture { background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center; border: solid 1px #E8DCA3; padding: 5px; margin: 5px; }

/* add hover border to href thumbnail images */
/*todo: rectify whether these should be .photo instead

.thumbnail a:link img, #thumbnail a:visited img
{
    border: 2px solid #883D08;
}
.thumbnail a:hover img
{
    border: 2px solid #FFFFFF;
}
.thumbnail a:active img
{
    border: 2px solid #000000;
}
*/

/************************************************************************
*
* List type pages
*
************************************************************************/

/* represents each item in a vertical list */
.listitem { margin: 0px 0px 0px 0px; width: 444px; }

/* surrounds the buttons for list items */
.editbuttons { padding-top: 6px; }

/* floats the thumbnail off to the right */
.thumbnail { float: right; margin: 0 0 0 5px; }

/*used to clear the float for the thumbnail */
.clearlist { clear: right; margin: 0; padding: 0; height: 0px; font-size: 0px; line-height: 0px; }

/* Used by the page number control */
.PageNumbers { display: inline; }

.PageNumbers span { padding-left: 3px; }

.newscrumbs a { font-weight: bold; padding-right: 2px; }

/* Used in the two column lists */

.membercard { background-color: #FEFEB1; border: 1px solid #E8DCA3; padding: 10px; margin-bottom: 10px; width: 198px; }

.clearcard { clear: left; height: 0; margin: 0; padding: 0; }

#membercardcolumnleft { float: left; position: relative; }
#membercardcolumnright { margin-left: 226px; }
.membercard p { margin: 5px; }

/************************************************************************
*
* Compact Event list
*
************************************************************************/


/* define event grid view columns */
/* todo: use or remove */

.eventlistdate { padding-right: 4px; }
.eventlisticon { text-align: center; }
.eventlisttime { text-align: center; width: 95px; }
.eventlistevent { font-weight: bold; }
.eventlistlocation { /* no styles needed at this time */ }
.eventlist td { padding-bottom: 4px; }

/*
.eventlist, .eventlist td, .eventlist tr
{
    border-style:none;
}
*/

/************************************************************************
*
* Rollover buttons
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr { background: url(images/background_button_small.gif) repeat-x; border: none; color: #FFFFFF; height: 22px; font-weight: normal; font-size: 9px; padding-bottom: 9px; padding-left: 3px; padding-right: 3px; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; }
.buttonsmall-ovr { text-decoration: underline; background: url(images/background_button_small-ovr.gif) repeat-x; }

/************************************************************************
*
* Page specific
*
************************************************************************/

/* even dowload button */
.downloadevent img { margin-right: 5px; vertical-align: middle; border: none; }

/* Header on view details type pages */
.itemdetails
{
    font-size: 1em;
    color: #000000;
    font-weight: normal;
    font-style: italic;
    text-align: right;
}



/************************************************************************
*
* Photo selection controls
*
************************************************************************/

#popupbody { font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif; margin: 0px; background: #FED36B; font-size: 0.7em; }

#popupinner { border: 1px solid #DBDB79; margin: 5px; background: #FEFFAB; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; }

#popupbody h2 { font-weight: bold; margin: 0px; padding: 1px 0px 5px 5px; display: block; }

.selected, .unselected { width: 80px; height: 100px; text-align: center; padding: 2px 2px 2px 2px; }

.unselected { background-color: transparent; border: solid 1px #FEFFAB; }

.selected { background: #FED36B; border: solid 1px #DBDB79; }

.scrollablelist { overflow: auto; height: 230px; width: 460px; border: solid 1px #DBDB79; }

.scrollablelist2 { overflow: auto; height: 230px; width: 210px; border: solid 1px #DBDB79; }


.scrolledtable { }

.selectablephoto { background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center; border: 1px solid #E8DCA3; padding: 2px; }

.contextbuttons { margin: 5px 3px 5px 3px; }

/************************************************************************
*
* Forms
*
************************************************************************/

/* label column */
.formlabel { vertical-align: top; }

/* value column */
.formvalue { vertical-align: top; }

.txtfield { width: 300px; }

.txtblock { width: 300px; }

a .NoLink
{
    color: #000000;
    text-decoration: none;
}

/* 0 BASIC TAGS */

table { font-size: 1em; }

h1, h2, h3, h4, h5, .title { margin: 0px; font-family: tahoma, arial, helvetica, sans-serif; color: #0000cd; }

h3 { margin-top: 1.0em; margin-bottom: .25em; font-size: 1.5em; font-weight: bold; }

h4 { margin-top: 1.0em; margin-bottom: .25em; font-size: 1.25em; font-weight: bold; color: #000000; }

h5 { margin-top: 0em; margin-bottom: .25em; font-size: 1em; font-weight: bold; color: #696969; }

.title { margin-top: 0; margin-bottom: 15px; font-size: 1.35em; font-weight: bold; }


p { line-height: 1.12em; margin: 0px 0px 1em; }

hr { border: 0; border-top: 1px solid #bababa; height: 1px; }

/*a:link, a:visited, a:active
{
    text-decoration: none;
    font-weight: normal;
    color: #0000ff;
}

a:hover
{
    text-decoration: underline;
    color: #008000;
    font-weight: normal;
}*/

ul, li { margin-top: 0px; margin-bottom: 0px; }

body { background-color: #808080; margin: 0; padding: 0; text-align: center; font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; color: #000000; }

img { border-width: 0; }

/* 1 HEADER */

.header { background-image: url(Images/SBFD/SBFD_Header.gif); background-repeat: no-repeat; position: relative; width: 780px; height: 160px; margin-left: auto; margin-right: auto; }

.nav_header { position: relative; text-align: right; top: 140px; right: 55px; text-transform: uppercase; font-size: 10px; color: #ffffff; }

.nav_header a, .nav_header a:visited { color: #ffffff; }

.nav_header a:hover { text-decoration: underline; color: #ffd700; }

.nav_header a:active { color: #ffd700; }

.pagewidth { background-color: #ffffff; margin: 0; padding: 15; text-align: left; font-family: verdana, arial, helvetica, sans-serif; font-size: .8em; color: #696969; background-image: url(Images/SBFD/SBFD_PageBkgnd.gif); background-repeat: repeat-y; width: 780px; }

/*
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#dcdcdc,endColorStr=#ffffff); height: 1%;
*/
.menubar {
	background: url(images/menu_bg.jpg) repeat-y;
	border-top: dimgray 1px solid;
	padding-top: 15px;
	border-bottom: dimgray 1px solid; }

/*.menubar a:link, .menubar a:visited
{
    font-size: 0.8em;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    color: black;
}*/

.menubar a:hover { color: #ff8c00; text-decoration: underline; }

.menua { text-transform: uppercase; font-size: 10px; }

.nav { position: absolute; right: 37px; top: 60px; text-transform: uppercase; font-size: 10px; color: #ffffff; }

.menua a:visited { color: #d32525; }

/* 1.1 SHIM */

.shim { background-repeat: repeat-y; margin-left: auto; margin-right: auto; width: 780px; height: 8px; font-size: 0; }

.column { background-image: url(Images/SBFD/SBFD_PageBkgnd.gif); }

.gradient { background-image: url(images/content-shim-photo.gif); }

.solid { background-image: url(images/content-shim-none.gif); }

/* 2 PAGE */

.page { /*background-repeat: repeat-y;*/ margin-left: auto; margin-right: auto; text-align: left; }

/* 2.1 HOME, RESUME, LINKS, REGISTER, ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */

#home, #resume, #links, #register, #admin-albums, #admin-photos { background-image: url(Images/SBFD/SBFD_PageBkgnd.gif); position: relative; background-repeat: repeat-y; width: 780px; padding-top: 1px; /* Weird Mozilla Bug */ padding-bottom: 40px; /* Weird Mozilla Bug */ padding-right: 0px; padding-left: 0px; }


#sidebar { float: left; width: 214px; height: 100%; }

#content { margin-left: 256px; }

#whatsnew { float: left; width: 200px; height: 100%; }

#coollinks { margin-left: 220px; }

#resume h4, #links h4 { margin-top: 0; border-top: 1px solid #bababa; padding-top: 1.0em; position: absolute; left: 37px; width: 214px; }

#resume #photo { position: absolute; left: 37px; top: 20px; width: 214px; }

#resume .first { margin-top: 0; border-top: 1px solid #bababa; padding-top: 1.5em; }

dl { margin-top: 0; margin-bottom: 0; border-top: 1px solid #bababa; padding-top: 1.5em; padding-bottom: 1.5em; position: relative; }

dt { position: absolute; left: 0; }

dd { margin-left: 150px; height: 2.0em; }

.emptydata td { padding: 50px; color: #aeaeae; }

/* 2.2 ALBUMS PAGE */

#albums { background-image: url(images/body-repeat-photo.gif); padding: 0px 37px; padding-bottom: 40px; width: 686px; }

.view { margin-left: auto; margin-right: auto; width: 686px; text-align: center; }

.view .photo-frame { margin-left: auto; margin-right: auto; }

.item { padding: 20px 50px; color: #B2B2B2; }

.item h4 { margin-bottom: 0.4em; }

.nullpanel { padding: 150px; width: auto; text-align: center; }

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details { background-image: url(images/body-repeat-photo.gif); padding: 0; width: 760px; }

.buttonbar { background-image: url(images/photonav-bg.gif); background-repeat: repeat-x; margin-left: auto; margin-right: auto; padding-top: 4px; width: 744px; height: 33px; text-align: center; }

.buttonbar-top { background-image: url(images/photonav-top-bg.gif); }

#photos .view, #admin-details .view { margin-top: 20px; margin-bottom: 20px; }

/* 3 FOOTER */

.footerbg { width: auto; height: 26px; text-align: center; }
.footer { background-image: url(Images/SBFD/SBFD_PageBkgnd.gif); background-repeat: repeat-y; margin-left: auto; margin-right: auto; text-align: center; font-size: 10px; padding-right: 40px; padding-left: 30px; padding-bottom: 5px; padding-top: 15px; }

.footercap { background-image: url(Images/SBFD/SBFD_FooterCap.gif); width: auto; height: 26px; text-align: center; }

.menub { margin: 0px 5px 5px 0px; text-transform: uppercase; font-size: 9pt; font-weight: normal; }

table .menub a:link { color: #696969; }

.menub a:hover, .menub a:active { font-weight: normal; color: #008000; }

.menub a:visited { color: #d32525; font-weight: normal; }



/* Inline styles are used because image controls hard code a border property */

.photo_198 { border: 4px solid #FFFFFF; }

#body { width: 726px; margin-top: 7px; margin-right: auto; margin-left: auto; position: relative; }

ul { list-style-type: none; list-style-image: url(images/bullet-2.gif); list-style-position: outside; vertical-align: middle; margin-left: 1.25em; }
li { margin-bottom: 0.5em; line-height: normal; }

li .chk { list-style-image: url(images/checkmark.gif); }

/* These next 7 items allow for a 3rd column on the history page */
#stat1 td { font-size: 8pt; }
#stat2 td { font-size: 8pt; }
#stat3 td { font-size: 8pt; vertical-align: top; }
#stat1 { background-color: #CCECFF; margin: 8px; }
#stat2 { background-color: #CCECFF; margin: 8px; }
#stat3 { background-color: #CCECFF; margin: 8px; }
.pullquote { background-color: #CCECFF; padding: 8px; width: 150px; font-size: 10pt; }

.notice {
	margin: 10px;
	/* width: 300px; */
	border: solid 1pt black;
	background-color: #FFEEB9;
	padding: 5px;
}

.notice h3 { 
	margin-top: 0px; 
	text-align: center; 
	margin-bottom: 10px;
}