/* OP-Business Assoc */

@charset "UTF-8";
@import url("reset.css"); /* Zero out styles for browser consistancy. */

body {background:##D0E2F2;}

html, body {
	background: #d0e2f2; 
	text-align: center; /*IE Centering for #wrapper*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	height: 100%;
	width: 100%;
	margin:0px; 
	padding:0px;
	}

.floatL{float:left;}
.floatR {float:right;}


input.btn{
	background-color:#0087d5;
	border:medium none;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
	line-height:23px;
	text-decoration:none;
	text-transform:uppercase;
	margin: 5px 0px;
	}

div#wrapper { width: 100%; height:auto;text-align: center; margin: 0 auto; float:none; display:block;}	

div.matte { width: 819px; height:auto; margin:0 auto;}

div#header {width: 782px; height:76px; background:#fff;  border-top: 1px solid #d0e2f2; border-right: 1px solid #d0e2f2; border-left: 1px solid #d0e2f2; }

div#header img { float: left; margin:15px 20px 0px 20px;;}

div#page {width: 782px;background: url("../images/ornateBG.png") repeat;margin: 0 auto;}

/* Navigation */
ul.nav {height:30px; margin-top:21px;}

ul.nav li, ul.nav li a {float:left;}

.nav li {
	color: #000;
	display: block;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-indent: 0em;
	}

ul.nav span{display:none;}
ul.nav li {margin-left:15px;}	
/* Services */
ul.nav li.services a {width: 90px; height: 30px; background: url('../images/navServices.gif'); background-position: 0px 0px;  }
/* Speaking */
ul.nav li.speaking a {width: 94px; height: 30px;  background: url('../images/navSpeaking.gif'); background-position: 0px 0px;}
/* About */
ul.nav li.about a { width: 63px; height: 30px; background: url('../images/navAbout.gif'); background-position: 0px 0px;}
/* Bookstore */
ul.nav li.bookstore a { width: 111px; height: 30px; background: url('../images/navBookstore.gif');background-position: 0px 0px;}
/* Contact */
ul.nav li.contact a { width: 84px; height: 30px; background: url('../images/navContact.gif'); background-position: 0px 0px;}

ul.nav li a:hover,
ul.nav li a.active {background-position: 0px -30px;}


div.content {width: 782px; float:left; background:#fff; border: 1px solid #d0e2f2; padding-top:10px; padding-bottom:10px; text-align:left; }

div.content div.left {width: 525px; float:left; margin:0px 20px 0px 20px;}

div.content div.home {height:600px;}

div.content div.right {width: 181px; float:right; margin-right:17px;}

div.stdBox{width: 181px; float:left;background: url('../images/sideBoxM.png') repeat-y;}

div.stdBox div.top{width:181px; height:8px;  background: url('../images/sideBoxT.png') no-repeat top right;}
div.stdBox div.middle{padding: 0px 12px 12px 12px;}
div.stdBox div.bottom{background: url('../images/sideBoxB.png') no-repeat bottom right;}

img.heading {margin-bottom:10px;}

form#newsletter label {display:none;}

form#newsletter input.email {width: 140px; font-size:11px;}

form#newsletter input.btn {margin-right:12px;}

span.note {margin-top:5px;}

h2.newsletter span,
h2.newsletter span {display:none;}

div.content img.mainImage {}

div#pageCont{ width:480px; float:left; margin-left:12px;}

div#pageCont div.cont{width: 480px; min-height: 484px;  background: url('../images/pageMid.png') repeat-y;}

div.tout {margin-top:13px; margin-left: 15px;}




/* Box Roll Overs */
/* ////// OLD //// */
ul.fourBoxes,
ul.threeBoxes { list-style:none; list-style-image:none; padding:0px;}  


ul.fourBoxes {width: 268px; height: 254px; float:left; margin-left:2px;}
ul.threeBoxes {width: 402px; height: 127px;}
ul.fourAcross {width: 536px; height: 127px; float:left; margin-left:2px;}
ul.fourBoxes span {display:none;}
ul.fourBoxes li {width: 134px; height:127px; float: left; }
ul.fourBoxes a {width: 134px; height:127px; float:left;}

/* Roll 1*/
ul.fourBoxes li.roll1 a {background: url('../images/roll1.png');}
/* Roll 7*/
ul.fourBoxes li.roll7 a {background: url('../images/roll7.png');}
/* Roll 2*/
ul.fourBoxes li.roll2 a {background: url('../images/roll2.png');}
/* Roll 3*/
ul.fourBoxes li.roll3 a {background: url('../images/roll3.png');}
/* ////// OLD //// */
.contentRight {
	width: 268px;
	float:left;
	margin-left:12px;	
}

.contentRight p, .contentRight h3 {
 	padding-left:7px;	
}
/* Roll Hover */
ul.fourBoxes li.roll1 a:hover, 
ul.fourBoxes li.roll7 a:hover, 
ul.fourBoxes li.roll2 a:hover,
ul.fourBoxes li.roll3 a:hover {background-position:0px -127px;}

ul.boxes {
	width: 268px; 
	float:left;
	list-style:none; 
	padding:0px; 
	margin:0px;
}
ul.boxes span { 
	display:none; 
}
ul.boxes li {
	width: 134px; 
	height:127px;
	float: left; 
	list-style:none; 
	list-style-image:none; 
	padding:0px; 
}
ul.boxes a {
	width: 134px; 
	height:127px; 
	float:left;
}

/* Roll 1*/
ul.boxes li.roll1 a {background: url('../images/roll1.png');}
ul.boxes li.roll1 a:hover {background-position:0px -127px;} 
/* Roll 7*/
ul.boxes li.roll7 a {background: url('../images/roll7.png');}
ul.boxes li.roll7 a:hover {background-position:0px -127px;}
/* Roll 2*/
ul.boxes li.roll2 a {background: url('../images/roll2.png');}
ul.boxes li.roll2 a:hover {background-position:0px -127px;}
/* Roll 3*/
ul.boxes li.roll3 a {background: url('../images/roll3.png');}
ul.boxes li.roll3 a:hover {background-position:0px -127px;}
/* Roll 4*/
ul.boxes li.roll4 a {background: url('../images/roll4.png');}
ul.boxes li.roll4 a:hover {background-position:0px -127px;}
/* Roll 5*/
ul.boxes li.roll5 a {background: url('../images/roll5.png');}
ul.boxes li.roll5 a:hover {background-position:0px -127px;}
/* Roll 6*/
ul.boxes li.roll6 a {background: url('../images/roll6.png');}
ul.boxes li.roll6 a:hover {background-position:0px -127px;}

span.hoverfill {
	width: 268px;
	height: 200px;
	display:inline-block;
}

/* FOOTER */
div.footer {height:30px; width: 100%;background:#fff; clear:both;}
div.footer div {background:#fff; margin-top:8px;}
div.footer div.left {float:left; margin-left:1px;}
div.footer div.right {float:right; margin-right:1px;}
div.footer div.right span{text-align:right;}


/* TYPOGRAPHY STYLES */
div#pageCont div.cont div.margins {padding: 5px 40px 30px 20px;}
div.margins ul {list-style: disc; margin-left: 16px;}
p { font-size:12px;margin-bottom: 1.25em;}
h1 {font-size: 18px; line-height:2em; text-transform:uppercase;}