/* CSS Document for NewLogic Solutions copyright 2007 TCP Design*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #3c5da8;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	}

html, body {  /* for Opera */
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	}
* {margin:0; padding:0;}

div#container {
	width: 790px;
	margin: 0 auto;
	border: 10px solid #fff;
}

/* STYLING OF TOP BANNER AND TAGLINE *********************************** */
div#head {
	background-image: url(images/backgrounds/gradient-banner.jpg);
	background-repeat: repeat-x;
	width: 790px;
	height: 124px;
	background-color: #1e3691;
	margin-top: 0px;
	margin-bottom: -3px;
}

div#head p {margin: 0;}
		
div#head .logo {
	float: left;
	width: 185px;
   margin-top: 20px;
	margin-left: 10px;
	}
	
div#head .tagline{
	float: left;
	width: 300px;
	font: bold .8em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top:70px;
	}
	
	
div#container div#bluebar {
	top:104px;
	margin:0px;
	background-color: #1E3691;
	width: 100%;
	height: 28px;
	}
	
/* END OF TOP BANNER STYLING  ******************************************** */
 
/* CONTENT AREA PRESENTATION ****************************************** */
div#content {
	background-image: url(images/bg2col.gif);
	background-repeat: repeat-y;
	width: 100%;
	height:100%;
	vertical-align: top;
	margin:0;
	background-color: #fff;
}

div#content p {
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 1em;
}
/*  STYLING OF LINKS */
div#content a:link {
	text-decoration: underline; 
	color: #1E3691; 
	} 
div#content a:visited {
	text-decoration: underline; 
	color: #C517A2; 
	} 
div#content a:active {color: #C517A2;} 
div#content a:hover {color: #7F7FFF;} 	

/* STYLING OF WHITE LINKS */
div#content a.white:link {
	font-weight: bold;
	color: #ffffff;
}
div#content a.white:visited { color: #ffffff }
div#content a.white:active { color: #ffffff }
div#content a.white:hover {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

div#content ul {
	margin: 1em; 
	list-style-image:url(images/bullet-sq.gif);
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
} 
div#content li {margin-bottom: 3px;}

h1, h2, h3, h4 { 
	font-weight: bold; 
	color: #1E3691;
	margin-top: 1em;
	margin-bottom: 1em; 
	}
h1 {font-size: 1.4em;}
h2 {font-size: 1em;margin: 1em 0 .5em 0;}
h2 + p:first-line {font-weight: bold; color: #1e3691;}  /* still working on this to remove top margin above p */
h3 {font-size: .9em; margin-bottom: 0}
h4 {font-size: .8em;}

div#content hr {
	border: none;
	color: #1E3691;
	background-color: #1E3691;
	height: 1px;
	width: 100%;
}	


/* THIS IS THE TOP NAVIGATION BAR */
#navigation {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#1E3691;
	width:790px;
	text-align: center;
	}

#navigation ul{
	list-style: none;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0px;
   padding-top: 3px;
	}
	
#navigation li {
	display: inline;
	}
	
#navigation a:link, #navigation a:visited {
	padding: 0 5px 1px;
	color: #FFFFFF;
	background-color:#1E3691;
	text-decoration: none;
	margin-left: 20px;
	}
	
a.block:link {
	display:block;
	}
	

#navigation a:hover {
	color: #000000;
	background-color: #ACB8D9;
	}

/* END OF TOP NAVIGATION */

div#col1 {  
	float: left;
	width: 150px;
	height:100%;
	background-color: #B0DC6B;
	margin: 0 auto;
	padding: 5px;
	}
	
	
/* LEFT NAV  */
#navLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	}
	
#navLeft ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 6px 0;
	left: 20px;
	}

#navleft li {
	padding: 6px;
	}
	
#navLeft a:link{
	padding: 6px 10px;
	background-color: transparent;
	text-decoration: none;
	border: 0px #CCCCCC;
	margin-left: 4px;
	color: #1E3691;
	}
	
#navLeft a:visited {
	padding: 6px 10px;
	background-color: transparent;
	color: #C517A2;
	text-decoration: none;
	border: 0px;
	margin-left: 4px;
	}

#navLeft a:hover {
	border: 1px #CCCCCC;
	list-style-type: none;
	text-decoration: underline;
	}
/* END OF LEFT NAVIGATION */	

div#col2 {
	float:left;
	width: 580px;
	padding: .5em 15px;
}

div#content #footer {
	font-size: .8em;
	color: #1E3691;
	vertical-align: bottom;
	text-align:right;
	margin-top: 1em;
	margin-bottom: 1em;
}

.clear {clear:both;}

.space {
	margin: 10px;
	line-height: 16px;
	}
	

.dotsfoot {
	margin: -10px 0 1em 20px;
}

.red {
	font-size: 1.2em;
	font-weight: bold;
	color: #FF0000;
}
.leftimg {
	float: left;
	margin: 20px;
}
.rightimg {
	float: right;
	margin: 0 10px 20px 20px;
}

.bg {
	width: 180px;
	background-color: #B0DC6B;
	padding: 5px;
}

.boldblue {
	font-weight: bold;
	color: #1e3691;
}
.redsm {
	font-weight: bold;
	font-size: 1em;
	color: #FF0000;
}
/* DATATABLE STYLING FOR CHARTS */
.datatable {
	border: 1px solid #999;
	border-collapse: collapse;
}
.datatable th, .datatable td{
	font-size:.8em;
	font-family: arial, helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #ccc;
	vertical-align: top;
} 
.datatable th{
	font-family: arial, helvetica, sans-serif;
	background-color: #DACFE9;
}
.datatable caption{
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding:3px;
	background-color:#1E3691;
	color: #ffffff;
}
/* END OF DATATABLE */
/* DL WITH ARROW BULLET */
.pub dl {
	list-style: none;
	font-size: .8em;	
	font-family: Arial, Helvetica, sans-serif;
}
.pub dt {font-weight: bold;
	margin-top: 1.5em;}
.pub dd {
	background: url(images/bullet1.gif) no-repeat 0px 4px;
	padding-left: 19px;
	line-height:1.25em;
	
}
/* this is used for a big strong quote box */

.quoteboxlg  {
	width: 500px;
	margin: 0 0 10px 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:110%;
	line-height:1em;
	text-align: center;
	color: #ffffff;
	background: #1E3691 url(images/quote/qt-top.gif) no-repeat left top;
}
.quote {
	margin: 0 10px 0 0;
	padding: 20px 15px 10px 50px;
	background: url(images/quote/qt-r.gif) no-repeat right bottom;
}

.author {
	margin: 0;
	padding: 0 0 10px 0;
	color: #ffffff;
	font-size:80%;
    background: url(images/quote/qt-bottom.gif) no-repeat bottom;
}  

/* this is used for a small quote box */

div#content .quoteboxsm {
	width: 140px;
	margin: 1em auto;
	margin-left: 5px;
	padding: 0px;
	background: #1E3691 url(images/quote/qt-top-140.gif) no-repeat left top;
}

div#content .quoteboxsm p {
	font-size:.8em;
	line-height:1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #ffffff;
}
div#content .quotesm {
	margin: 0 5px 0 0;
	padding: 36px 3px 20px 10px;
	background: url(images/quote/qt-r-blue.gif) no-repeat right bottom;
}

div#content .authorsm {
	font-size:.85em;
	margin: 0;
	padding: 0 3px 10px 3px;
    background: url(images/quote/qt-bottom-140.gif) no-repeat bottom;
}
/* THIS IS A SQUARE BOX BLUE BACKGROUND WITH WHITE COPY*/
div.box {
	padding:10px;
	background-color:#1E3691;
	color:#ffffff;
	font-size: small;
}
div.box h3{
	font-variant:small-caps;
	font-size:1.2em;
	color:#ffffff;
}
div.box dd {
	background: url(images/bullet1.gif) no-repeat 0 4px;
	margin-left:3px;
	padding-left: 12px;
	line-height:1.25em;
	
}
div.box p, div.box h5 {color: #fff;}

.clearfix:after {  /* this is the Aslett Clearing Method */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */