/* Page layout elements */
  
#Container 
{
    text-align:center;
    position:relative;
	width:100%;
	background: #fff;	
	color:inherit;
	padding-bottom: 100px;
	left:0px;
	top:0px;
}

#PageTop
{
    position:relative;
    left:0px;
    top:0px;
    height:0px;
    width:100%;
    font-size: 1px;
    /* needed to control the size of the nbsp that is needed for firefox */
    /* border:1px solid red */ 

}

#PageBottom
{
    position:relative;
    left:0px;
    width:100%;
    height:20px;
    background-image: url(../images/elements/pagebottom-stripes.gif);

}

#Divider1 {
	position: relative; 
	/*border-top: solid yellow 1px;*/
	border-top:solid #081b3e 1px;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
}

#Divider2 {
	position: relative; 
	font-weight: normal;
	font-size:xx-small;	
	padding-top:20px;
}

.Bottom#Divider2 {
	position:relative;
	z-index: 1;
	top:0px;
	left:0px;
	width:100%;
	background: #244d75;
    color:inherit;
}


#MainMenu{
	  position:relative;
	  left:0px;
	  top:0px;
	  /*padding-bottom:30px;  */
}

#Middle 
{
	float:none;
	margin:0 auto;
	width:800px;
	height:100%;
	top:10px;
	left:0px;
	padding-bottom: 55px;
	/* border:1px solid green */

}

#Header 
{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	padding:0px;
	margin:0px;		
}

#HeaderColumn1 {
	position:relative;
	float:left;
	left:0px;
	width:75%;
	/* top is -ve so top of flash object and MS logo are aligned */	
	top:-10px;
	/* border:1px solid red */
}

#HeaderColumn2
{
	position:relative;
	float:right;
}


#MenuColumn1 {
	position:relative;
 	text-align: left;
	left:0%;
	width:100%;
}


#Content {  
	position:relative;
	text-align: justify;
	top:0px;
	left:0%;
	width:100%;
	background-color: #fff;   
    	color:inherit; 
    	/* border:1px solid green */

}

#FooterMenu {
	position:relative;
	left:0px;
	top:0px;	
	z-index: 2;
	width: 100%;
}

#FooterMenuColumn0 {
	position:relative;
	text-align:left;
	left: 0px;
	width: 15%;
	float:left;	
}

#FooterMenuColumn1 {
	position:absolute;
	text-align: left;
	left:15%;
	top:0px;
	width: 15%;	
}
#FooterMenuColumn2 {
	position:absolute;
	text-align: right;
	left:38%;
	top:0px;
	width: 50%;
	font-weight: normal;
	font-size:8pt;	
	float:left;
	color: #006090;
	background-color:inherit;		
	
}
	
#FooterMenuColumn3 
{
	position:absolute;
	text-align: right;
	left:80%;
	top:0px;
	width:20%;
	font-size:8pt;	
	
}



/* Borders */

.Edge {
	position:relative;
	z-index: 1;
	top:20px;
	left:0%;
	width:100%;
	/*background: #244d75;*/
	background-color: #fff;   
	color:inherit;
}

#TopEdge {
	
}

#BottomEdge 
{
    padding-top:5px;
    background:#fff;
    color:inherit;
    /* border:1px solid black  */

}

.Corner {
	position:absolute;
	width: 50%;
	height:35px;
	border: 0px;
	padding:0px;
	margin:0px;
}

#upperLeft {
	top: 0px;
	left: 0px;
	background-color: #fff;   
    color:inherit;
}

#upperRight {
	top: 0px;
	left:50%;
	background-color: #fff;   
    color:inherit;
}

#lowerLeft {
	top: 20%;
	left: 0px;
	background-color: #fff;   
    color:inherit;
}

#lowerRight {
	top: 20%;
	left: 50%;
	background-color: #fff;   
    color:inherit;
}


#boxes{
	position:relative;
	left:0px;
	top:20px;		
	width: 100%;
	height:80px;	
}

#box1 {
	position:relative;
	left: 0px;
	width: 30%;
	float:left;	
	border:1px solid #214871;
	height:80px;	
}

#box2{
	position:absolute;
	left:30%;
	top:0px;
	width: 5%;	
	
}
#box3 {
	position:absolute;
	left:35%;
	top:0px;
	width: 30%;
	float:left;
	border:1px solid #214871;
	height:80px;	
}
	
#box4 
{
	position:absolute;
	left:65%;
	top:0px;
	width:5%;
	
}

#box5
{
	position:absolute;
	left:70%;
	top:0px;
	width:30%;
	border:1px solid #214871;
	height:80px;	
}

.boxtext
{
	width:80%;
	position:relative;
	top:5px;
	left:5px;
	color:black;
	font-size: 11px;
	text-align: left;
	font-weight:normal;
}
.morelink
{
	width:95%;
	text-align:right;
}
.boxtop
{
	background-image: url(../images/elements/blue-bevel.gif); 
	width:100%;
	height:20px;
	float:left;
	color:#ffffff;	
	font-weight:bold;
	font-size:12px;
	padding-top:3px;
}


.spacerbox
{
	/*width:20px;*/
	float:left;
}
