/* ---------- FONT FACE CLASSES BELOW ---------- */

@font-face {
    font-family: 'CollegeRegular';
    src: url('COLLEGE-webfont.eot');
    src: url('COLLEGE-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('COLLEGE-webfont.woff') format('woff'),
         url('COLLEGE-webfont.ttf') format('truetype'),
         url('COLLEGE-webfont.svg#CollegeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CollegeBold';
    src: url('COLLEGEB-webfont.eot');
    src: url('COLLEGEB-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('COLLEGEB-webfont.woff') format('woff'),
         url('COLLEGEB-webfont.ttf') format('truetype'),
         url('COLLEGEB-webfont.svg#CollegeBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CollegeSemicondensedRegular';
    src: url('COLLEGES-webfont.eot');
    src: url('COLLEGES-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('COLLEGES-webfont.woff') format('woff'),
         url('COLLEGES-webfont.ttf') format('truetype'),
         url('COLLEGES-webfont.svg#CollegeSemicondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CollegeCondensedRegular';
    src: url('COLLEGEC-webfont.eot');
    src: url('COLLEGEC-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('COLLEGEC-webfont.woff') format('woff'),
         url('COLLEGEC-webfont.ttf') format('truetype'),
         url('COLLEGEC-webfont.svg#CollegeCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ---------- FONT FACE CLASSES ABOVE ---------- */
/* ---------- HTML TAG RULES BELOW ---------- */
*{ font-family: Helvetica;}

html
{
    border: 0px;
    width: 100%;
    height:100%;
    margin: 0px;
    padding: 0px;
}

body
{
    /*background-color: #062134;*/
    background:url(../images/bg_umdcheer_red2.png);
    position: relative;
    width: 100%;
    height:100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    /*min-width: 1100px;
    min-height: 600px;*/
    min-width: 960px;
    min-height: 640px;
    overflow: hidden;
}

h1, h2
{
	/*font-family:"Georgia", Times, serif;*/
	font-size:40px; font-weight:normal; 
	margin-top:8px; margin-bottom:26px; padding-bottom:13px; background:url('../images/bgLineBreak.html') bottom repeat-x;
	letter-spacing:-1px;
}	
	
h2
{
	color: #eb4f28;		
}
	
h3
{
	font-size:20px; font-weight:bold; text-transform:uppercase; color:#eb4f28; margin-top:0px; 
	font-family:'Helvetica Neue',Helvetica,Arial,Verdana; color:#EB4F28; 
}

.right-content h2
{
    font: 20px/28px Helvetica, Arial, sans-serif; letter-spacing: 0; color: #006699;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.flyer-right h2
{
    font: 20px/28px Helvetica, Arial, sans-serif; letter-spacing: 0; color: #006699;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

h4 { font: 16px/24px Helvetica, Arial, sans-serif; letter-spacing: 0; color: #006699; }

h4.subhdr {
	font-size:16px; font-weight:bold; text-transform:uppercase; color:#658b09; margin-top:0px; 
	font-family:'Helvetica Neue',Helvetica,Arial,Verdana; color:#658b09; 
}

ul
{
    list-style-image:url(../images/check_mark_sm.png);
    overflow: hidden;
    border: 0px solid orange;
}

li
{
    float: left;
}

/* ---------- HTML TAG RULES ABOVE ---------- */

/* ---------- LAYOUT CLASSES BELOW ---------- */

#top
{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 50px;
    z-index: 600;
    
    /* Firefox */ -moz-box-shadow: 0px 0px 15px #151515;
    /* WebKit */ -webkit-box-shadow: 0px 0px 15px #151515;
    /* Standard */ box-shadow: 0px 0px 15px #151515;        
    
    background: #000000; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #666666,  #000000); /* for firefox 3.6+ */
    border-bottom: 1px solid #000000;
}

#sitelogo img
{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 184px;
    height: 30px;
    z-index: 1000;
    border: 0px;
}

#middle_default
{
    position: absolute;
    width: 980px;
    min-height: 510px;
    top: 50px;
    left: 50%;
    bottom: 75px;
    margin-left: -490px;
    z-index: 500;
    background-color: #333333;    
    border-left: 1px solid #525457;
    border-right: 1px solid #525457;
    
    /* For IE 8 */ filter: progid: DXImageTransform.Microsoft.Shadow(strength = 15, direction = 0, color = '#2f2f2f');
    /* For IE 8 */ -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 15, Direction = 0, Color = '#2f2f2f')";
    /* Firefox */ -moz-box-shadow: 0px 0px 20px #2f2f2f;
    /* WebKit */ -webkit-box-shadow: 0px 0px 20px #2f2f2f;
    /* Standard */ box-shadow: 0px 0px 20px #2f2f2f;    
}

#middle
{
    position: absolute;
    width: 980px;
    min-height: 510px;
    top: 50px;
    left: 50%;
    bottom: 75px;
    margin-left: -490px;
    z-index: 500;
    background-color: #333333;
    background-color: #FFF;
    border-left: 1px solid #525457;
    border-right: 1px solid #525457;
    overflow-x: hidden; 
    overflow-y: auto;
    
    /* For IE 8 */ filter: progid: DXImageTransform.Microsoft.Shadow(strength = 15, direction = 0, color = '#2f2f2f');
    /* For IE 8 */ -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 15, Direction = 0, Color = '#2f2f2f')";
    /* Firefox */ -moz-box-shadow: 0px 0px 20px #2f2f2f;
    /* WebKit */ -webkit-box-shadow: 0px 0px 20px #2f2f2f;
    /* Standard */ box-shadow: 0px 0px 20px #2f2f2f;

    -webkit-overflow-scrolling: touch;
}

#bottom
{
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    height: 75px;
    z-index: 600;
    background-color: #000000;
    
    /* For IE 8 */ filter: progid: DXImageTransform.Microsoft.Shadow(strength = 15, direction = 270, color = '#2f2f2f');
    /* For IE 8 */ -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 15, Direction = 270, Color = '#2f2f2f')";
    /* Firefox */ -moz-box-shadow: 0px -3px 15px #2f2f2f;
    /* WebKit */ -webkit-box-shadow: 0px -3px 15px #2f2f2f;
    /* Standard */ box-shadow: 0px -3px 15px #2f2f2f;
}

#footer
{
    position: absolute;
    top: 0px; right: 0px; bottom: 0px; left: 50%;
    width: 980px;
    margin-left: -490px;
    overflow: hidden;
    border: 0px solid red;
}

.copy
{
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -178px;
    color: White;
    font-size: 10px;
}

.copy a
{
    color: #FFFFFF;
}

.left_foot
{
    position: absolute;
    left: 15px;
    bottom: 22px;    
}

.left_foot img
{
    border: 0px;
    width: 117px;
    height: 30px;
}

.right_foot
{
    position: absolute;
    right: 15px;
    bottom: 15px;    
}

.right_foot img
{
    border: 0px;
}

#content_default
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    border: 0px solid blue;
}

#content
{
    position: relative;
    width: 980px;
    overflow: auto;
    padding-bottom: 50px;
    border: 0px solid blue;
}

#content_testudo
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
    border: 0px solid red;
}

#col_left /* DON'T USE HEIGHT 100% !!! */
{
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    padding: 6px;
    width: 300px;
    border-right: 1px solid #2F2F2F;
}

#col_middle
{
    position: relative;
    float: left;
    margin-top: 20px;
    padding: 6px;
    width: 300px;
    border-right: 1px solid #2F2F2F;
}

#col_middle img
{
    margin-bottom: 40px;
    margin-left: 5px;
}


#col_right
{
    position: relative;
    float: left;
    margin-top: 20px;
    padding: 6px;
    width: 300px;
    height: 100%;
}

.col_hdr
{
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #EB4F28;	
}

.col_section
{
    position: relative;
    padding-right: 10px;
    font-size: 14px;
}

.col_section_bb
{
    position: relative;
    padding-right: 10px;
    font-size: 14px;
    border-bottom: 1px solid #2F2F2F;
}

/* ---------- LAYOUT CLASSES ABOVE ---------- */
/* ---------- NAVIGATION CLASSES BELOW ---------- */

.topnav
{
    position: absolute;
    width: 980px;
    height: 50px;
    top: 0px; left: 50%;
    margin-left: -490px;
    border: 0px solid white;
}

.nav_btn
{
    position: relative;
    float: right;
    display: block;
    border-top: 3px solid transparent; 
    height: 47px;
    margin-left: 30px;
}

.nav_btn:hover { border-top: 3px solid white; cursor: pointer; }

.nav_btn a 
{
    font-size: 20px; font-family: 'CollegeRegular', Georgia; font-weight: normal; color: White; font-weight: normal; margin-top: 10px; text-decoration: none; display: block;
}

.current
{
    border-top: 3px solid #FFB900;
}

.current:hover
{
    border-top: 3px solid #FFB900;
}

/* ---------- NAVIGATION CLASSES ABOVE ---------- */
/* ---------- TOP SHELL CLASSES BELOW ---------- */

#tshell
{
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -34px;
    z-index: 1000;
}

/* ---------- TOP SHELL CLASSES ABOVE ---------- */
/* ---------- DEFAULT PAGE CLASSES BELOW ---------- */

#slider { position: absolute; height: 400px; width: 930px; left: 50%; margin-left: -465px;  top: 15px; border: 0px; }
        
#submenu { position: absolute; top: 430px; width: 930px; height: 140px; left: 50%; margin-left: -465px; background:url(../images/bg_submenu.png) repeat-x 0 0; }

#b1 { position: absolute; width: 184px; height: 120px; left: 50%; margin-left: -370px; top: 10px; border: solid 0px black; background-color: transparent;  }
#b2 { position: absolute; width: 184px; height: 120px; left: 50%; margin-left: -91px; top: 10px; border: solid 0px black; background-color: transparent;  }
#b3 { position: absolute; width: 184px; height: 120px; left: 50%; margin-left: 188px; top: 10px; border: solid 0px black; background-color: transparent;  }

#intro { position: absolute; top: 570px; width: 930px; height: 100px; left: 50%; margin-left: -465px; padding-bottom: 20px; border: solid 0px black; }
#intro p { color: #FFFFFF; }
/* ---------- DEFAULT PAGE CLASSES ABOVE ---------- */
/* ---------- CHEER PAGE CONTENT CLASSES BELOW ---------- */

#pagetitle
{
    position: relative;
    margin-top: 20px;
    margin-left: 15px;
    font-size: 20pt;
    font-weight: bold;
    color: #282828;
    clear: both;
    border: 0px solid red;
}

.headshot_container
{
    position: relative;
    width: 130px;
    height: 150px;
    margin: 15px 10px 20px 15px;
    float: left;
    border: 0px solid green;
}

.headshot_container:hover
{
    cursor: pointer;
}

.headshot_container img
{
    position: relative;
    width: 100px;
    height: 150px;
    text-align: center;
    margin-left: 15px;
    border: 0px solid orange;
    clear: both;
}

.headshot
{
    position: relative;
    width: 130px;
    height: 150px;
    clear: both;
    border: 0px solid blue;
}

.membername
{
    position: relative;
    width: 130px;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    clear: both;
    border: 0px solid red;
}

#bio_layer
{
    position: absolute;
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    z-index: 8000;
    border: 0px solid blue;
    display: none;
}


#screencover
{
    position: absolute;
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    background-color: #FFFFFF;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    /* IE 5-7 */
    filter: alpha(opacity=85);
    /* Netscape */
    -moz-opacity: 0.85;
    /* Safari 1.x */
    -khtml-opacity: 0.85;
    /* Good browsers */
    opacity: 0.85;
    z-index: 9000;
    display: block;
}

.bio_info /* hidden div which holds bio info */
{
    display: none;
}

.bio_box
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -400px;
    width: 800px;
    height: 600px;
    padding: 15px;
    border: 1px solid #A2A4A9;
    /*background: rgba(0, 0, 0, 0.6);*/
    background-color: rgba(255, 223, 0, 1.0);
    background-image: url(../images/bg_bio_box_red.png);
    z-index: 9999;
    display: block;
    
    /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=180, Color='#2f2f2f')";
    /* Firefox */ -moz-box-shadow: 2px 0px 30px #2f2f2f;
    /* WebKit */ -webkit-box-shadow: 2px 0px 30px #2f2f2f;
    /* Standard */ box-shadow: 2px 0px 30px #2f2f2f;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.bio_close
{
    position: absolute;
    top: 30px;
    right: 30px;
    width: 20px;
    height: 20px;
    background: url(../images/btn_bio_close.png) no-repeat 0px 0px;
    z-index: 10005;
    cursor: pointer;
}

.bio_pic
{
    position: relative;
    float: left;
    z-index: 10001;
}

.bio_pic img
{
    -webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}

.bio_text
{
    position: absolute;
    /*top: 20px; right: 20px; bottom: 20px; left: 420px;*/
    top: 15px; right: 15px; bottom: 15px; left: 415px;
    background: #000000;
    padding-left: 20px;
    color: #FFFFFF;
    font-size: 14pt;
    overflow: auto;
    border: 0px solid red;
    z-index: 10000;
    
    -webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomrightt: 10px;
	border-bottom-right-radius: 10px;
	
}

#bio_name
{
    color: White;
    font-size: 20pt;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0px solid green;
}

#bio_pos
{
    color: White;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 12px;
    border: 0px solid green;
}

#bio_yr
{
    color: White;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 12px;
    border: 0px solid green;
}

#bio_exp
{
    color: White;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 12px;
    margin-right: 0px;
    border: 0px solid green;
}

#bio_mj
{
    color: White;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 12px;
    margin-right: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 0px solid green;
}

.bio_about
{
    color: White;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 5px;
    border: 0px solid green;
}

.bio p
{
    margin-top: 5px;
    border: 0px solid green;
}

#mybio
{
    color: White;
    font-size: 10pt;
}

/* ---------- CHEER PAGE CONTENT CLASSES ABOVE ---------- */
/* ---------- TESTUDO PAGE CONTENT CLASSES BELOW ---------- */

#testudopic
{
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 30px;
    
    /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=180, Color='#2f2f2f')";
    /* Firefox */ -moz-box-shadow: 2px 0px 30px #2f2f2f;
    /* WebKit */ -webkit-box-shadow: 2px 0px 30px #2f2f2f;
    /* Standard */ box-shadow: 2px 0px 30px #2f2f2f;
}

.testudo_info
{
    margin-top: 20px;
    margin-left: 25px;
    margin-right: 20px;
    font-size: 14px;
    border-bottom: 1px solid black;
}

.testudo_tryouts
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid black;
}

.no_info
{
    margin-bottom: 20px;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    color: #CCCCCC;
}

.testudo_skills
{
    margin-right: 20px;
}

.testudo_skills li
{
    margin-top: 10px;
    margin-bottom: 10px;
}

#test_left
{
    position: absolute;
    top: 600px;
    left: 15px;
    bottom: 0px;
    width: 310px;
    border: 1px solid #000000;
}

/* ---------- TESTUDO PAGE CONTENT CLASSES ABOVE ---------- */
/* ---------- EVENTS PAGE CONTENT CLASSES BELOW ---------- */

.event_hdr
{
    width: 930px;
    margin-left: 15px;
}

.event_subhdr
{
    width: 930px;
}

.event_graphics
{
}

.event_details
{
    margin-left: 15px;
    margin-right: 30px;
}

#subpagecontent { position: relative; width: 930px; margin-left: auto; margin-right: auto; margin-top: 20px; font-size: 10pt; }
.columncontent { position: relative; width: 930px; min-height: 700px; margin-left: auto; margin-right: auto; border: 0px solid red; }
.left-content { position: relative; width: 680px; float: left; height: 100%; margin-top: 0px; }
.left-content2 { position: relative; width: 330px; float: left; height: 100%; margin-top: 20px; }
.center-content { position: relative; width: 330px; float: left; height: 100%; margin-top: 20px; border-left: 1px solid #333333; padding-left: 20px; }
.right-content { position: absolute; right: 0px; bottom: 0px; top: 0px; left: 680px; border-left: 1px solid #333333; padding-left: 20px; }

.flyer-content { position: relative; width: 680px; float: left; margin-top: 0px; padding-right: 10px; border-right: 1px solid #333333; }
.flyer-right { position: absolute; right: 0px; bottom: 0px; top: 0px; left: 680px; padding-left: 20px; }

.event_p_hdr
{
    font-weight: bold;
    color: #EB4F28;
}

.event_p_hdr_blk
{
    font-weight: bold;
    color: #000000;
}

.flyer_section
{
    margin-top: 15px;
}

td p
{
    margin: 5px;
    margin-bottom: 10px;
}

td span.event_p_hdr
{
    font-weight: bold;
    color: #000000;
}

/* ---------- EVENTS PAGE CONTENT CLASSES ABOVE ---------- */

/* ---------- JOIN PAGE CONTENT CLASSES BELOW ---------- */

.col_container
{
    position:relative;
    float: left;
    clear:both;
    border: 0px solid blue;
}

.sched_container
{
    position: relative;
    margin-top: 10px;
    clear: both;
    border: 0px solid green;
}

#bottom_schedule
{
    position:relative;
    margin-top: 10px;
    padding: 20px 20px 30px 20px;
    border-top: 1px solid #000000;
}

/* ---------- JOIN PAGE CONTENT CLASSES ABOVE ---------- */

/* ---------- FORMATTING CLASSES BELOW ---------- */

.centerit
{
    text-align: center;
}

.italicizeit
{
    font-style: italic;
}

.boldit
{
    font-weight: bold;
}

.smallprint
{
    font-size: 11px;
}

/* ---------- FORMATTING CLASSES ABOVE ---------- */