/* START LAYOUT CSS */

body {
margin:0px;
padding:0px;
background-color: #C4C4C4;
}

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

.mainBackground {
width: 100%;
margin-left: auto;
margin-right: auto;
clear:both;
background-color: #375B97;
padding:0px;
}

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

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

h3 {
font-family:Verdana;
font-size:14px;
color:#000000;
text-align:left;
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: #FFFFFF;
border-style: solid;
border-bottom: none;
border-width: 2px;
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;
text-align: center;
padding:0px;
}

.navigation {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
color: #FFFFFF;
text-align: center;
line-height:22px;
padding-top:1mm;
padding-bottom:1mm;

border-style: solid;
border-color: #000000;
border-top:none;
border-bottom:none;
border-right:none;
border-left:none;
}

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: 85%;
float:left;
border-style: solid;
border-color: #636363;
border-top:none;
border-bottom:none;
border-right-width:2px;
border-left:none;

}

#mainTextNorm{
background-color: #FFFFFF;
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;
text-align: center;
vertical-align: bottom;
position:relative;
height: 100%;


}


#approvals {
padding-top: 5px;
width: 805px;
margin-left: auto;
margin-right: auto;
padding-bottom:2px;
padding-top:2px;
color: #C4C4C4;
text-align:center;
}

p.copyright{
font-family:Verdana;
font-size:10px;
color:#000000;
text-align:left;
color: #09417f;
padding-left:5px;
padding-bottom:1px;
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.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:#91B4EB;
	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 */