﻿
body
{
    background: #f3f3eb;
    background-image: url(../../content/Images/background.png);
    background-position: center;
    background-repeat: repeat-y;
    font-size: 13px;
    font-family: Segoe UI, Arial, Sans-Serif;
    color: #494949;
    margin: 0px;
}

.hoverlinks
{
    font-size: 13px;
}

a.hoverlinks:link
{
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    color: #4e1d77;
}
a.hoverlinks:visited
{
    text-decoration: none;
    font-size: 13px;
    font-weight: normal;
    color: #2a0f40;
}
a.hoverlinks:hover
{
    text-decoration: underline;
    font-weight: normal;
    color: #4e1d77;
}

#header
{
    height: 103px;
    background-image: url(../../content/Images/navigation-splash.gif);
    background-position: right;
    background-repeat: no-repeat;
}
#headerhomepage
{
    height: 125px;
    background-image: url(../../content/Images/navigation-splash-front2.jpg);
    background-position: right;
    background-repeat: no-repeat;
    padding-top:0px;
    
}
#headerfranchisee
{
    height: 125px;
    background-image: url(../../content/Images/navigation-splash-front3.jpg);
    background-position: right;
    background-repeat: no-repeat;
    padding-top:0px;
}
#logo
{
    background-image: url(../../content/Images/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 210px;
    height: 100px;
    float: left;
    text-align: center;
}

.line
{
    background-image: url(../../content/Images/stripe.png);
    background-repeat: repeat-y;
}

p
{
    margin-top: 0px;
    margin-bottom: 10px;
}
h1
{
    font-size: 26px;
    font-weight: bold;
    color: #d08d0b;
    color: #4d1d77;
}
h2
{
    font-size: 16px;
    font-weight: bold;
    color: #d08d0b;
    color: #8a2baf;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 15px;
}

div.grippie
{
    background: #EEEEEE url(../scripts/images/grippie.png) no-repeat scroll center 2px;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0pt 1px 1px;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
}


#content
{
    width: 900px;
    margin: auto;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: White;
    overflow: visible;
}

#footer
{
    width: 900px;
    margin: auto;
    background-color: White;
}

#mainbody
{
    clear: both;
    background-color: White;
    position: relative;
    top: 0px;
    left: 0px;
    width: 900px;
}
#mainbodyhomepage
{
    clear: both;
    background-image: url(../../content/Images/background-splash.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}


#searchbtn
{
    left: 250px;
}

#searchbox
{
    left: 84px;
}

#purpleblock a
{
    color: White;
    font-weight: bold;
    font-size: 19px;
    text-decoration: underline;
}

#purpleblock
{
    background-image: url(../../content/Images/purple-block.jpg);
    background-color: #64368b;
    height: 35px;
    color: White;
    padding: 10px;
    position: relative;
    left: 0px;
    right: 0px;
}

#purpleblockclub
{
    clear: both;
    width: 900px;
    background-image: url(../../content/Images/purple-block.jpg);
    background-color: #64368b;
    height: 368px;
    color: White;
    padding: 0px;
    position: relative;
    left: 0px;
    top: 0px;
}

#purpleblocksmall
{
    background-image: url(../../content/Images/purple-block.jpg);
    background-color: #64368b;
    height: 10px;
    color: White;
    padding: 0px;
    position: relative;
    left: 0px;
    right: 0px;
}
.purpleblocksmall
{
    background-image: url(../../content/Images/purple-block.jpg);
    background-color: #64368b;
    height: 10px;
    color: White;
    padding: 0px;
    position: relative;
    left: 0px;
    right: 0px;
}
#purpleblocknopadding
{
    background-image: url(../../content/Images/purple-block.jpg);
    background-color: #64368b;
    height: 35px;
    color: White;
    padding: 0px;
    position: relative;
    left: 0px;
    right: 0px;
}


#mapblock
{
    background-image: url(../../content/Images/purple-block.jpg);
    background-color: #64368b;
    height: 340px;
    color: White;
}
#mapresults
{
    background-image: url(../../content/Images/purple-block.jpg);
    background-color: #64368b;
    height: 110px;
    padding: 0px;
    color: White;
}


#purpleblock a:hover
{
    text-decoration: underline;
}

/* Section Styles */

.section
{
    padding-bottom: 10px;
    clear: both;
}

.postheader
{
    background-image: url(../../content/Images/blogheader.jpg);
    background-repeat: no-repeat;
    height: 35px;
    width: 546px;
    padding: 5px;
}

.commentheader
{
    background-image: url(../../content/Images/blogheader.jpg);
    background-repeat: no-repeat;
    padding: 5px;
}

/* Navigation Styles */

#generalnav
{
    display: block;
    height: 25px;
    margin: 0px;
    padding: 0px;
}

#generalnav ul
{
    margin: 0px;
    padding: 0px;
    height: 25px;
    display: block;
    list-style: none;
}

#generalnav li
{
    font-size: 16px;
    padding-top: 8px;
    margin-right: 5px;
    float: left;
    display: block;
}

#firstlevelnav
{
    display: block;
    height: 40px;
}

#firstlevelnav ul
{
    margin: 0px;
    padding: 0px;
    height: 40px;
    display: block;
    list-style: none;
    margin-top:-15px;
}

#firstlevelnav li
{
    margin-right: 15px;
    float: left;
    position: relative;
    top: 15px;
    height: 29px;
    display: block;
}

#firstlevelnav a
{
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    font-family: Segoe UI, Arial;
    color: #000;
}

#secondlevelnav
{
    display: block;
    height: 63px;
}

#secondlevelnav ul
{
    margin: 0px;
    padding: 0px;
    height: 63px;
    display: block;
    list-style: none;
}

#secondlevelnav li
{
    display: block;
    margin-right: 25px;
    width: 125px;
    float: left;
    position: relative;
    top: 8px;
    height: 55px;
}

#secondlevelnav a
{
    text-decoration: none;
    font-size: 13px;
    color: #555555;
}

.navcolor a:hover
{
    text-decoration: none;
}

#firstlevelnav a:hover
{
    text-decoration: underline;
}

#secondlevelnav a:hover
{
    text-decoration: underline;
}

.navcolor
{
    letter-spacing: 0px;
    font-family: Segoe UI, Arial;
    font-size: 16px;
    font-weight: bold;
    color: #4e1d77;
}

.firstnavselected
{
    background-image: url(../../content/Images/navigation-underline.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    text-decoration: none;
}

.headingcolor1
{
    letter-spacing: 0px;
    font-family: Segoe UI, Arial;
    font-size: 16px;
    font-weight: bold;
    color: #4e1d77;
}
.headingcolor2
{
    letter-spacing: 0px;
    font-family: Segoe UI, Arial;
    font-size: 16px;
    font-weight: normal;
    color: Black;
}

#sidelink a:hover
{
    text-decoration: none;
}

.secondnavselected
{
    background-image: url(../../content/Images/navigation-arrow.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.secondnavselected a
{
}


/* Page Styles */

#leftsidecolHide
{
    float: left;
    width: 0px;
    padding: 10px;
    visibility:hidden;
}

#leftsidecol
{
    float: left;
    width: 150px;
    padding: 10px;
}

#leftsidecol ul
{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

#leftsidecol li
{
    clear: both;
}
#leftsidecol a:link
{
    font-size: 13px;
    color: #4e1d77;
}

#sections
{
    float: left;
    width: 546px;
    padding: 10px;
}

#rightsidecol
{
    float: left;
    width: 150px;
}

.frontpagesections
{
    width: 245px;
    margin: 10px;
    padding: 10px;
}

/*  map */

.hoveroption
{
    background-image: url(../../content/images/public/selection.png);
    background-repeat: no-repeat;
    color: Black;
    cursor: Hand;
}

.hoveroptionoff
{
    background-image: url(../../content/images/public/selectionoff.png);
    background-repeat: no-repeat;
}

.maphoveroption
{
    background-image: url(../../content/images/public/maphighlight.png);
    background-repeat: no-repeat;
    color: Black;
    cursor: Hand;
    border-right: solid 2px Transparent;
}

.maphoveroptionoff
{
    background-image: url(../../content/images/public/maphighlightoff.png);
    background-repeat: no-repeat;
    border-right: solid 2px Transparent;
}
.maphoveroptionside
{
    background-image: none;
    background-color: #baa9c7;
    border: solid 1px #5d3284;
    background-repeat: no-repeat;
    color: Black;
    cursor: Hand;
}

.maphoveroptionsideoff
{
    background-image: none;
    border: solid 1px Transparent;
    background-color: Transparent;
}

input.error
{
    border: 2px solid #dc2bc1;
}


#hiddenpagenav li
{
    clear: both;
    display: block;
}

#videoblock
{
    position: relative;
    top: -9px;
    left: -10px;
    background-color: #000;
    display: none;
}

#fpsearchbox
{
    left: 91px;
}

#fpsearchbtn
{
    left: 257px;
}

#fpstate
{
    left: 85px;
}


#ClubSiteSwitchboard a
{
    background-color: Transparent;
    border: solid 1px Transparent;
    margin-right: 4px;
}

#ClubSiteSwitchboard a:hover
{
    background-color: #fcf8ff;
    border: solid 1px #994fda;
    margin-right: 4px;
}

/* thread.aspx */
#ForumTopics
{
    background-image: url(../images/forum/forumfooter.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 687px;
}

.ForumTopic
{
    background-image: url(../images/forum/ForumBackground.gif);
}

.ForumThread
{
    background-image: url(../images/forum/ThreadBackground.gif);
}

.ForumReplyRow
{
    float: left;
    border-top: solid 1px #dddddd;
  /*   border-bottom: solid 3px #dddddd; */
    background-color: #ffffff;
    background-image: url(../images/forum/ReplyBackground.gif);
}

.ForumReplyAuthor
{
    float: left;
    width: 170px;
    background-color: #ffffff;
    background-image: url(../images/forum/ReplyAuthorBackground.jpg);
    background-repeat: no-repeat;
    border-right: solid 1px #dddddd;
    padding-top: 5px;
    text-align: center;
}

.ForumReplyPosted
{
    float: left;
    width: 728px; /* 735 */
    background-image: url(../images/forum/ReplyPostedBackground.jpg);
    background-repeat: repeat-x;
    height: 24px;
    font-size: x-small;
    text-align: right;
    vertical-align: middle;
}

.ForumReplyMessage
{
    float: left;
    width: 728px; /* 735 */
}

/*
.ForumAward
{
      float: left;
        margin-right: 5px; 
        display: block; 
        height: 24px; 
        width: 24px;
        background-image: url(content/images/forum/awards/24/24_sprite_awards.png);  
}
*/

/* for NewReplay.aspx & EditReply.aspx */
.emoticons img
{
    cursor: hand;
    padding-top: 5px;
    padding-right: 2px;
}

/* for modal dialog in Thread.aspx */
.ui-helper-clearfix { display: inline-block; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #f2f5f7 50% top repeat-x; color: #362b36; }
.ui-widget-content a { color: #362b36; }
.ui-widget-header { border: 1px solid #aed0ea; background: #693c91 50% 50% repeat-x; color: white; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* 
.ui-widget-overlay { background: #3d1168 ; opacity: .60; filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #000000 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
*/

.ui-widget-overlay { background: #3d1168 url(images/bgoverlay.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: 5px 0 0 5px; padding: 0px; background: #000000 url(images/bgshadow.png) 50% 50% repeat-x; opacity: .50;filter:Alpha(Opacity=50); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }


.ui-dialog { position: relative; padding: .2em; width: 300px; } /* border: ridge 5px #B200FF; background-color: #993366*/
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
/*
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
*/
.ui-dialog .ui-dialog-titlebar-close { display: none;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1}
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }



/*COAK*/

#Coakpurpleblock
{
    background-color: #64368b;
    height: 35px;
    color: White;
    padding: 10px;
    position: relative;
    left: 0px;
    right: 0px;
}



.CoakMenu
{
	color:White;
	list-style-type:none;
	margin-left:0px;
	
	}
	
	
.CoakMenu li
{
	float:left;
	
	}
	
.CoakMenu	a {

display: block;
line-height: 30px;
/*text-decoration: none;*/
font-family: Segoe UI;
font-size: 18px;
color: #fff;
}

.CoakMenu	a:hover {
color: #fff;
/*font-weight:bolder;*/
text-decoration:underline;
}

#li1, #li2, #li5
{
	width:80px;
	}

#li3
{
	width:165px;
	}
	
#li4
{
	width:110px;
	}
	