/* Need to declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, otherwise those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
* {
    margin:0;
    padding:0;
    }

html, body, form, #wrap {
    height: 100%;
    font-family:Arial;
    }

body > #wrap {
    height: auto;
    min-height: 100%;
    }



/* Formatting For Page Content */
h1 {
    font:bold 20px/1.4 Arial;
    font-style: italic;
    }
h2 {
    font:bold 20px/1.6 Arial;
    }
    
p {
	font:14px/1.6 Arial;
	padding-bottom:10px;
	}
	
ul {
    margin-left: 25px;
    }
ul li {
    padding-left:10px;        
    }
    
.title {
    text-decoration:underline;
    font-weight:bold;
    }
    
.headertitle {
      width: inherit;
      margin: 0px;
      margin-bottom: 1em;
      padding: 0px;
      border-bottom-style: groove;
      border-bottom-color: #304070;
      border-bottom-width: 2px;
      font-size: 1.2em;
      font-style: italic;
      font-weight: bold;
      color: #304070;
    }
	
	
/* Page Content Wrap Div To Make Pages Look Nice */
.floatLeft {
	float: left;
	}
.floatRight {
	float: right;
	}
.image-left {
	float: left;
	vertical-align: text-top;
	padding-right: 10px;
	}
.image-right {
	float: right;
	vertical-align: text-top;
	padding-left: 10px;
	}
div.wrapContainer {
	width:99.5%;
	float:left;
	}



/* Keep Links White For Page Consistancy */
a.white:link {
	color:white;
	}
a.white:visited {
	color:white;
	}



/* Indent For Menu Bar */
#indent {
    margin:0px 0px 0px 175px
    }

/* Indent For Login Control */
#floatright {
	padding-right:25px;
	float:right;
	}
	
/* Indent For Lists */
#smallindent {
    margin:0px 0px 0px 175px
    }

/* Center Main Content Of Pages */
#floatcenter {
	max-width:75%;
	width:75%;
	min-width:750px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

/* Center All Content For Certain Controls Such As Login */
.centerall {
    margin-left:auto;
	margin-right:auto;
}



/* Insert And Set Header And Menu Size */
#header {
    background:#0077B7;
    height:100px;
    width:100%;
    }
#headerimage {
	background-repeat:no-repeat;
	background-position:left;
	height:100px;
	width:100%;
	visibility:visible;
	position:relative;
	top:0px;
	left:0px;
	}




/* ASP.NET Site Menu */
.HoverStyle {
    background:#7A9BC7;
    }
.MainMenu {
    font:14px/1.4 Arial;
    }
.LinksMenu {
    font:bold 14px/1.4 Arial Underline;
    padding: 0px 0px 0px 15px;
    }
.LinksSubMenu {
    font:12px/1.2 Arial;
    }




/* Set Padding For Footer To Ensure Alignment (must be same height as the footer) */ 
#main {
    text-align: center;
    padding-bottom: 100px;
    }

/* Set Footer Size And Position */
#footer {
    position: relative;
	margin-top: -100px; /* Negative Value Of Footer Height */
	height: 100px;
	clear:both;
	background:#0077B7;
	text-align:center;
	font-size:12px;
	font-family:Arial;
	color:White;
	}




/* Clear Fix */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides From IE-MAC \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End Hide From IE-MAC */




/* Javascript Mouseover Popup For Calendar */
#hintcontainer {
    text-align:left;
    position:absolute;
    max-width:300px;
    z-index:99999;
    display:none;
    background:#B0C4DE;
    border:1px solid #fff;
    color:#000;
    padding:3px;
    top:100px;left:100px;
    }

/* Edit Button Container For Calendar */
#editcontainer {
    position:absolute;
    padding-left:5px;
    }
    
    
    
    
    
/* Javascript Modal Popup CSS */
.updateProgress {
    border-width:1px; 
    border-style:solid; 
    background-color:#CCCCCC; 
    position:absolute; 
    width:130px; 
    height:50px;    
    }
.updateProgressMessage {
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
    }
.background {
    background-color:gray; 
    filter:alpha(opacity=10); 
    opacity:0.1; 
    } 
    
/* ASP.NET AJAX Modal Popup CSS */
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
    }