/* -----------------------------------------
Stylesheet for brpgrenier.com / BRP/Grenier Financial Services
Author: cdeVision.com 
Copyright: (c)2007 cdeVision
Created: 30 September 2007 
-------------------------------------------- */

body {background:#D6DBED; text-align:center;/* IE hack to center page contents */
	margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color:#333;}

h1, h2, h3, h4 {padding:0; margin:0;}
p {margin:0; padding:0 0 12px 0; line-height:17px;}
ul, ol {margin:0; padding:0;}
li {}

p.error {padding:0 0 20px 20px !important; background:url(admin/icons/warning.gif) 0 2px no-repeat; color:#de0000;}
p.thanks {color:#9E3E42 !important; padding-bottom:20px;}

img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE */
#bannerText {behavior:url(scripts/iepngfix.htc);}


/* ---- links ----------------------------------------- */
a {color:#008066; text-decoration:underline;}  
a:visited {}
a:hover {color:#333; text-decoration:none}
a:active {color:#008066;}
a:active, a:focus {outline:none;}


/* ---- ids & classes ----------------------------------------- */
/* header styles */ 
#headerWrap {width:100%; background:#FFF5C7; border-bottom:5px solid #C8C8C8;}
#header {width:900px; height:112px; margin:0 auto; background:url(images/bg-header.jpg) no-repeat; position:relative;}
	#header span {display:none;}
	#logo {position:absolute; top:23px; left:20px; width:346px; height:50px; background:transparent url(images/logo.gif) no-repeat;}
		#logo a {display:block; width:346px; height:50px;}
	#tagline {position:absolute; top:78px; left:45px; width:293px; height:24px; background:transparent url(images/tagline.gif) no-repeat;}
	#navmenu {position:absolute; left:390px; top:40px;}
		#navmenu ul {list-style:none; text-align:left;}
		#navmenu li {display:inline; padding-right:12px;}
		#navmenu a {text-decoration:none; color:#004990; font:bold 13px georgia,serif;}
		#navmenu a.on {color:#008066;}
		#navmenu a:hover {color:#008066;}
		
/* disclaimer */
#dimbox {position:absolute; top:0; left:0; z-index:80; background:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; -khtml-opacity:0.75;}
#dimbox[id] {position:fixed;} /* IE6 and below Can't See This (css tips form http://particletree.com/features/lightbox-gone-wild/) */
#disclaimer {position:absolute; top:50%; left:50%; z-index:9999; width:650px; padding:15px; text-align:left; background:#fff; border:5px solid #333; margin:-350px 0 0 -350px;}
#disclaimer[id] {position:fixed;} /* IE6 and below Can't See This */
	#disclaimer h1 {color:#002D64; font:normal 20px georgia,serif; padding-bottom:12px; text-align:center;}
	#disclaimer p {margin:0; padding:0 0 12px 0; line-height:17px;}
	#disclaimer #formbox {padding:25px 10px 10px 10px; margin:0 0 12px 0; text-align:center; background:#FFFBE5; border:1px solid #cccccc;}
	#disclaimer #formbox p {padding:0;}
	#disclaimer #formbox form {margin:0;}
	#disclaimer #formbox input {margin-bottom:15px; border:1px solid #999;}
	#disclaimer .smalltext p {font-size:10px; line-height:13px; color:#666;}
	#disclaimer p.cancel {background:red; color:white; padding:4px; margin-bottom:12px; text-align:center;}

/* content area styles */
#contentWrap {width:100%; background:#fff;}
#banner {width:890px; height:210px; margin:0 auto; border:5px solid #C0DCD5; border-top:0; text-align:left; background:url(images/banner.jpg) no-repeat; position:relative;}
	#bannerText {width:500px; position:absolute; top:25px; right:25px;}
	#bannerText {padding:20px; background:transparent url(images/bg-bannerText.png);}
	#bannerText h1 {font:bold 22px georgia,sans-serif; color:#fff }
	#bannerText p {font-size:12px; line-height:17px; padding:6px 0 0 0; color:#fff }
/* Home page content area */
#contentHome {width:535px; border:0; padding-left:300px; margin:0 auto; background:url(images/home-partners.jpg) 0 100% no-repeat; text-align:left;}
	#boxOne {width:250px; text-align:left; float:left; padding:25px 0px 10px 0px; display:inline; margin:0; background:#fff;}
	#boxTwo {width:250px; text-align:left; float:right; padding:25px 0px 10px 0px; display:inline; margin:0; background:#fff;}
	#contentHome h2 {color:#004990; padding:0 0 3px 0; margin-bottom:5px; font:normal 20px georgia,sans-serif; border-bottom:1px solid #C1C8E1;}
	#contentHome p {line-height:16px;}
/* Interior pages content area */
#content {width:890px; margin:0 auto; text-align:left; border:0; padding:0;}
	.blue {background:#002D64 url(images/bg-rcol.gif) 100% 0 repeat-y;}
		.blue h1 {color:#fff;}
		.blue p, .blue li {color:#fff;}
		.blue .hrule {background:#415494;}
		.blue p#quote {color:#fff;}
	.green {background:#447751 url(images/bg-rcol.gif) 100% 0 repeat-y;}
		.green h1 {color:#fff;}
		.green p, .green li {color:#fff;}
		.green .hrule {background:#6D9577;}
		.green p#quote {color:#fff;}
	.cream {background:#FFFBE5 url(images/bg-rcol.gif) 100% 0 repeat-y;}
		.cream h1 {color:#002D64;}
		.cream .hrule {background:#ccc;}
	#lCol {width:435px; float:left; padding:20px 0 15px 0; margin:0 45px 0 40px; display:inline;}
		#lCol h1 {font:normal 20px georgia,serif; padding-bottom:12px;}
		#lCol p {}
		#lCol ul {margin:0 0 0 25px; list-style:disc; padding-bottom:12px;}
		#lCol ol {margin:0 0 0 25px; padding-bottom:12px;}
		#lCol li {line-height:17px; padding:0 0 7px 0;}
		#lCol .hrule {height:1px; margin:10px auto 20px;}
		#lCol p#quote {font-size:14px; line-height:20px;}
		p#source {text-align:right;}
		/* news page */
		div.newsbox {padding:10px 10px 10px 25px;}
		div.newsbox p {line-height:14px;}
		div.newsbox p.newsdate {font-size:11px; padding:0 0 2px 0;}
		div.newsbox p.newstitle {padding:0 0 2px 0;}
		div.newsbox p.newsteaser {padding:0 0 2px 0;}
	#rCol {width:370px; float:left; border:0; padding-top:25px; padding-bottom:25px;}
		#rCol p {font-size:13px; padding-left:70px; line-height:14px; color:#333;}
		#rCol img {display:block; margin:5px 0 2px 2px; border:4px solid #fff;}
		#rCol #caption p {font-size:11px; color:#666; line-height:13px; padding:0 5px 0 62px;}
		#rCol a:hover {color:#004990;}
		#rCol p.arrow {color:#004990; background:url(images/icon-arrow.gif) 59px 3px no-repeat;}
		
	/* forms */
	form {margin:0;}
	input, textarea, select, option {font-family:verdana,arial,helvetica,sans-serif; font-size:12px;}
	input, textarea {width:250px; border:1px solid #ccc; margin:0 0 6px 0; padding:2px 0;}
	textarea {height:150px;}
	input.button {width:100px; border:0; }

	/* login table */
	table#loginTable {margin:0px 0 0 100px; width:400px;}
		table#loginTable td {vertical-align:top; padding:4px;}
		table#loginTable td.right {text-align:right;}
		
	/* form table - contact form */
	table#formTable {margin:10px 0 0 0;}
		table#formTable td {vertical-align:top; padding:3px; text-align:left;}
		table#formTable td.right {text-align:right;}
	p.error {padding:0; color:#de0000; font-style:italic;}
	
/* footer styles */
#footerWrap {width:100%; background:#D6DBED; border-top:5px solid #C1C8E1;}
#footer {width:800px; padding:20px 0 20px 70px; margin:0 auto;}
	#contactinfo {width:220px; float:left; padding:0 25px 0 0; margin:0; text-align:right; color:#40618D;}
		#contactinfo h4 {font:bold 11px georgia,sans-serif; padding:5px 0 0 0;}
		#contactinfo p {font-size:11px; line-height:14px; padding:5px 0 5px 0;}
		#contactinfo a {color:#40618D;}
		#contactinfo a:hover {text-decoration:none;}
	#copyright {width:520px; float:left; padding:0 0 0 25px; margin:0; text-align:left; color:#6D86AA; border-left:1px solid #A9B3D6;}
		#copyright p {font-size:10px; line-height:12px; padding:5px 0 5px 0;}
		#copyright a {color:#40618D;}
		#copyright a:hover {text-decoration:none;}
		p#props {color:#A9B8CD;}
		p#props a {color:#A9B8CD;}
		
		
/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; 
	border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:100;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}
	
/* ---- debug panel styles -------------------- */
div#debug {width:200px; text-align:left; background:#efefef; border:1px solid #ccc; padding:4px 10px; margin:10px; color:#666;}
	div#debug p { font-size:11px;}