/* Nicolas Moreton Style Sheet Version 1 - 960 Grid System */
/* (C) Nicolas Moreton 2010 */

body {	
	/*background-image:url(../images/home/tiles/p_pure.png);*/
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px; *//* Safari-only, but cool */
	font-family: "Gill Sans MT", "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Arial, Helvetica, sans-serif;
   /* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	*/
/*   font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 1em;	
	line-height: normal;	
	color:#666;
	padding-top:20px;
	padding-bottom:20px;
}

h1 { /* Margins and line heights are set to maintain a regular 24px (1.5em) rhythm down the page */
	font-size: 1.5em; /* 1.5 * 16 = 24 */
	line-height:1.0;
	margin-top:0.5em;
/*	margin-bottom:0.5em;*/
	
	font-weight:normal;
	color: #281a80;
}

div.panel-overlay h2{
  font-size:1.125em;
  color:#FFFFFF;
  
  margin-top:0.2em; margin-bottom:0.25em; line-height:1.0;
  }
div.panel-overlay p
{
color:#999;
font-size:0.875em; /* =14 */
}
h2 {
	font-size: 1.25em;	/*1.25 * 16 = 20 */
	line-height:1.2; /*24/20 = 1.2 */
	margin-top:0.6em;
	margin-bottom:0.6em; /* 12/20 =0.6 */
	
    font-weight:normal;
	color: #281a80;

}

h3 {	
	font-size:1.125em; /*1.125 * 16 = 18 */
	line-height:1.3333; /* 24/18 = 4/3*/
	margin-top:0.6666em;
	margin-bottom:0.6666em; /* 12/18 = 2/3 */

	font-weight:normal;
    color: #281a80;

}

.title {
color:#FFFFFF;
}

p, li{
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:"Lucida Sans Unicode","Lucide Grande", Lucida, Arial, sans-serif;
	line-height:1.5; /* Lines are 1.5 * 16 = 24 apart */
/*	margin-bottom:0;*/
	margin-top:0;*/
/*	margin-top: 0.75em;*/
    margin-bottom: 0.75em;
	color: #666666;
	}
	
p + p {
  /* text-indent:1em;*/
  margin-top:0.75em;
   margin-bottom:0.75em;
}
   
.sidetext {
	text-align: right;
	margin-top: 0.75em;
    margin-bottom: 0.75em;

}

a{	
/*	color: #3366CC;*/
	color: #281a80;	
	text-decoration: none;
}

a:hover {
 text-decoration:none;
 background-color:#d1e8fa;

}


#current{
background-color:#d1e8fa;
}


/* Left navigation */

.leftnav {
    list-style:none;
    padding-left:0; padding-right:0;
	/*margin-top: 0;
    margin-bottom: 0;*/
}

.leftnav li{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Arial, Helvetica, sans-serif;
	/*text-transform:uppercase;*/
	padding-top:0em;
/*	padding-bottom:1.0em;*/
padding-bottom:0.5em;
	padding-left:0;
	padding-right:0;	
	
	color: #666666;
}

.leftnav li.upnav{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-top:0em;
	padding-bottom:1.0em;
	padding-left:0;
	padding-right:0;	
}


.leftnav li a {	
/*	color: #3366CC;*/
	color: #281a80;
	display:block;
	width:120px;
	text-decoration: none;	

}

.leftnav li.upnav a {	
	color: #666666;
	display:block;
	width:120px;
	text-decoration: none;	
}

.leftnav li a:hover {

 text-decoration:none;
 background-color:#e6f1fa;

}

 
table{padding:1em; border:1em;}
td{padding-right:2em;}


ul {	
/*	font-size: 1em;	*/
	list-style-type: square;	
	list-style-position: outside;
	padding-left:3em;
	padding-right:3em;
	margin-top:0.25;
	margin-bottom:0.25;
	
	}



dt {
	font-weight: bold;
}

dd {
padding-left:20px;
}



/*.roundedcornr_box {
   width:30em;
   background: #ffffff;
   margin-left:auto;
   margin-right:auto;
}*/
.roundedcornr_top div {
   background: url(../images/roundedcornr15_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(../images/roundedcornr15_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(../images/roundedcornr15_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(../images/roundedcornr15_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   height: 15px;
}

.quote {
	text-align: left;
	text-indent: 0px;
	padding-left:3em;
	padding-right:3em;
	}
	
.attribution {
	text-align: right;
	text-indent: 200px;
	padding-bottom: 30px;
}


.boxgrid{ 
				width: 220px; height:220px;
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #333; 
				height: 70px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 220;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 180;
 					left: 0;
 				}

td {vertical-align:top;
background:#eee;
};