/* Define font and margins for the entire body tag. */
body
{
  font-family: Times New Roman, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
  font-size: 0.9em;
  background-color: #eff6f9;
  margin: 0 0 0 0;
}

.Clear
{
    margin: 0;
    padding: 0;
    clear: both;
}

#body
{
    width: 844px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background-color: #d8e5e8;
    min-height: 500px;
    padding-top: 10px;
    /* border-right: solid 1px #16688a;
    border-left: solid 1px #16688a; */
}


/* header-usc.gif is 844x150px */

#Header
{
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 844px;
    height: 110px;
    font: 13px;
    background-repeat: no-repeat;
	background-image: url(../Images/header-usc.jpg);
}


/* top-align each td tag vertically. Individual td tags can over overridden later. */
td
{
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6
{
   margin: 2px 0 2px 0;
}

h1, h2
{
    font-family: Georgia, Times New Roman, Helvetica, Helvetica-Narrow, sans-serif;
    color: #16688a;
}

h1
{
    font-size: 28px;
    font-weight: bold;
    margin: 5px 0 5px 0;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
}

.leftblock h2, .rightblock h2, .fullwidth h2
{
    font-size: 1.6em;
}

.rightblock h3
{
    font-size: 1.1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    display: block;
}

/* Give a width to the main menu. */
#MainMenu
{
  width: 844px;
  margin-right: auto;
  margin-left: auto;
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
  background-color: #16688a;
    
}

/* Define the width and border for the sub menu. */
.SubMenu
{
  width: 844px;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px dotted silver;
  border-bottom: 1px dotted silver;
  /* border-right: solid 1px #16688a;
  border-left: solid 1px #16688a; */
  background-color: White;
  height: 25px;
}

/* Remove the bullets and margin from each ul tag in the main and sub menu. */
#MainMenu ul, .SubMenu ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* Define the appearance of the menu items in the Main Menu. The background-image property is used to give each item the Tab background. */
/* tab...gif is 30px high to compensate for the 5px top padding effect that is used to */
/* vertically centre the text */
#MainMenu li
{
    padding-top: 5px;
    float: left;
    height: 25px;
    text-align: center;
    font-size: 13px;
    width: 83px;
    background-repeat: no-repeat;
    font-weight: bold;
}

/* Change the background image for a selected Main Menu item to the Selected tab. */
/* Note that styles.css overrides menu font color */
#MainMenu li.Selected
{
    font-size: 13px;
    background-repeat: no-repeat;
	background-image: url(../Images/tab-selected.gif);
}

/* Apply marging and padding for the entire ul tag in the SubMenu div. */
.SubMenu ul
{
  margin: 5px 0 0 0;
  padding: 0 0 0 20px;
}

/* Change behavior for each of the single menu items in the Sub Menu. */
.SubMenu li
{
  margin: 0;
  padding: 0;
  display: inline;
  padding-right: 20px;
  font-size: 1em;
}

/* Change the appearance of the links inside the main and sub menu items. This is the text that appears as the menu. */
#MainMenu a
{
  color: #ffffff;
  text-decoration: none;
}

/* Change the font-weight of a selected sub menu item to bold. */
.SubMenu a.Selected
{
  font-weight: bold;
}

#Footer
{
    background-color: #16688a;
    margin-right: auto;
    margin-left: auto;
    height: 22px;
    color: White;
    padding-top: 8px;
    font-size: 1.1em;
    text-align: center;
	width: 844px;
    clear: both;
}

/* icons that show on the footer */
.icons { 
float : right; 
margin-right : 10px; 
} 
.icons a { 
border : 0 solid; 
} 
.icons img { 
border : 0 solid; 
padding-right : 20px; 
} 

/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #DBDB79;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}


/* position relative */
#HomeLeft
{
    width: 275px;
    float: left;
    margin-left: 5px;
}

/* position relative */
#HomeRight
{
    margin-left: 285px;
}

.leftblock
{
    border: 1px solid #e6eef1;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #f8fcfd;
    vertical-align: top;
}

.quickedit
{
    float: left;
    width: 300px;
}
.tip , .quicklinks .leftblock
{
    background-color: #faf9e6;
}
.tip
{
    float: right;
    width: 400px;
    border: solid 1px black;
    margin-right: 50px;
    padding: 15px;
}

 .rightblock
{
    border: 1px solid #e6eef1;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #f8fcfd;
    position: relative;
    width: 521px;
}

.clear2column
{
    margin:0;
    padding:0;
    line-height:0;
    font-size:0px;
    height:0px;
    clear: both;
}
    
.homeFullWidth
{
    clear: both;
    border: 1px solid #e6eef1;
    padding: 15px;
    margin-bottom: 10px;
    margin-left: 5px;
    background-color: #f8fcfd;
    width: 801px;
}

/* A full width block on the page */

.fullwidth, #loginbanner
{
    border: 1px solid #bdcacd;
    width: 795px;
    margin-left: auto;
    margin-right: auto;
    background: #f8fcfd;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

/* for the login block
    picks up most of its properties from .fullwidth */

#loginbanner
{
  padding-bottom: 0px;
}

/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #DBDB79;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #e6eef1;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

.solidline
{
    border-bottom: 1px solid #e6eef1;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}
/* represents each item in a vertical list */
.listitem
{
    margin:0px 0px 0px 0px;
    width: 444px;
}

.padContent, .padList
{   padding-left: 20px;
    padding-right: 20px;
}

.padContent
{
    background: #f8fcfd;
    margin-left: 10px;
    margin-right: 10px;
}



/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #bdcacd;
    width: 795px;
    margin-right: auto;
    margin-left: auto;
    background: #f8fcfd;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #bdcacd;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #bdcacd;
    border-left: 1px solid #bdcacd;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #d8e5e8;
}
.calcurrentday
{
    background-color: white;
}
.calweekend
{
    background-color: #e9f0f2;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #bdcacd;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}