﻿body
{
    font-family: Frutiger,"Segoe UI",Arial,Helvetica,Verdana,san-serif;
    font-size: .8em;
	padding: 0px;
	margin: 0px;
    width:100%;
    background-color: gray;
    color: #333333;
}

/*
 * Widely Used CSS
 */
 
p
{
    margin:0px;
    padding:5px;
}

.normalLink
{
    color: black;
    text-decoration:none;
    outline: none;
}

.normalColorLink
{
    color: maroon;
    text-decoration:none;
    outline: none;
    font-weight:bold;
}

.swapImageLink:link
{
    color: black;
    text-decoration:none;
    outline: none;
}

.swapImageLink:visited
{
    color: black;
    text-decoration:none;
    outline: none;
}

.swapImageLink:hover
{
    color: black;
    text-decoration:none;
    outline: none;
}

.swapImageLink:active
{
    color: black;
    text-decoration:none;
    outline: none;
}

.underlineLink
{
    text-decoration:underline;
    outline:none;
}

.normalLink:hover
{
    text-decoration:underline;
}
 
 .ulNoListStyle
{
    list-style:none;
    margin:0px;
    padding:0px;
}

.clearFix
{
    clear:both;
}

.borderRightBlack
{
    border-right: 1px solid Black;
}

/*
 *  Grids
 */

.gridLink
{
    /*padding:2px 5px; */
    display:block; 
    color: #333333; 
    text-decoration:none;
    outline: none;
}

.gridLink:hover
{
    text-decoration:underline;
}

.noUnderlineGridLink
{
    /*padding:2px 5px; */
    display:block; 
    color: #333333; 
    text-decoration:none;
    outline: none;
    cursor:default;
}

/*
 *  Min Master Page Divs
 */
 
#OuterDiv
{
    width:100%;
    position:absolute;
    z-index:1;
    margin:0px;
}

#LoadingDiv
{
    position:absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;    
    z-index:9998;
    margin:0px;
    background-color:black;
    display:none;
}

#LoadingDivPic
{
    height:100%;
    width:100%;
    margin:0px;
    background-image:url(../Images/logo_no_oval.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-color:transparent;
}

#LeftMainDiv
{
    float:left;
    width:150px;
    margin:0px 5px 0px 0px;
    padding:0px;
}

#MainDiv
{
    position:relative;
    width:1000px;           /* Main Width of page dont touch  1118 */
    margin:5px auto;
    padding:0px;
    z-index:1;
    display:none;
}

#RingDiv2
{
    width: 150px;
    margin: 0px 0px 0px 0px; /* Make this same as Header Height */
    height: 125px; 
    float: left;
    border-top:2px solid black;
    border-left:2px solid black;
    background-color:Black;
    background-image: url(../images/ring.jpg);
    background-repeat: no-repeat;
}

#SponsorDiv
{
    width: 150px; /* 150+5 = 155 */
    margin: 127px 0px 0px 0px;
    height: 675px; 
    float: left;
    padding:0px;
}

#MainContentDiv
{
    width: 845px; /* This and the Sponsor Div must add to Main Div */
    float:left;
    margin:0px;
    padding:0px
}

#HeaderDiv
{
    height:125px;   
    margin:0px;
    padding:0px;
    background-color:#530101;
    border:2px solid black;
    background-image: url(../Images/2007_TAMU_band_T.jpg);
    background-repeat:no-repeat;
    background-position:right top;
}

#LogoDiv
{
    float: left;
}

#MenuDiv
{
    float: right; 
    height: 25px; 
    padding: 90px 5px 0px 0px;
}

/*
 *  Top Menu 
 */
 
#MenuDiv ul, #FooterDiv ul {list-style:none;margin:0;padding:0;}
#MenuDiv li, #FooterDiv li {float:left; margin:0;padding:0;text-align:center;}
 
.menu
{
    padding:5px 10px; 
    display:block; 
    color:#FFF;
    text-decoration:none;
    border-right: 1px solid white; 
    outline: none;
}

.menu:hover
{
    color:#fff; 
    background-image: url(../../images/menu_selected.gif); 
    background-position:center bottom; 
    background-repeat: no-repeat;
    text-decoration:underline;
}

.menuSelected
{
    padding:5px 10px; 
    display:block; 
    color:#fff; 
    text-decoration:none;
    background-position:center bottom; 
    background-image: url(../../images/menu_selected.gif); 
    background-repeat: no-repeat; 
    border-right: 1px solid white;
    outline: none;
}

/*
 *  End Top Menu 
 */
 
 #ContentDiv
{
    margin:0px;
    padding:0px 0px 10px 0px;
    color: black; 
    background-color: #F2EDE5; 
    min-height:500px;
    overflow:auto;
    border-left:2px solid black;
    border-right:2px solid black;
}

#FooterDiv
{
    color: White; 
    height: 30px; 
    background-color: #530101;
    border:2px solid black;
}

#FooterAddressDiv
{
    float:left;
    width:400px;
    padding: 6px 0px 0px 5px; 
}

#FooterLinksDiv
{
    float:right; 
    width:400px;  
    padding: 6px 5px 0px 0px; 
}

#FooterLinksDiv a
{
    float:right;
    color:white;
    text-decoration:none;
}

#FooterLinksDiv a:hover
{
    text-decoration:underline;
}

#FooterLinks
{
    float: right;
}

/* Modal */

#modalBackground
{
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    background-color:Silver;
    z-index: 9000;
    opacity:0.75;
    filter:alpha(opacity=75);
}

#modal
{
    position:absolute;
    display:none;
    width:100%;
    height:100%;
    background-color: transparent;
    z-index: 9001;
}

#modalContent
{
    position:absolute;
    color:black;
    background-color: #F2EDE5;
    border: 2px solid black;
    overflow:auto;
    display:none;
}

#modalContentHTML
{   
    margin:0px 15px 0px 15px;
    text-align:left;
}

#modalRsvpDiv
{
    display:none;
}

#modalRsvpDivNoKids
{
    display:none;
}

#modalClose
{
    height:30px;
    margin:2px;
}

#modalAppRequestDiv
{
    display:none;
}

.appRequestProcessing
{
    color:#333333;
}

.CloseModal
{
    padding:5px 5px 5px 5px; 
    display:block; 
    float:right;
    color:#333333;
    text-decoration:none; 
    outline: none;
}

.CloseModalRight /* this is only here for ie7 */
{
    padding:5px 5px 5px 5px;
    display:block; 
    float:right;
    color:#333333;
    text-decoration:none; 
}

.CloseModal:hover
{
    text-decoration:underline; 
}

/*
 *   ContentDivs
 */
 
 .fullHomeDiv
 {
     position:relative;
     width:100%;
     padding:0px 0px 5px 0px;
 }
 
 .leftHomeDiv
{
    position:relative;
    float:left;
    width: 341px; /* leftHomeDiv and rightHomeDiv must add to 845 - 4 for the border  */
    color: #333333;
    padding: 0px 0px 5px 0px;
}

 .rightHomeDiv
{
    position:relative;
    float:left;
    width: 500px; 
    color: #333333;
    padding: 0px 0px 5px 0px;
}
 
 .contentDivUl
 {
     padding: 5px;
 }
 
.contentDiv
{
    padding: 5px 25px 10px 25px;
} 

.contentDivPicture
{
    font-weight:bold;
    /*font-size: .85em;*/
    padding: 25px 115px 25px 115px;
} 

.contentDivRsvp
{
    margin:15px 5px 0px 15px;
} 

.rsvpTitle
{
    font-weight:bold;
}

.rsvpError
{
    color:Red;
}

.contentDivTitle
{
    font-weight:bold; 
    padding: 15px 0px 0px 10px;
}

.contentDivHeaderTitle
{
    font-weight:bold; 
    padding: 5px 5px 5px 5px;
    background-color: #530101;
    border-bottom: 1px solid black;
    color:White;
    text-align:center;
}

/*
 * Controls
 */
 
.homeDivs
{
    margin:5px  5px 5px 5px; /* adds 10px to width */
    border:2px solid black; /* adds 4px to width */
    float:left;
    width: 485px;
    background-color: white; 
    color: #333333; 
}

.eventContent
{
    margin:0px;
    padding:0px;
}

.eventGridDiv
{
    float:left;
    width:33%;
}

.rssLinkDiv
{
    margin:0px;
    padding:0px;
}

.rssGridDiv
{
    margin: -15px 0px 15px 15px;
    padding:0px;
}

/*
 * Featured Event Control
 */

.featuredEventBarDiv
{
    float: left;
    width: 2px;
    padding: 5px 0px 0px 5px;
}

 .featuredEventDateDiv
 {
     float:left;
     width:30px; /* padding left and wdith must add to 50px */
     height: 125px;
     font-weight:bold;
     text-align:center;
     padding: 5px 0px 0px 15px;
 }
 
 .featuredEventLinkDiv
 {
     float:left;
     width: 220px; /* padding leftand right and wdith must add to 250px */
     padding: 5px 15px 0px 15px;
 }
 
 .featuredEventImageDiv
 {
    float: left;
    width: 175px;
 }
 
 .featuredEventExtraTextDiv
 {
     clear:both;
     padding: 10px 15px 5px 15px;
 }
 
 /*
 * Events Control
 */

.eventBarDiv
{
    float: left;
    width: 2px;
    height:75px;
    padding: 5px 0px 0px 5px;
}

 .eventDateDiv
 {
     float:left;
     width:30px; /* padding left and wdith must add to 50px */
     font-weight:bold;
     text-align:center;
     padding: 5px 0px 0px 15px;
 }
 
 .eventLinkDiv
 {
     float:left;
     width: 385px; /* padding leftand right and wdith must add to 250px */
     padding: 5px 15px 0px 15px;
 }
 
 /*
  * Officer Control
  */
  
  .officerColumnDiv
  {
      float:left; 
      width:175px; 
      text-align:left;
  }
  
  .campusNews
  {
    background-image: url(../Images/Texas_AM_campus.jpg);
    background-repeat:no-repeat;
    background-position:right bottom;
  }
  
  .campusEvents
  {
    background-image: url(../Images/kylefield.jpg);
    background-repeat:no-repeat;
    background-position:right bottom;
  }
  
  /*
   * Sponsor Control
   */
   
   .sponsorColumnDiv
  {
      float:left; 
      width:200px;
      text-align:left;
  }
  
  .battDiv
  {
      margin: 5px auto;
      height: 300px; width: 300px;
      border: 2px solid black;
  }
