html {
	font-size: 62.5%;
}

body  {	font: normal 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; background:#444bd1; margin: 0;	padding: 0;	color: #111; height:100%; line-height:180%}



img {border:none}
p {	color: #666; padding: 0px 8px;}
hr { height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #ababab; }

h1, h2, h3 {font-weight:100; padding: 0px 8px;}

/*Main content window */
#container {	width:100%; font-size:1.2em; margin: 75px 0px 15px 0px; padding:0px; text-align:left; background:#fff; border-top:2px solid #000; border-bottom:2px solid #000} 
#container h1 { color:#333; font-size:2em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0px 8px; line-height:140%}
#container h2 { color:#056ba9; font-size:1.8em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0px 8px}	

#MainContainer {color:#111; width:980px; margin:8px auto; background:#fff; }

#Footer { padding:0px; color:#fff; width:980px; margin:0 auto; }
#Footer p {color:#fff}
#Footer a {text-decoration:none; color:#fff; border:none}

#Exposure22 a { text-decoration:underline}

#LeftColumn {width:230px; float:left; background:#fff; border-left:1px dashed #ababab; padding:8px}
#RightColumn {float:right;  background:url(../Images/Ear-PieceBG.jpg) no-repeat #fff right top; border-right:1px dashed #ababab; border-left:1px dashed #ababab; padding:8px; width:710px }
#RightColInner { width:560px}


#RightColumnDIR {float:right;  background:url(../Images/PilgrimGlobe.jpg) no-repeat #fff right top; border-right:1px dashed #ababab; border-left:1px dashed #ababab; padding:8px; width:710px }
#RightColInnerDIR { width:550px; padding-left:20px; color:#f5f5f5; font-size:1.1em}
#RightColInnerDIR  p {color:#f5f5f5; font-size:1.2em; line-height:200%}

#RightColumnSEM {float:right;  background:url(../Images/SeminarBG.jpg) no-repeat #fff right top; border-right:1px dashed #ababab; border-left:1px dashed #ababab; padding:8px; width:710px }
#RightColInnerSEM { width:550px; padding-left:20px; color:#111; font-size:1.1em}
#RightColInnerSEM  p {color:#111; font-size:1.2em; line-height:200%}

#RightColumnBlank {float:right;  border-right:1px dashed #ababab; border-left:1px dashed #ababab; padding:8px; width:710px }

#Heading {height:197px; text-align:center;  font-size:1.7em; background:#fff;;  border-right:1px dashed #ababab; border-left:1px dashed #ababab;  border-bottom:1px dashed #ababab;  padding:8px; line-height:150%}
#Heading p {margin-top:45px}
#AddressFloat { float:right; text-align:right}
#ContactBox  {float:left}

.ImgPadLeft {padding-left:8px}
.EmailHighlight {color:#F00; font-weight:bold; text-align:center}
#Exposure22 {float:right; text-align:right}

.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 a float */
	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}
--> 


#IndexBoxLeft { width:490px; text-align:center; float:left; vertical-align:top }
#IndexBoxLeft h2 a {font-size:0.9em; text-decoration:none}
#IndexBoxRight { width:490px; text-align:center; margin-left:490px; vertical-align:top }
#IndexBoxRight h2 a {font-size:0.9em; text-decoration:none}