/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #0066FF; font-weight:400;}
a:hover {color: #003366;}

body {
	background:  #003366;
	color:#336699;
	font : normal 70% Verdana, Arial, sans-serif; 
    line-height: 1.4em;
	border-color: #336699;
}

p{
  padding-top:8px;
  padding-bottom:8px;
}
  

li {list-style: none;}


h1 {
	font-size:12px;
	font-weight:bold;
	color:#3366CC;
	margin-bottom: 4px;
	margin-top:5px;
}

h2 {
    font-size:12px;
	padding-bottom:6px;
	padding-top:8px;
	font-weight:bold;
}


h3 {
     font-size:12px;
	color:#3366CC;
	padding-bottom:6px;
	padding-top:6px;
	font-weight:bold;
}


h4 {
	 font-size:12px;
	font-weight:bold;
	margin-bottom: 4px;
	border-top: 1px solid #336699;
	border-bottom: 1px solid #336699;

}


.heading-font{
font: normal 12px;; 
	color:#003366;
	font-weight:bold;
	}


code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Arial, Helvetica, sans-serif; 
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat
	#E8F4F8;
	display: block;
	font-weight: bold;
	padding-left: 28px;
	margin-bottom:3px;
	
}

#ddblueblockmenu{
border-top: 2px #D7E4F9;   
border-bottom-width: 0;
width: 221px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
text-decoration: none;
color: #FFFFFF;  
background-color: #003366;
border-bottom: 1px solid #2865A3;
border-left: 7px solid #2865A3;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 205px; /*IE 5*/
w\idth: 205px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #7E9EC3;
border-left-color: #2865A3;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: #203854;
padding: 1px 0;
padding-left: 7px;
background-color: #2865A3;
font-weight:bold;
}


/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	background:#003366;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 900px;
}


/* title */
.header {
	background: #003366;
	font-size: 1.2em;
	height: 90px;
	margin: 0 auto;
	padding: 6px 6px 5px;
	text-align:center;
	width: 900px;
}
.header .left, .header .right {
	background: #003366;
	color: #FFF;
	height: 90px;	
}
.header .left {
background:url(images/hopkinslogo.jpg) no-repeat center;
color:#FFFFFF;
    overflow: auto;
	width: 212px;	
}

.header .right {
	background:#336699;
	line-height:33px;
	width: 688px;
}


.header .right p,.header .right h2 { padding-top:10px; padding: 0 16px; font: normal 1.6em Arial, Helvetica, sans-serif;  line-height:33px;}

.header .right h2 { 
    padding-top: 15px; 
    font: normal 2.1em Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	letter-spacing:.2em;
	}

.header .right p{
    padding-top:10px; 
	padding: 0 16px; 
	font: normal 1.5em Arial, Helvetica, sans-serif;   
	font-weight:250;
	line-height:33px;
	letter-spacing:.1em;
	color:#E8F4F8;}

/* navigation */
.navigation {
width:780px;
float:left;	
	background: #003366;
	border-top: 3px solid #2865A3;
	border-bottom: 3px solid #2865A3;
	border-color: #2865A3;
	height: 28px;
}

.navigation a {
	background: #003366;
	border-right: 1px solid #003366;
	color: #FFFFFF;  
	display: block;
	float: left;
	line-height: 28px;
	padding: 0 16.4px; 
	text-decoration:none; 
}

.navigation a:hover {
    background:#7E9EC3;
	color: #FFFFFF;
}

.adsonmovelink{
width:120px;
float:right;
background: #003366;
	border-top: 3px solid #2865A3;
	border-bottom: 3px solid #2865A3;
	border-color: #2865A3;
	height: 28px;
	color:#FFFFFF;
}

.adsonmovelink a {
	background: #003366;
	color: #FFFFFF;  
	display: block;
	line-height: 28px;
	padding: 0 0px; 
	text-decoration:underline;
	font-weight:bold;
	
}

.adsonmovelink a:hover {
color:#FFFFFF;
text-decoration:none;
}


/* main */
.main {
	border-top: 5.0px solid #003366;
	background:#7E9EC3;
	width:900px;
	 }

/* sub navigation */
.sidenav {
	float: left;
	width: 160px;
	
}
.sidenav h2 {
	color: #5A5A43;
	font-weight:bold;
	line-height: 30px;
	margin: 0;
	padding-left: 16px;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #336699;
}
.sidenav li {border-bottom: 1px solid #336699;}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #654;	
}

/* content */
.content {
	float: right;
	background-color: #FFFFFF;
	margin: 0px 0;
	padding: 0 13.5px;
	width: 650px;
}

.content a:link {
color: #0066FF;
text-decoration:underline;
}
.content a:visited {
color: #0066FF;
text-decoration: underline;
}
.content a:hover {
color: #003366;
text-decoration: none;
background:none;
}
.content a:active {
color: #0066FF;
text-decoration: underline;
}

.content p{line-height:1.5em; }

.content .descr {
	color: #003366;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: square;
	color:#003366;
	margin-left: 26px;
	margin-top:1px;
	padding-bottom:2px;
}

.img-strip {
padding-top:3px;
padding-bottom:3px;
border-top:2px solid  #003366;
border-bottom:2px solid #003366;
}

.client-scroller p{
  padding-top:0px;
  padding-bottom:0px;
}
   
  
  .homepage-scroller {
  border: 2px solid #003366;
  }
  
   .images-border{
  border: 2px solid #003366;
  }
  
  .services { 
  width:189px;
  background-color:#003366;
  border-left: 7px solid #2865A3;
  }
  
/* footer */
.footer { 
height:70px;
padding-left:5px;
font-size:10px; 
text-align: center;
border-top: 3px solid #003366;
color: #FFFFFF;
background: url(images/footer.jpg);
line-height:1.6em;
}

.footer a:link {
color: #fff;
text-decoration:underline;
}
.footer a:visited {
color: #fff;
text-decoration: underline;
}
.footer a:hover {
color: #fff; 
text-decoration: none;
background:none;
}
.footer a:active {
color: #fff;
text-decoration: underline;
}

.footer p {
  padding-top:4px;
  padding-bottom:4px;
  line-height:1.9em;
}

hr{color:#003366;}

.contact-details{
padding-top:4px;
padding-bottom:4px;
width:420px;
border: 1px solid #3366CC;}