@charset "utf-8";
/* CSS Document */ 
#img.source-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
 
/* The above styles have to do with images filling up the entire background and sizing according to browser resolution */

body  {
	margin: 0; 
	padding: 0;
	background-image: url("../images/SM/dp_blue_bg.png");
	background-repeat:repeat-x;
	text-align: center; 
	color:#999999;	
	font:62.5%/1.6em Calibri,Helvetica,Arial,sans-serif;
	
}
.dynamicpage #container { 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 960px; /* Page width for 1024 x 768 and below  */
	background-image: url("../images/SM/dp_home.png");
	background-repeat:no-repeat;
} 

/* TEXT BOX*/ 
.dynamicpage #par0 { 
	margin:0;
	padding-top: 251px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 310px;
	width: 650px;
	height: 98px;
	z-index:1;	
}
.dynamicpage #par0 h1 {
	font-size:1.9em;
	margin-bottom:0.5em;
	color:#FFFFFF;
	line-height:1.2em;
 	font-family: Arial, Helvetica, sans-serif;
	font-weight:300;
	text-align:left;
	vertical-align:top;
	width: 350px;
	height: 98px;
}


/* FIRST BOX*/ 
.dynamicpage #par1 { 
	margin:0;
	padding-top: 12px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	width: 960px;
}

.dynamicpage #par1 h2 {
	color:#333333;
	font-size:2.6em;
	line-height: 1.0em;
	z-index:1;
	font-weight:100;
	text-align:left;
	padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.dynamicpage #par1 h2 span {
	color:#0054cd;
	font-weight:120;
}

.dynamicpage #greyBox1{
    margin: 0 auto;
    width: 958px;  /* Container -2 width */
	height: 209px;
	text-align: left;
    background-color: #f1f1f1;
    border: 1px solid #D3D3D3;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
} 

.dynamicpage #greyBox1 h3 {
	color: #111111;
	font-family:Georgia,serif;
	font-size:1.8em;
	margin-bottom:6px;
	margin-top: 6px;
	text-transform:lowercase;
	font-weight:100;
}	

.dynamicpage #greyBox1 img {
	float:left;
	width:61px;
	height: 51px;
	margin:0 10px 0 0;
}

.dynamicpage #greyBox1 p {
	font-size:1.4em;
	margin-bottom:0.5em;
	background-color: #f1f1f1;
	color:#444444;
	line-height:1.5em;
 	font-family: Calibri,Helvetica,Arial,sans-serif;
	font-weight:400;
	text-align:left;
	vertical-align:top;
}

.dynamicpage #darkGreyBox1{
	margin-left:20px;
    width: 920px;  
	height: 35px;
	text-align: left;
    background-color: #dddddd;
	border:none;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
	font-size:1.6em;
	color:#444444;
	line-height:1.2em;
 	font-family: Calibri,Helvetica,Arial,sans-serif;
	font-weight:800;
	text-align:left;
	vertical-align:top;
} 

.dynamicpage #darkGreyBox1 img {
	float:left;
	width:140px;
	height: 30px;
    vertical-align:top;
}

 .dynamicpage #darkGreyBox1 p {
	margin-bottom:0.5em;
	vertical-align:top;
	float:left;
}

 
 /* SECOND BOX*/ 
.dynamicpage #par2 { 
	margin:0;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	width: 960px;
	
}

.dynamicpage #par2 h2 {
	color:#333333;
	font-size:2.6em;
	line-height: 1.0em;
	z-index:1;
	font-weight:100;
	text-align:left;
	padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.dynamicpage #par2 h2 span {
	color:#0054cd;
	font-weight:120;
}

.dynamicpage #greyBox2{
    margin: 0 auto;
    width: 958px;  /* Container -2 width */
	height: 215px;
	text-align: left;
    background-color: #f1f1f1;
    border: 1px solid #D3D3D3;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
} 



.dynamicpage #greyBox2 h3 {
	color: #111111;
	font-family:Georgia,serif;
	font-size:1.8em;
	margin-bottom:6px;
	margin-top: 6px;
	text-transform:lowercase;
	font-weight:100;
}	

.dynamicpage #greyBox2 h4 {
	color:#0054cd;
	font-family:Calibri,Helvetica,Arial,sans-serif;;
	font-size:1.4em;
	line-height:1.6em;
	font-weight:bold;
	margin-bottom:10px;
	margin-top: 0px;
}		


.dynamicpage #greyBox2 img {
	float:left;
	width:220px;
	height: 125px;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;


}

.dynamicpage #greyBox2 p {
	font-size:1.4em;
	margin-bottom:0.5em;
	color:#444444;
	line-height:1.5em;
 	font-family: Calibri,Helvetica,Arial,sans-serif;
	font-weight:400;
	text-align:left;
	vertical-align:top;
}

 /* THIRD BOX*/ 
.dynamicpage #par3 { 
	margin:0;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	width: 960px;
}

.dynamicpage #par3 h2 {
	color:#333333;
	font-size:2.6em;
	line-height: 1.0em;
	z-index:1;
	font-weight:100;
	text-align:left;
	padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.dynamicpage #par3 h2 span {
	color:#0054cd;
	font-weight:120;
}

.dynamicpage #greyBox3{
    margin: 0 auto;
    width: 958px;  /* Container -2 width */
	height: 210px;
	text-align: left;
    background-color: #f1f1f1;
    border: 1px solid #D3D3D3;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
} 



.dynamicpage #greyBox3 h3 {
	color: #111111;
	font-family:Georgia,serif;
	font-size:1.8em;
	margin-bottom:6px;
	margin-top: 6px;
	text-transform:lowercase;
	font-weight:100;
}	

.dynamicpage #greyBox3 img {
	float:left;
	width:61px;
	height: 51px;
	margin:0 10px 0 0;
}

.dynamicpage #greyBox3 p {
	font-size:1.4em;
	margin-bottom:0.5em;
	color:#444444;
	line-height:1.5em;
 	font-family: Calibri,Helvetica,Arial,sans-serif;
	font-weight:400;
	text-align:left;
	vertical-align:top;
}
 
 /* FOURTH BOX*/ 
.dynamicpage #par4 { 
	margin:0;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	width: 960px;
}

.dynamicpage #par4 h2 {
	color:#333333;
	font-size:2.6em;
	line-height: 1.0em;
	z-index:1;
	font-weight:100;
	text-align:left;
	padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.dynamicpage #par4 h2 span {
	color:#0054cd;
	font-weight:120;
}

.dynamicpage #greyBox4{
    margin: 0 auto;
    width: 958px;  /* Container -2 width */
	height: 325px;
	text-align: left;
    background-color: #f1f1f1;
    border: 1px solid #D3D3D3;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
} 



.dynamicpage #greyBox4 h3 {
	color: #111111;
	font-family:Georgia,serif;
	font-size:1.8em;
	margin-bottom:6px;
	margin-top: 0px;
	text-transform:lowercase;
	font-weight:100;
}	

.dynamicpage #greyBox4 img {
	float:left;
	width:165px;
	height: 89px;
	margin:0 10px 0 0;
}

.dynamicpage #greyBox4 p {
	font:italic 1.3em/1.6em Georgia,serif;
	padding-top:0px;
	color:#444444;
	font-size:1.2em;
	margin-bottom:1.2em;
	font-weight:500;
	text-align:left;
	vertical-align:top;
}

.dynamicpage #greyBox4 span {
	font: 1.3em/1.6em Georgia,serif;
	padding-top:0px;
	color:#444444;
	font-size:1.2em;
	margin-bottom:1.2em;
	font-weight:500;
	text-align:right;
	vertical-align:top;
}
 
 /* REST OF PAGE STYLES BOX*/ 
.col20x {
	float:left;
	width: 20px;
	overflow:hidden;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	border:none;
}

.col10x {
	float:left;
	width: 15px;
	overflow:hidden;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	border:none;
    background-color: #f1f1f1;
}

.col220x {
	float:left;
	width:220px;
	overflow:hidden;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	border:none;
    background-color: #f1f1f1;
}

.col294x {
	float:left;
	width:294px;
	overflow:hidden;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	border:none;
	background-color: #f1f1f1;

}

.col550x {
	float:left;
	width:475px;
	overflow:hidden;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	border:none;

}

.col150x {
	float:left;
	width:150px;
	overflow:hidden;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	border:none;

}


.dynamicpage #footer { 
	margin: 0 auto;  
	text-align: center;   
	width: 100%; 
} 

.dynamicpage #footerborder { 
	margin: 0 auto;  
	text-align: left;  
	width: 100%; 
	background-image: url("../images/SM/criss_cross.png");
	background-repeat:repeat-x;
} 

.dynamicpage #footercontainer { 
	margin: 0 auto; 
	text-align: left; 
	width: 960px; /* Page width for 1024 x 768 and below  */
	background-color: #000000;
	height: 600px; 
} 

.dynamicpage #footercontainer h1 {
	color: #FFFFFF;
	font-family:Georgia,serif;
	font-size:5.1em;
	margin-bottom:6px;
	margin-top: 150px;
	text-transform:lowercase;
	font-weight:500;
}	


.dynamicpage #footercontainer h3 {
	color: #FFFFFF;
	font-family:Georgia,serif;
	font-size:1.8em;
	margin-bottom:6px;
	margin-top: 6px;
	text-transform:lowercase;
	font-weight:500;
}	

.dynamicpage #footercontainer h4 {
	color: #FFFFFF;
	font-family:Georgia,serif;
	font-size:1.8em;
	line-height:1.4em;
	margin-bottom:6px;
	margin-top: 6px;
	font-weight:500;
}	



.footer_col400x {
	float:left;
	width:400px;
	overflow:hidden;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	border:none;
	background-color: #000000;
}

.footer_col20x {
	float:left;
	width:20px;
	overflow:hidden;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	border:none;
	background-color: #000000;

}


.footer_col50x {
	float:left;
	width:50px;
	overflow:hidden;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	border:none;
	background-color: #000000;

}

.footer_col490x {
	float:left;
	width:490px;
	overflow:hidden;
	padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
	border:none;
	background-color: #000000;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}