﻿*
{
    padding: 0px;
    margin: 0px;
}

body
{
    background-image: url(images/bg2.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-color: #000000;
    color: #008080;
}
html
{
    font: small/1.4 "Lucia Grande" , Tahoma, sans-serif;
    color: #C0C0C0;
}

p
{
    padding-bottom: 7px;
}
a b
{
    visibility: hidden;
}
a:link, a:visited
{
    text-decoration: none;
    color: #78B553;
}
a:hover
{
    text-decoration: underline;
}
ul
{
    list-style: none;
}
#top
{
    display: block;
    background-image: url(images/top2.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 170px;
}
#header
{
    display: block;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
}

.nonMemberMenu2
{
    list-style-type: none;
    width: 590px;
    float: right;
    display: inline;
    padding-top: 70px;
    padding-bottom: 0px;
}
.nonMemberMenu2 li
{
    float: left;
    display: inline;
}
.nonMemberMenu2 a
{
    background-position: right top;
    float: left;
    display: inline;
    text-decoration: none;
    margin-left: 7px;
    color: #C0C0C0;
    text-transform: uppercase;
    text-align: right;
    border: 1px #0C0C0C solid;
    padding: 20px 10px 7px 10px;
    background-color: #333333;
    letter-spacing: 1px;
    font-size: 12px;
    background-image: url(images/arc.png);
    background-repeat: no-repeat;
}
.nonMemberMenu2 a:hover
{
    background-color: #484848;
    color: #FFFFFF;
}
.nonMemberMenu #nav_abo a
{
    background-image: url(images/aboutLink.jpg);
}
.nonMemberMenu #nav_tra a
{
    background-image: url(images/trainingLink.jpg);
}
.nonMemberMenu #nav_joi a
{
    background-image: url(images/joiningLink.jpg);
}
.nonMemberMenu #nav_loc a
{
    background-image: url(images/locationLink.jpg);
}
#whitebar
{
    color: #202020;
    background-image: url(images/chalk.jpg);
    background-repeat: repeat;
}

#whitebarShort
{
    display: block;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}
#titlepadder
{
    background-position: center;
    display: block;
    background-image: url(images/whitetrans.png);
    background-repeat: repeat-y;
    padding-left: 300px;
}
#loginviewboxHP
{
    display: block;
    margin-left: 210px;
    padding-top: 4px;
    padding-bottom: 6px;
}
#loginviewbox
{
    display: block;
    margin-left: 250px;
    padding-top: 4px;
    padding-bottom: 1px;
}
#loginFloater a, #loginFloater span
{
    padding: 3px 5px 5px 5px;
    color: #CCCCCC;
    text-align: center;
    font-size: 90%;
    background-color: #333333;
    border-bottom-style: ridge;
    border-left-style: ridge;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-color: #292929;
    border-left-color: #292929;
    border-right-style: ridge;
    border-right-width: 1px;
    border-right-color: #292929;
    float: right;
    margin-left: 5px;
}
#loginMainPageFloater
{
    display: block;
    color: black;
    font-size: 24px;
    font-family: 'Times New Roman' , Times, serif;
    font-weight: bold;
    float: right;
    width: 250px;
    padding-top: 8px;
}
#loginMainPageFloater a
{
    display: block;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: -5px;
    font-weight: normal;
}
#loginMainPageFloater a:hover
{
    text-decoration: none;
    color: #333333;
}
#login
{
    margin-left: 300px;
}
.updatelinks
{
    margin-left: 300px;
    padding-bottom: 15px;
    font-size: 14px;
    list-style-type: none;
}
.updatelinks li
{
}
.updatelinks a:link, .updatelinks a:visited
{
    background-position: 0px 0px;
    color: #C0C0C0;
    padding-left: 100px;
    padding-bottom: 2px;
    background-repeat: no-repeat;
    display: block;
    padding-top: 2px;
}
#membersMenu
{
    text-align: right;
    float: right;
}
#membersMenu ul
{
    list-style-type: none;
    display: inline;
}
#membersMenu li
{
    float: left;
    display: inline;
}
#membersMenu a:link, #membersMenu a:visited
{
    background-position: center 0px;
    float: left;
    width: 75px;
    display: inline;
    padding-top: 59px;
    background-repeat: no-repeat;
    color: #808080;
    font-size: 10px;
    line-height: 8px;
    text-align: center;
    padding-bottom: 15px;
}
/*#membersMenu a span
{
    visibility: hidden;
}*/
.memberszone a
{
    background-image: url(images/memberszone.jpg);
}
.news a
{
    background-image: url(images/newspaper_48.png);
}
.eventsLi a
{
    background-image: url(images/events.png);
}
.photos a
{
    background-image: url(images/camera_48.png);
}
.contact a
{
    background-image: url(images/mail_48.png);
}
.postit a
{
    background-image: url(images/posit.png);
}
.stopwatch a
{
    background-image: url(images/stopwatch.png);
}
.committeeBtns a
{
    
    padding-left: 50px;
}
.newsEdit a
{
    background-image: url(images/newsAdd.png);
    padding-left: 50px;
}
.eventsEdit a
{
    background-image: url(images/eventsAdd.png);
    padding-left: 50px;
}
.photosEdit a
{
    background-image: url(images/folderAdd.png);
    padding-left: 50px;
}
.postitEdit a
{
    background-image: url(images/NoticeAdd.png);
    padding-left: 50px;
}
.stopwatchEdit a
{
    background-image: url(images/stopwatchAdd.png);
    padding-left: 50px;
}
.pencil a
{
    background-image: url(images/pencilicon.jpg);
}
.member a
{
    background-image: url(images/membersIcon.png);
}
.services a
{
    background-image: url(images/spanner_48.png);
}
.documents a
{
    background-image: url(images/book_48.png);
}
.results a
{
    background-image: url(images/medal_icon.png);
}

#membersMenu a:hover
{
    color: #000000;
}
#membersMenu a:hover, .updatelinks a:hover
{
    text-decoration: none;
}
.clearzone
{
    clear: both;
    height: 1px;
}
#fullContent
{
    background-image: url(images/grass3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #000000;
}
#main
{
    display: block;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}
#sitemap
{
    display: block;
    text-align: right;
    color: #91BA67;
    padding-bottom: 3px;
}
#sitemap a
{
    color: #666666;
}
#wrapper
{
    clear: both;
}
#leftBar
{
    width: 270px;
    float: left;
    display: inline;
    padding-top: 40px;
}
#menuBg1
{
    background-position: center 0px;
    background-image: url(images/newpaperBg.jpg);
    background-repeat: no-repeat;
}
#menuBg2
{
    padding-top: 65px;
    background-position: center bottom;
    background-image: url(images/newsBgBottom.jpg);
    background-repeat: no-repeat;
    padding-bottom: 50px;
}
#normalMenu
{
    display: block;
    width: 250px;
    padding-top: 50px;
}

#rotator
{
    /*top: -90px;     position: relative;*/
    display: block;
    width: 200px;
    height: 196px;
}
.stichbox, .stichboxH
{
    background-color: #1B1B1B;
    border: 1px dashed #333333;
    padding: 0px 8px 5px 8px;
    margin-bottom: 10px;
}
.leftbarcontent
{
    display: block;
    padding: 20px;
    color: #C0C0C0;
    background-image: url(images/Lstrip.jpg);
    background-repeat: repeat-y;
    background-position: center;
    background-color: #121212;
}
.leftbarcontent ul
{
    list-style-type: none;
}
.leftbarcontent ul i
{
    color: #808080;
}

.stichbox a:link, .stichbox a:visited
{
    padding: 5px 5px 5px 0px;
    background-position: left center;
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
}
.stichboxH a:link, .stichboxH a:visited
{
    padding: 10px 2px 10px 55px;
    background-position: left center;
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
    color: #BD5135;
}
.leftbarcontent a:hover
{
    color: #FFFFFF;
}
.leftbarcontent .unselected a
{
    background-image: none;
    padding: 0px;
    margin: 10px 5px 10px 5px;
}

.leftbarcontent a img
{
    padding: 1px;
    background-color: #C0C0C0;
}
.leftbarcontent a:hover img
{
    background-color: white;
}
.eventshiftL
{
    margin-left: -45px;
    font-size: 85%;
    float: left;
    width: 260px;
    margin-bottom: 5px;
}
.eventshiftL a
{
    color: #CCCCCC;
}


.albumbox
{
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    color: #C0C0C0;
    background-color: #121212;
    margin-left: 30px;
    margin-top: 20px;
}
.albumbox a img
{
    padding: 1px;
    background-color: #666666;
}
#topbar
{
    display: block;
    padding-top: 3px;
    width: 100%;
    height: 20px;
}
.floatRmenu
{
    float: right;
}


#content
{
    margin-left: 290px;
    padding-top: 20px;
}


#footer
{
    display: block;
    width: 900px;
    color: #808080;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    text-align: center;
    padding-top: 30px;
}

/************************************************************************
* 
* Headings
*
************************************************************************/


h1, h2, h3, h4, h5, h6
{
    font-family: 'Times New Roman' , Times, serif;
}
h1
{
    font-size: 28px;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
    color: #800000;
}

h1.membersHeading a:link, h1.membersHeading a:visited
{
    background-position: right 10px;
    font-size: 26px;
    background-image: url(images/blackArrow.gif);
    background-repeat: no-repeat;
    padding-right: 20px;
    font-variant: normal;
    color: #000000;
}
h1.membersHeading a:hover
{
    color: #A82B00;
}

h1.title
{
    font-size: 45px;
    display: block;
    padding-top: 10px;
    float: left;
    width: 600px;
    text-shadow: 0px 1px 1px #FFFFFF;
}
#header h1 a
{
    background-position: 5px bottom;
    float: left;
    display: inline;
    width: 310px;
    background-image: url(images/logo.gif);
    background-repeat: no-repeat;
    height: 120px;
}
#header h1 a span
{
    visibility: hidden;
}
#header h1 a:hover
{
    text-decoration: none;
}
h2
{
    padding-top: 10px;
    padding-bottom: 7px;
    font-size: 22px;
}
#loginbanner h2
{
    font-size: 1em;
    font-weight: normal;
    margin-top: 8px;
}
#poster h2
{
    font-size: 13px;
    font-weight: bold;
    color: #50700E;
}
.leftbarcontent h2, .rightblock h2, .fullwidth h2, .leftbarcontent h2, .albumbox h2
{
    color: #BD5135;
}
.membercard h3
{
    font-size: 14px;
}
.rightblock h3
{
    font-weight: bold;
    display: block;
    color: #E6E6E6;
}
.rightblock h3 a
{
    color: #FFFFFF;
}
h3.menu
{
    margin: 20px;
    display: block;
    color: #FFFFFF;
    font-size: 22px;
    text-transform: uppercase;
}
#leftBar h3
{
    padding-bottom: 7px;
    color: #BD5135;
}
p.info
{
    color: #65B54E;
}
p.info a
{
    text-decoration: underline;
}
a span
{
}
a:hover span
{
    text-decoration: none;
}

/*  clubsite css */

.rightblock
{
    border: 1px solid #1B1B1B;
    padding: 5px 30px 20px 30px;
    margin-bottom: 10px;
    color: #C0C0C0;
    background-color: #0D0D0D;
    display: block;
    background-image: url(images/Rstrip.jpg);
    background-repeat: repeat-y;
    background-position: center;
    position: relative;
}
.rightblock img
{
    float: left;
    padding: 3px;
    margin-right: 10px;
}
.listBox, .listitem
{
    padding: 5px 5px 5px 0px;
    background-color: #242424;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.listitem p
{
    padding-top: 10px;
}
.listitem a:link, .listitem a:visited
{
}
.clear2column
{
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0px;
    height: 0px;
    clear: both;
}
/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #232323;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
    color: #C85B1A;
    background-color: #353535;
    font-size: 85%;
}
.controlblock .blackTxt
{
}
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom-color: #333333;
}

.dateBox
{
    float: left;
    padding: 0px 0px 5px 0px;
    margin-right: 10px;
    background-color: #2E2E2E;
    color: #FFFFFF;
    border: 1px solid #202020;
    text-align: center;
    width: 65px;
    line-height: 17px;
    margin-top: 5px;
    font-style: italic;
}
.dateBox b
{
    letter-spacing: 0.8em;
    display: block;
    font-style: normal;
    color: #808080;
}
.dateBox i
{
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    display: block;
    color: #BD442B;
}
.dateBoxSmall
{
    float: left;
    padding: 5px 0px 5px 0px;
    margin-right: 5px;
    background-color: #1E1E1E;
    color: #78B54E;
    border: 1px dashed #333333;
    text-align: center;
    width: 50px;
    line-height: 17px;
    font-style: italic;
    font-size: 85%;
    margin-bottom: 5px;
}
.dateBoxSmall b
{
    letter-spacing: 0.4em;
    display: block;
    font-style: normal;
    color: #808080;
}
.dateBoxSmall i
{
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    display: block;
    color: #BD442B;
}

/* Command buttons on pages */
.actionbuttons
{
    text-align: right;
    float: right;
    color: #FFFFFF;
}

/************************************************************************
* 
* Photo selection controls
*
************************************************************************/

#popupbody
{
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #E4E4E4;
    font-size: 0.7em;
}

#popupinner
{
    border: 1px solid #EAEAEA;
    margin: 5px;
    background: #C0C0C0;
    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: 105px;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.unselected
{
    background-color: #121212;
    border: 1px solid #252525;
    color: #DADADA;
}

.selected
{
    background: #CCCCCC;
    border: 1px solid #FFFFFF;
    color: #000000;
}

.scrollablelist
{
    overflow: auto;
    height: 230px;
    width: 460px;
    border: 1px solid #CCCCCC;
    background-color: #333333;
}

.scrollablelist2
{
    overflow: auto;
    height: 230px;
    width: 210px;
    border: 1px solid #C0C0C0;
}


.scrolledtable
{
}

.selectablephoto
{
    background: #666666 url(images/background_thumbnail.jpg) repeat-x center;
    border: 1px solid #999999;
    padding: 2px;
}

.contextbuttons
{
    margin: 5px 3px 5px 3px;
}
/************************************************************************
* 
* List type pages
*
************************************************************************/

/* represents each item in a vertical list */

.contentitem
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.contentitem h4 a, .contentitem h6
{
    padding: 5px;
    background-color: #575757;
    color: #FFFFFF;
    display: block;
}
.contentitem h6
{
    font-size: 14px;
    margin-bottom: 5px;
}
.contentitem h6 b
{
    font-size: 90%;
    font-weight: normal;
}
.contentitem a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}
.addressBox
{
    padding: 10px;
    background-color: #333333;
    color: #FFFFFF;
    line-height: 10px;
    margin-bottom: 10px;
}



/* surrounds the buttons for list items */
.editbuttons
{
    padding-top: 6px;
}

/* floats the image and thumbnail off to the left */
.thumbnail
{
    float: left;
    padding-top: 5px;
    margin-right: 15px;
}
.floatleft
{
    float: left;
    padding-bottom: 2px;
}
.floatleft img
{
    margin-right: 10px;
}
#content img
{
    padding: 2px;
    background-color: #333333;
    margin-bottom: 2px;
    margin-top: 5px;
}

/*used to clear the float for the thumbnail */
.clearlist
{
}

/* 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: #141414;
    border: 1px solid #070707;
    padding: 10px;
    display: block;
    width: 240px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.clearcard
{
    clear: left;
    height: 0;
    margin: 0;
    padding: 0;
}

#membercardcolumnleft
{
    float: left;
    position: relative;
}
#membercardcolumnright
{
    margin-left: 226px;
}
.membercard p
{
    margin: 5px;
}

/************************************************************************
* 
* Image functionality
*
************************************************************************/

.photo
{
    background: #666666 url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 1px #333333;
    padding: 2px;
}

.picture
{
    background: #666666 url(images/background_thumbnail.jpg) repeat-x center;
    border: 1px solid #333333;
    padding: 2px;
    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: 1px solid #282828;
}
.thumbnail a:hover img
{
    border: 1px solid #999999;
}

.albumFloatR
{
}

/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr
{
    border: 1px solid #000000;
    color: #FFFFFF;
    height: 26px;
    font-size: 9px;
    padding: 3px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #666666;   
    
}
.buttonsmall-ovr, .floatRmenu a:hover
{
    text-decoration: none;
    background-color: #4F4F4F;
}
.floatRmenu ul li
{
    
    float: left;
    display: block;
    margin-top: 5px;
    margin-left: 2px;
    
}
.floatRmenu ul
{
    display: block;
}
.floatRmenu .up a
{    
    color: #A44F15;    
    background-color: #E3E3C6;
}
.floatRmenu a
{
    padding: 5px;
    color: #FFFFFF;
    height: 26px;
    font-size: 9px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #666666;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #000000;
    border-right-color: #000000;
    border-left-color: #000000;
}

/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

.nextlink
{
    position: absolute;
    right: 0;
    padding-right: 15px;
}

/************************************************************************
* 
* Forms
*
************************************************************************/

/* label column */
.formlabel
{
    width: 120px;
    vertical-align: top;
}

/* value column */
.formvalue
{
    vertical-align: top;
}







/************************************************************************
* 
* 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;
}
*/

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #333333;
    border-collapse: collapse;
}
.eventmonthtable a
{
    font-size: 80%;
    color: #FFFFFF;
}

.dayNumber
{
    float: right;
    border-bottom: 1px solid #0C0C0C;
    border-left: 1px solid #0C0C0C;
    clear: none;
    padding: 2px;
    border-bottom-color: #2A2A2A;
    border-left-color: #2A2A2A;
    background-color: #333333;
    color: #C0C0C0;
}


.calcurrentmonth
{
    background-color: #1B1B1B;
}
.calothermonth
{
    background-color: #000000;
}
.calcurrentday
{
    background-color: #652C1D;
}
.calweekend
{
    background-color: #0F0F0F; /*  width: 15%; */
}

.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
{
    text-align: left;
    border: 2px solid #0A0A0A;
    height: 60px;
    vertical-align: top; /* needed for positioning the dayNumber part */
    position: relative;
    border-collapse: separate;
    border-spacing: 5px;
}


#memberBacker a
{
    display: block;
    background-image: url(images/membersArea.png);
    background-repeat: no-repeat;
    padding-top: 110px;
    padding-left: 70px;
    padding-bottom: 60px;
}
#memberBacker a:hover
{
    text-decoration: none;
}
#memberBacker p
{
    font-size: 12px;
    color: #CC6633;
    padding-left: 15px;
    font-weight: bold;
    font-style: italic;
}

/************************************************************************
* 
* small Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth2
{
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable2
{
    margin-right: 2px;
    margin-left: 2px;
    position: relative;
    margin-bottom: 2px;
    border: 1px solid red;
    border-collapse: collapse;
}
.eventmonthtable2 .calendarlink a
{
    background-position: 0px 0px;
    padding: 7px;
    font-size: 1px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(images/runnerLink.png);
    float: left;
}

.dayNumber2
{
    float: right;
    border-bottom: 1px solid #0C0C0C;
    border-left: 1px solid #0C0C0C;
    clear: none;
    padding: 1px;
    border-bottom-color: #2A2A2A;
    border-left-color: #2A2A2A;
    background-color: #333333;
    color: #C0C0C0;
    font-size: 8px;
}


.calcurrentmonth2
{
    background-color: #666666;
}
.calothermonth2
{
    background-color: #232323;
    color: #666666;
}
.calcurrentday2
{
    background-color: #652C1D;
}
.calweekend2
{
    background-color: #4E4E4E; /*  width: 15%; */
}

.calcurrentmonth2, .calcurrentmonth2, .calothermonth2, .calcurrentday2, .calweekend2
{
    text-align: left;
    border: 1px solid #202020;
    height: 30px;
    vertical-align: top; /* needed for positioning the dayNumber part */
    position: relative;
    border-collapse: separate;
    border-spacing: 1px;
}
.caldays2
{
    color: #666666;
}

/************************************************************************
* 
* Table formatting
*
************************************************************************/
/* table format */

.GridMain
{
    border: 1px solid #3F3F3F;
    background-color: #3A3A3A;
    width: 100%;
    color: #FFFFFF;
}

.GridRow
{
    background-color: #3A3A3A;
}
.GridSelectedRow
{
    background-color: #CCCCCC;
    color: #FFFFFF;
}
.GridHeader
{
    font-weight: bold;
    text-align: left;
    background-color: #BD5135;
    color: #FFFFFF;
}
.AltGrid
{
    background-color: #3F3F3F;
}
.GridMain th
{
    padding: 3px;
}
.GridMain td
{
    padding: 3px;
}

.GridHeader a
{
    color: #FFFFFF;
}



/************************************************************************
* 
* 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;
}

/* skins */
.dimmer
{
}


/*memberpage */
#middlebar
{
    margin-right: 180px;
}
#farleftbar
{
    float: right;
    width: 170px;
}
.floatbox
{
    margin: 0px 0px 10px 0px;
    padding: 10px;
    display: block;
    background-image: url(images/Rstrip.jpg);
    background-repeat: repeat-y;
    background-position: center;
    color: #D8D8D8;
}
.floatbox h5 a
{
    font-size: 12px;
}
.floatbox p a
{
    color: #808080;
}

/* icon builders */

.arrowFiller
{
    background-image: url(images/membersboxArrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 15px;
}
#arrowfiller1
{
    display: block;
    background-image: url(images/arrows3.jpg);
    background-repeat: no-repeat;
    background-position: 1px top;
}
.add a
{
    padding-left: 18px;
    background-image: url(images/add.png);
    background-repeat: no-repeat;
    background-position: 2px center;
}
.attention a
{
    padding-left: 18px;
    background-image: url(images/exclamation.png);
    background-repeat: no-repeat;
    background-position: 2px center;
}
p.info
{
    padding-left: 20px;
    background-image: url(images/information.png);
    background-repeat: no-repeat;
    background-position: left top;
}

a:link.editBtn, a:visited.editBtn
{    
    background-image: url(images/page_white_edit.png);
    
}
.downloadBtn a:link, .downloadBtn a:visited
{   
    background-image: url(images/icon_download.gif);    
}
.downloadBtn a:link, .downloadBtn a:visited, a.fileactionBtn, a.viewfileBtn, a:link.editBtn, a:visited.editBtn
{
    background-position: 0px 0px;
    background-repeat: no-repeat;
    font-size: 8px;
    padding: 4px 6px 4px 6px;
    cursor: default;
    color: #FFFFFF;
}
.downloadBtn a:hover
{
background-image: url(images/icon_download.gif);
}

a.fileactionBtn
{
 background-image: url(images/exclamation.png);   
}
a.viewfileBtn
{
 background-image: url(images/eye.png);   
}

p.download
{
    background-position: left center;
    display: block;
    padding-left: 23px;
    background-image: url(images/icon_download.gif);
    background-repeat: no-repeat;
    padding-top: 5px;
}
.tickpanel
{
    padding: 5px;
    color: #FFFFFF;
    text-align: right;
    background-color: #BD5032;
    float: right;
    font-size: 14px;
    font-weight: bold;
}
.tickpanel a
{
    color: #000000;
}

.miniIconLinks
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.miniIconLinks li
{
    float: left;
    margin-right: 5px;
}
.resultsLink a, .mediaLink a, .websiteLink a, .downloadLink a
{
    background-position: left bottom;
    display: block;
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-left: 18px;
    color: #FFFFFF;
}
.resultsLink a
{
    background-image: url(images/medal.png);
}
.mediaLink a
{
    background-image: url(images/pbp.gif);
}
.websiteLink a
{
    background-image: url(images/world_link.png);
}
.downloadLink a
{
    background-image: url(images/downloadPic.png);
}
/* event dowload button */
.downloadevent a
{
    background-position: left center;
    vertical-align: middle;
    padding-left: 20px;
    background-image: url(images/date_go.png);
    background-repeat: no-repeat;
}
.mapIcon a
{
    background-position: left center;
    vertical-align: middle;
    padding-left: 20px;
    background-image: url(images/map.png);
    background-repeat: no-repeat;
    color: #999999;
}


/* Header on view details type pages */
.itemdetails
{
    color: #649343;
    font-size: 14px;
    font-style: italic;
}
.notvisible
{
    visibility: hidden;
}

/* member box styling */

.repeateritem
{
    font-size: 100%;
    
}
.repeateritem p
{
}
.repeateritem i
{
    color: #808080;
}
.repeateritem a
{
   
}

/*white styles */

.floatleftFrameHP
{
    margin-left: -100px;
    margin-bottom: -40px;
    margin-top: -30px;
    float: left;
    width: 420px;
    position: relative;
}
.floatleftFrameHP img
{
    
}
.pictureBox
{
    margin-left: -180px;
    margin-top: -40px;
    float: left;
    width: 480px;
    height: 350px;
    position: relative;
    margin-bottom: -80px;
    padding-top: 75px;
}
.floatLFrameLoggedin
{
    width: 480px;
    overflow: hidden;
    display: block;
    height: 210px;
    
}

.floatLFrameLoggedin img
{
    border-width: 0px;
    width: 315px;  
    margin-left: 130px;
}
.pictureBox span
{
    background-position: 0px 0px;
    display: block;
    background-image: url(images/photoBorderBig.png);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 400;
    width: 480px;
    height: 420px;
    top: 0px;
    left: 0px;
}



#whitebarShort .floatleftFrame
{
    padding: 1px;
    border: 3px solid #CCCCCC;
    margin-left: -20px;
    margin-bottom: -40px;
    float: left;
    height: 210px;
    background-color: #FFFFFF;
    overflow: hidden;
    width: 330px;
    margin-top: -20px;
}
#whitebarShort .floatleftFrame img
{
}
#whitebarShort .floatleftFrame p
{
    padding: 0px 3px 3px 3px;
    display: block;
    background-image: url(images/whitetransL.png);
    background-repeat: repeat;
    margin-bottom: -23px;
    position: relative;
    z-index: 400;
    color: #FFFFFF;
}
.whiteText
{
    display: block;
    padding-top: 10px;
    padding-bottom: 2px;
    margin-left: 300px;
}
.whiteBg
{
    padding: 0px 30px 0px 40px;
    border: 1px solid #EBEBEB;
    background-image: url(images/whiteBgTrans.png);
    background-repeat: repeat;
}
.whitetextBox
{
    display: block;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-left: 250px;
}
.clearfaker
{
    display: block;
    width: 500px;
    height: 1px;
}
.more a:link, .more a:visited
{
    background-position: 0px 4px;
    background-image: url(images/resultset_next.png);
    background-repeat: no-repeat;
    display: block;
    padding-left: 15px;
}
.more a:hover
{
    color: #FFFFFF;
}
h5.picasaLink
{
    display: block;
    padding-left: 20px;
    background-image: url(images/pbp.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    color: #78B553;
}
.servicesLink a:link, .servicesLink a:visited
{
    display: block;
    padding-left: 50px;
    padding-top: 12px;
    padding-bottom: 16px;
    background-image: url(images/spanner_48.png);
    background-repeat: no-repeat;
}
.resultsLinkNoFloat a
{
    background-image: url(images/medal.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
}
.committeeBtn ul
{
    list-style-type: none;
}
.committeeBtn ul li
{
    color: #C0C0C0;
    padding-left: 12px;
    background-image: url(images/redArrow.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    float: left;
    padding-right: 90px;
}

/* very top nav elements */

#navpadder
{
    
}
#navpadder ul
{
    float: right;
}
#navpadder ul li
{
    float: left;
    border-color: #000000;
    padding: 5px;
    color: #FFFFFF;
    background-color: #494949;
    font-size: 11px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    margin-right: 5px;
}

#navpadder a:link, #navpadder a:visited
{
    color: #CCCCCC;
}

a.contact
{
    background-image: url(images/email.png);
    background-repeat: no-repeat;
    padding-left: 19px;
    margin-left: -3px;
    padding-bottom: 2px;
}
a.partnerZone
{
    background-image: url(images/group.png);
    background-repeat: no-repeat;
    padding-left: 19px;
    margin-left: -3px;
    padding-bottom: 2px;
}
a.settings
{
    background-position: 2px -2px;
    background-image: url(images/wrench_orange.png);
    background-repeat: no-repeat;
    padding-left: 19px;
    margin-left: -3px;
    padding-bottom: 2px;
}
/* toggles */


ul.archive ul
{
    display: none;
    list-style: none;
}
ul.archive li
{
    display: block;
    padding: 0px;
    margin: 0px;
    float: none;
    clear: left;
}
ul.archive ul li.floatLi
{
    background-image: none;
    float: left;
}
a.clearMenu
{
}
.archive li h3 a
{
    display: block;
    padding-top: 7px;
    padding-bottom: 3px;
    margin-left: -17px;
}

.archive a
{
    padding-left: 16px;
    cursor: pointer;
}

a.expanded
{
    background-image: url(images/icons/minusBtn.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 16px;
}
a.collapsed
{
    background-image: url(images/icons/plusBtn.png);
    background-repeat: no-repeat;
    background-position: left 3px;
}
a.extended
{
    background-image: url(images/linksbtn.png);
    background-repeat: no-repeat;
    background-position: left;
}
.archive ul a:visited, .archive ul a:link
{
    display: block;
    font-weight: normal;
    padding-left: 20px;
    font-size: 90%;
    background-image: url(images/bullet_arrow.png);
    background-repeat: no-repeat;
}

.imgshow img
{
    width: 520px;
}
