/* Garson CSS version 1.0.0 JDG 13 September 2008*/
/*
dropdown - normal = #666
dropdown - hover = #999
red-brown = #801C18
silver = #eee
footer = 808285
*/


html,body{font-size:100%;height:100%;padding:0;margin:0;} /* required for sticky footer do not remove */
body{font-size:62.5%;}
#wrapper{min-height:100%;position:relative;}/* required for sticky footer do not remove */

/*------ reset styles   ------*/
div{font-size:1em;padding:0;margin:0;font-family: Helvetica, Arial, Verdana, sans-serif;font-style:normal;line-height:1.2;border:0;outline:0;}
p,blockquote,li,address,span,a,li a,dt,dd,td,q,strong,bold,em,hr,img,i,acronym,abbr,h1,h2,h3,h4,h5,h6{font-size:1.1em;padding:0;margin:0;font-family: Helvetica, Arial, Verdana, sans-serif;font-style:normal;line-height:1.2;border:0;outline:0;}
label,input,textarea,select{font-size:1.1em;padding:0;margin:0;font-family: Helvetica, Arial, Verdana, sans-serif;font-style:normal;line-height:1.2;}
textarea{vertical-align:top;}
input{vertical-align:middle;}
form{padding: 20px 10px;}
form ol{padding-top:20px;}
label{padding: 0 10px 0 0;}
a{color:#19398a}
a:hover{color:#666;}
/*------ end reset   ------*/

h1{font-size: 1.4em;font-weight:bold;}
h2,dt{font-size: 1.3em;font-weight:bold;padding:0 10px;}
h3{font-size: 1.25em;padding:0 10px;}
h4{font-size: 1.2em;padding:0 10px;}
h5{font-size: 1.1em;padding:0 10px;}
h6{font-size: 1.0em;padding:0 10px;}
li{margin: 0 0 10px 0;}
#mainpanel li{font-size: 1.2em;margin: 10px 0 10px 0;list-style-type:circle;}
hr{border-top:1px solid #333366;}
p{font-size:1.3em;line-height:1.5em;padding:0 0 10px 0;}
blockquote,p,ul,ol,dl,h1,h2,h3,h4,h5,h6{
	margin:0 0 12px 0;
	padding:0;
	list-style-type:none;
	}
blockquote{
	font-weight:bold;
	padding:10px;
	color: #333366;
	}

#header{
  background: #eee  url(../images/header-bg.png) repeat-x;
  position:relative;
  z-index:10;
}
.container{	display:block; width:864px; margin:0 auto; }

#nav{
	display:block;
  width:600px;
	/* width:960px; */
	margin:0 auto;
}
 
div.mg-vertical{ /* vertical logo (included in header) */
  position:fixed;
  float:left;
  width:50px;
  height:100%;
  margin-top:-72px;
  z-index:12; /* change to <10 to go under nav */
  background:#19398a;
}

  div.mg-vertical img {
    padding-top:80px;
  }
  
/*------ main navigation   ------*/
#nav{position:relative;}
#nav li{
	/*display:inline-block;*/
	float:left;
	position:relative;
	background: url(../images/nav-border.png) no-repeat center right;
	height:40px;
	padding: 0 2px 0 0;
	margin:0;
	}
#nav li.end{
	background-image:none;
	}
#nav li a{
	font-size:1em;
	color:#fff;
	text-decoration:none;
	display:block;
	padding: 12px 15px 16px;
	}
#nav li a:hover{background: url(../images/nav-link-hover.png) repeat-x;	}

#nav li.active a{background: url(../images/nav-link-hover.png) repeat-x;	}

/*------ Dropdowns ------*/
#nav li ul{
	background:#eee;
	position:absolute;
	left:-999em;
	padding:0;
	z-index:100;
	}
#nav li ul li{
	padding:0;
	display:block;
	height:auto;
	border-bottom: 1px solid #eee;
	float:none;
	width:150px;
	}
#nav li ul a{
	background: #eee  url(../images/header-bg.png) repeat-x 0 -15px;
	height:auto;
	width:150px;
	padding: 4px;
	
	}
#nav li:hover ul,#nav li.sfhover ul{
	left:auto;
	left:0;
	}
/*------ end main navigation   ------*/

#header strong, #header h1{
	clear:both;
	color:#939598;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	padding: 8px 0;
	}

  
/*------ content   ------*/
#content{padding-bottom:130px;}
.logo #content{	background: url(../images/mg-logo.png) no-repeat center 90px;}
#sidepanel{
	float:left;
	width:33%;
	}
#sidepanel blockquote{
	margin-top:-30px;
	font-weight:bold;
	padding: 0 0 10px;
	color: #19398a;
	text-align:center;
	}
#sidepanel blockquote p{
	font-size:1.1em;
	font-family: georgia;
	margin-bottom:2px;
	}
#sidepanel blockquote p.cite,cite {
	font-size:0.75em;
	text-align:right;
	font-style:normal;
	}

.cartoon{margin: 40px 30px;}
#logo{text-indent:-999em;}
div.cols{width:48%;	padding-left:10px;}

#mainpanel{
	width:66%;
	float:right;
	}
/* #mainpanel p{padding: 0 10px;}*/
#mainpanel h2{
	background: url(../images/mini-g.png) no-repeat;
	text-indent:30px;
	color: #19398a;
	margin:0;
	padding-bottom:2px;
	}
#mainpanel ul{
	padding:0 0 0 60px;
	}
#mainpanel ul li{
	margin-bottom:2px;
	}

.missionstrap{
	text-align:center;
	color:#fff;
	background: #19398a;
	padding:10px;
	margin: 20px 0;
	}

.missionstrap strong, .missionstrap h1, .missionstrap h2{
	display:block;
	font-size:1.6em;
	margin:0;
	padding:0;
	}

/*------ end content ------*/

/*------ footer ------*/
#footer{
	background: #939598;
	height:200px;       /* required for sticky footer do not remove */
	margin-top:-120px; /* required for sticky footer do not remove */
	}
address{padding-top:26px;float:left;}
address span{
	display:block;
	font-size:1.0em;
	color:#fff;
	}
.street-address,.locality,.postal-code,.inline{display:inline;}
.bold{font-size:1.15em;line-height:1.4;margin-top:10px;}
address .fn{
	font-size:1.3em;
	font-weight:bold;
	}
address span span{display:inline;}
span.email{position:relative;}
span.email a{color:white;}
span.email a:hover{color:black;}
span.bold.inline{padding-right:20px;}

.external{padding:58px 0 0 0;float:right;position:relative;}
.external li{
	display:block;
	float:left;
	margin:0 0 0 24px;
	}
		
.external li a{
	display:block;
	text-indent:-999em;
	float:left;
	}
.external li a:hover{
	background-position: bottom left!important;
	}
.external li.pdbc a {
	background: url(../images/pdbc-logo.png) no-repeat;
	height:40px;
	width:42px;
	}
.external li.bni a {
	background: url(../images/bni-logo.png) no-repeat;
	height:40px;
	width:64px;
	}
.external li.ppc a {
	background: url(../images/ppc-logo.png) no-repeat;
	height:40px;
	width:88px;
	}

.external li.twitter a {
	background: url(../images/twitter.gif) no-repeat;
	height:40px;
	width:40px;
	border:none;
	}	
	
/*------ end footer ------*/

.right{float:right;}
.left{float:left;}
.clear{clear:both;}

div.team{
  padding-bottom:20px;
}

div.team img{
  padding:0 10px 10px 0;
}

/*------ added by DK ----------*/

/* Lists for links page */

div.list p{border-top:1px dotted silver;border-bottom:1px dotted silver;background-color:#efefef;}

div.list p strong{}

div.list span.contact {margin:5px 0 5px 0;}
div.list span.contact a{margin-bottom:10px;display:block;padding:3px;border:1px solid #666;font-size:12px;font-weight:bold;color:#19398a;}
div.list span.contact a:hover{background-color:#fff;text-decoration:underline;color:#000;}

li.two, li.one{line-height:1.5em;}

li.one, p.one{color:#19398a;}
li.two, p.two{color:black;}

li.one, p.oneB{color:#19398a;font-weight:bold;}

#contact-address{width:100%;text-align:center;}



div.test_align_right{
	width:100%;
	text-align:right;
	font-style:italic;
	font-weight:bold;
}