/* START LAYOUT CSS */

html{
overflow: -moz-scrollbars-vertical !important;
min-height: 100%;
margin-bottom: 1px;
}

body {
margin:0px;
padding:0px;
background-color: #AAb8A9;
overflow: scroll;
}

.headerBackground {
width: 100%;
margin-left: auto;
margin-right: auto;
clear:both;
background-color: #AAb8A9;
padding-top: 20px;

}

.mainBackground {
width: 100%;
margin-left: auto;
margin-right: auto;
clear:both;
background-color: #AAb8A9;
color: #233424;
padding:0px;
padding-bottom: 20px;
}

p.text {
font-family:Verdana;
font-size:12px;
color:#000000;
text-align:left;
padding-left:5px;
padding-right:5px;
line-height: 0.5cm; 
}

p.pic {
font-family:Verdana;
font-size:12px;
color:#ffffff;
text-align:center;
font-weight:bold;
 
}

p.center {
font-family:Verdana;
font-size:12px;
color:#000000;
text-align:center;
padding-left:5px;
padding-right:5px;
line-height: 0.5cm; 
}

ul{
font-family:Verdana;
font-size:12px;
color:#000000;
text-align:left;

line-height: 0.5cm; 	
}

h3 {
font-family:Verdana;
font-size:14px;
color:#000000;
text-align:center;
padding-left:5px;
}

uk {
font-family:Verdana;
font-size:12px;
color:#000000;
text-align:left;
padding-left:5px;
}

.headerContainer {
width: 805px;
margin-left: auto;
margin-right: auto;
clear:both;
background-color: #233424;
color: white;
border-style: solid;
border-bottom: none;
border-width: 2px;
border-color: #000000;
text-align: left;
padding:0px;
}

#mainContainer {
width: 805px;
margin-left: auto;
margin-right: auto;
clear:both;
background-color: #ffffff;
border-style: solid;
border-top: none;
border-width: 2px;
border-color:#000000;
text-align: center;
padding:0px;
}

.navigation {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #233424;
color: #FFFFFF;
text-align: center;

}

p.nav{
font-family:Verdana;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
}

a.nav, a:visited.nav {
font-family:Verdana;
font-size:16px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;

}

a:hover.nav{
font-family:Verdana;
font-size:16px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;

}

a.dropdown, a:visited.dropdown {
color:#000000;
}

a:hover.dropdown{
color:#000000;
}

.mainText {
background-color: #ffffff;
width: 100%;
float:left;
}

#mainTextNorm{
background-color: #f4f3ee;
width: 100%;
float:left;
border-style: solid;
border-color: #636363;
border-top:none;
border-bottom:none;
border-right-width:2px;
border-left:none;
}


.side {
width: 14%;
float:right;
}


#approvals {
padding-top: 5px;
width: 805px;
margin-left: auto;
margin-right: auto;
padding-bottom:2px;
padding-top:2px;
color: #233424;
text-align:center;
background-color: #233424;
border-style: solid;
border-top: none;
border-width: 2px;
border-color:#000000;

}

p.copyright{
font-family:Verdana;
font-size:10px;
color:#ffffff;
text-align:center;

padding-left:5px;
padding-bottom:1px;
}

p.spacer{
text-align:center;
}

p.select{
font-family:Verdana;
font-size:12px;
color:#AAb8A9;
text-align:center;
}

a.app, a:link.app {
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

a.app, a:visited.app {
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

a:hover.app{
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

p.logo{
padding-left:5px;
}

a.arrowlink, a:link.arrowlink {
font-family:Verdana;
font-size:35px;
color:#233424;
text-decoration:none;
font-weight:bold;
}

a.arrowlink, a:visited.arrowlink {
font-family:Verdana;
font-size:35px;
color:#233424;
text-decoration:none;
font-weight:bold;
}

a:hover.arrowlink{
font-family:Verdana;
font-size:35px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

a.textlink, a:link.textlink {
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:underline;
	
}

a.textlink, a:visited.textlink {
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:underline;
	
}
a:hover.textlink {
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	color:#006666;
	text-decoration:underline;
	
}

a.larger, a:link.larger {
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	color:#595959;
	text-decoration:underline;
	
}

a.larger, a:visited.larger {
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	color:#595959;
	text-decoration:underline;
	
}

a:hover.larger {
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	color:#003333;
	text-decoration:underline;
	
}


a.copyright, a:link.copyright {
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
	
}

a.copyright, a:visited.copyright {
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
	
}
a:hover.copyright {
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	color:#006666;
	text-decoration:underline;
	
}
/* END LAYOUT CSS */

/*This script is taken from: http://www.positioniseverything.net/easyclearing.html
To deal with the box model in Mozilla */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*DATE PICKER*/

/* the div that holds the date picker calendar */
#dateDiv {
	}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #006666;
	border: 1px solid #888888;
	cursor: pointer;
	color: #aca998;
	}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
		background-color: #006666;
		border: 1px solid #AAAAAA;
		color: white;
	}

/* additional style information for the text that indicates the month and year */
	.dpTitleText {
		font-size: 12px;
		color: #000000;
		font-weight: bold;
	}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
		color: 4060ff;
		font-weight: bold;
	}

/* the forward/backward buttons at the top */
.dpButton {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		background: #006666;
		font-weight: bold;
		padding: 0px;
	}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		background: #006666;
		font-weight: bold;
	}
	
	
	
	
/* Script taken from:  http://www.ampsoft.net/webdesign-l/image-button.html */	
#replacement-1 {
  width: 17px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../images/calendar.jpg) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#replacement-2 {
  width: 100px;
  height: 17px;
  padding: 16px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(../images/calendar.jpg) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>#replacement-2 { /* For non-IE browsers*/
  height: 0px;
}

/* Script taken from:  http://www.ampsoft.net/webdesign-l/image-button.html */	
.replacement-1 {
  width: 17px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../images/calendar.jpg) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.replacement-2 {
  width: 100px;
  height: 17px;
  padding: 16px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(../images/calendar.jpg) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>.replacement-2 { /* For non-IE browsers*/
  height: 0px;
}


/* hide from incapable browsers: http://www.dyn-web.com/dhtml/sizefont/index.php */
#sizer { display:none }