/* css specific to the clubs+groups section of the website */


/* this is just for the index page */
#clubs1
{
    width: 300px;
    background: url('../images/clubsgroups/index0.jpg') no-repeat;
    padding-left: 210px;
    height: 140px;
}
#clubs2
{
    width: 300px;
    background: url('../images/clubsgroups/index1.jpg') no-repeat;
    padding-left: 210px;
    height: 140px;
}



#floatbox
{
    width: 575px; /* width of parent div */
    display: block;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #585956;
}
#spotlight
{
    width: 175px; /* 175 + 10 padding = 185 */
    float: left;
    padding: 0px 10px 0px 0px;
    border-right: 1px solid #585956;

    /*height: 415px; */
}

div.arrow
{
    margin: 10px 0px 0px;
    padding: 0px 0px 0px 18px;
    /*background: url('../images/home/redarrow.jpg') no-repeat 0px 5px;*/
    font-size: 11px;
    line-height: 16px;
}

div.regionaltitle
{
    font-size: 18px;
    height: 24px;
    padding-left: 18px;
    padding-top: 3px;
    width: 165px;
}


/* end index page */


/* this is for the regional page AND constituent page*/

#groupbox
{
    width: 555px;
}
#groupmenu
{
    float: left;
    width: 110px;
    margin-top: 50px;
}
#groupmenu a
{
    display: block;
    padding-bottom: 10px;
}
#groupinfo
{
    float: left;
    width: 430px;
    position: relative;
    padding-left: 10px;
}
/* these make the JS work right */
#infobox { position: absolute; }
#ggseaabox{ visibility: hidden; position: absolute; overflow: hidden; height: 650px; }
#babox{ visibility: hidden; position: absolute; overflow: hidden; height: 650px; }
#cabox{ visibility: hidden; position: absolute; overflow: hidden; height: 650px; }
span.activities strong
{
    font-size: 16px;
    display: block;
    font-weight: normal;
}
/*end stuff specific to regional and constituent pages */


/* this is specific to senior pages */

#contentgroups {

    display: inline;
    float: left;
    min-height: 650px;
    padding: 0 10px 20px 20px;
    width: 650px;
}


.col3d { float: left; width: 550px; margin: 0px 4px 0px; padding: 0px 6px 0px 0px; }
.col3d p {font-size: 17px; color: #ffffff; line-height: 24px; text-align: center; }
.col3d p2 {font-size: 17px; color: #585956; line-height: 24px; text-align: left; }
.col3d p3 {font-size: 13px; color: #585956; line-height: 18px; text-align: left; }

.groupsleftcontainer3 {
    float: left;
    margin-left: 30px;
    width: 200px;
    border-left: 1px dotted #888888;
}
.groupsleftcontainer3 p4 {
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    padding-left: 25px;
}

/*simple classes*/
a.specialLink:link { color: #c0513d; border: none; }
a.specialLink:hover { color: #488db2;}
a.specialLink2:link { color: #7a7474; border: none; }
a.specialLink3:link { border: none; }
a.specialLink4:link { color: white; }
a:specialLink:visited {color:#608362;}
a:specialLink:hover {color:#acd9ae;}  
a.specialLink2:hover { color: #488db2; border: none; }
.red {color: #c0513d;}
.purple {color: #492c9f;}
.issue {font-size: 14px; color: #909191;}
.issue2 {font-size: 20px; color: #0a6e55;}
.issue3 {font-size: 20px; color: #997137;}
.2012blue {color: #5372be;}


/* this section is for the special events that appear in the regional pages */
div.event { margin: 15px 0px; }
/*span.eventname { font-size: 1.1em; display: block; background: #015174 url('../images/clubsgroups/corner.jpg') no-repeat right center; color: #ffffff; margin-bottom: 5px; padding: 1px 8px 1px 20px; }*/
span.eventlocation { display: block; }
span.eventdate { display: block; }
span.eventtime { display: block; margin-bottom: 10px; }
span.eventdetails { display: block; margin-bottom: 10px; }
span.eventdeadline { display: block; font-weight: bold; }
span.eventrsvp { display: block; margin-bottom: 10px; }
span.eventhelp { display: block; }
/* end regional special events  pages */



/* this stuff is specific to the greek pages */
div.greekhouse
{
    display: block;
    width: 550px;
    margin-bottom: 15px;
    height: 185px;
}
span.greektitle
{
    float: left;
    width: 550px;
    font-size: 14px;
    padding: 5px 0px;
}
img.greekimg
{
    float: left;
    padding: 0px 10px;
    margin-right: 10px;
    width: 200px;
}
p.greektext
{
    float: left;
}
/* end greek specific stuff */



/* regional specific stuff: */
div.hbox
{
   visibility: hidden; position: absolute; overflow: hidden;
}
div.hbox2
{
   visibility: hidden; position: absolute; overflow: visible;
}
/* end regional specific */