/*  - detail.css
------------------------------*/

body {
	background:#fff url(../images/bgPage.gif) repeat-x top;
	margin:33px auto 0 auto;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#detailBody {
	position:relative;
	text-align:left;
	width:490px;
	float:right;
	margin-top:10px;
	margin-bottom:30px;
	padding:0px 0px 0 0px;
}

#topics1 {
	position:relative;
	text-align:left;
	width:330px;
	float:left;
	margin-top:10px;
	margin-bottom:30px;
	padding:0px 0px 0 0px;
}
#topics2 {
	position:relative;
	text-align:left;
	width:330px;
	float:right;
	margin-top:10px;
	margin-bottom:30px;
	padding:0px 0px 0 0px;
}
#detailBody h1.highlighted {
	width:492px;
	height:20px;
	vertical-align:left;
	padding:0px 0px 0px 0px;
	text-transform:capitalize;
	font-size:16px;
	text-align:left;
}
#detailBody p, #detailSideBar p {
	font-size:12px;
	line-height:14px;
	margin:0 0 1em 0;
}
#detailBody h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:18px;
	margin:1em 0;
}
#detailBody h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:14px;
	margin:0 0;
}
#detailBody2 {
	position:relative;
	text-align:left;
	width:660px;
	float:right;
	margin-top:10px;
	margin-bottom:30px;
	padding:0px 20px 0 10px;
}
#detailBody2 h1.highlighted {
	width:700px;
	height:20px;
	vertical-align:left;
	padding:0px 0px 0px 0px;
	text-transform:capitalize;
	font-size:16px;
	text-align:left;
}
#detailBody2 p, #detailSideBar2 p {
    font-family:Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	font-size:13px;
	line-height:14px;
	margin:0 0 1em 0;
}

#detailBody2 a {
    font-family:Arial, Helvetica, sans-serif;
	color:#4C4C4C;
	font-size:12px;
	line-height:14px;
	margin:0 0 1em 0;
	text-decoration:underline;
	font-weight:800;
}



.line { 
	text-align:center;
	background:url(../images/bgDottedRule.gif) repeat-x top;
	margin: 20px auto;
	height: 1px;
	width: 90%;
}

#detailBody2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:25px;
	font-stretch:condensed;
	margin:10px 0 10px 0;
}
#detailBody2 h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	margin:0 0;
}
#detailSideBar2 {
	display:block;
	float:left;
	width:160px;
	text-align:left;
	padding:20px 0px 0 20px;
}
#detailSideBar2 a {
	color:#2d2d2d;
	text-decoration:underline;
	font-weight:bold;
}
#detailSideBar {
	display:block;
	float:left;
	width:160px;
	text-align:left;
	padding:20px 0px 0 20px;
}
#detailSideBar a {
	color:#2d2d2d;
	text-decoration:underline;
	font-weight:bold;
}
#detailSideArchive {
	display:block;
	float:right;
	width:120px;
	text-align:left;
	padding:20px 0px 0 70px;
}
#detailSideArchive a {
	color:#2d2d2d;
	text-decoration:underline;
	font-weight:bold;
}
#sideheaderimg {
	background:url(../images/bgDottedRule.gif) repeat-x bottom;
	width:178px;
	}
	
	
	/* links page devision cols */
	
	#links a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:underline;
	font-size:11px;
	padding: 0px 0px 0px 8px;
	}
	
	#links h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#7E7E7E;
	font-weight:bold;
	font-stretch:expanded;
	font-size:14px;
	padding: 20px 0px 5px 0px;
	}
	
	#links{
	width:660px;
	padding:0;
	margin: 0;
	float:left;
	}
	#links a{
	color:#333333;
	
	}
	
     /* end -------> links page devision cols */
	
	
	
/* these are all of the side bar headers? 
____________________________________________*/
	
#sidenavHeading {
	background:url(../images/sidenavHeading.gif);
	text-indent:0px;
	display:block;
	width:179px;
	height:32px;
	margin:0px 0 0 0;
}
/* this is where the sidebar headers end */

.sidenav {
	list-style:none;
	padding:18px 0;
}
.sidenav li {
	background:url(../images/bgDottedRule.gif) repeat-x bottom;
	padding:18px 0;
	width:178px;
	font-size:11px;
}
.sidenavArchive {
	list-style:none;
	background:url(../images/bgDottedRule.gif) repeat-x top;
	padding: 10px 0 0 0;
}
.sidenavArchive li {
	padding:10px 0;
	width:178px;
	font-size:11px;
	line-height:0px;
}
/* e-mail form styels for the Mac*/
  
 .buttonSubmit{
	width:69px;
	height:26px;
	color:#000;
	font-weight:bold;
	padding:2px 5px;
	background:url(../images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}
.formback {
	background-color:#f1ebdf;
	padding: 10px 10px 10px 10px;
}
.textarea{
	width:492px;
	height:123px;
	background:url(../images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:no-repeat left bottom;
}
.textinput{
	width:492px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position: no-repeat left bottom;
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#303030;
}
label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
img.floatLeft {
	float: left;
	margin: 3px 15px 10px 0px;

}
img.floatRight {
	float: right;
	margin: 3px 10px 10px 10px;
}


.speak li {
	margin:0;
	padding:8px;
	height:15px;
	list-style:inside;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#030303;
}
/*  global styles  */

/*  - global.css
------------------------------*/


* {
	margin:0;
	padding:0;
}
p, h1, h2, h3, h4, h5, h6, ul, ol, li {
	margin:0;
	padding:0;
}
a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}
/* Global Styles
--------------------*/


.clear {
	clear:both;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.fl-r {
	float:right;
}
.fl-l {
	float:left;
}
.arrow {
	background:url(../images/arrow.gif) no-repeat left center;
	padding:20px 0 0 12px;
	float:right;
	height: 33px;
}
.arrow2 {
	background:url(../images/arrow.gif) no-repeat left center;
	padding:0px 0 0 16px;
}
.dottedRule {
	background:url(../images/bgDottedRule.gif) repeat-x top;
	height:1px;
}
/* Header Styles
--------------------*/


#banner {
	position:relative;
	width:876px;
	margin:0 auto;
 background:# color:#5c0f05;
url(../images/bgHomeBanner.gif) repeat-x top;
	text-align:left;
	height:210px;
	z-index: 1000;
}
#banner a#flag {
	width:231px;
	height:108px;
	position:absolute;
	left:-40px;
	top:-37px;
	background:url(../images/flag.png) no-repeat;
	_background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.bobmaconbusiness.com/site/images/flag.png', sizingMethod='crop');
	display:block;
	text-indent:-9999px;
}
#banner h1 {
	color:#fff;
	font:bold 13px Trebuchet MS, Arial, Helvetica, sans-serif;
	background:url(../images/bgHomeBannerheading.gif) no-repeat;
	width:876px;
	height:38px;
	margin:0;
	padding:8px 0 0 0;
	text-align:center;
}
#homeBannerContent {
	color:#510c03;
	margin:0;
	z-index: -1;
}
#banner p {
	margin:0;
}
#banner h2 {
	margin:15px 0 11px 0;
	_margin:15px 0 0 0;
	background:url(../images/homeBannerHeading.png) no-repeat;
	_background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.bobmaconbusiness.com/site/images/homeBannerHeading.png', sizingMethod='crop');
	width:526px;
	height:18px;
	text-indent:-9999px;
}
#banner p {
	font-size:14px;
	margin-bottom:1em;
	width:589px;
}
#banner #bannerPic {
	background:url(../images/bob.png) no-repeat;
	_background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/bob.png', sizingMethod='crop');
	width:255px;
	height:228px;
	position:absolute;
	right:0;
	bottom:0;
}
/* Main Nav Styles
--------------------*/

#mainNav ul {
	list-style:none;
	margin:0 auto;
	padding:0 0 0 0;
	width:880px;
	height:50px;
}
#mainNav ul li {
	margin:0;
	padding:0;
	height:50px;
	display:block;
	float:left;
	text-indent:-9999px;
}
#mainNav ul li a {
	height:40px;
	display:block;
	
	}
#mainNav ul li#navhome a {
	width:111px;
}
#mainNav ul li#navhome a:link, #mainNav ul li#navhome a:visited {
	background:url(../images/home.gif) no-repeat;
}
#mainNav ul li#navhome a:hover, #mainNav ul li#navhome a:active {
	background:url(../images/homeroll.gif) no-repeat;
}
#mainNav ul li#navhome.selected a {
	background:url(../images/homeroll.gif) no-repeat;
}


#mainNav ul li#navblog a {
	width:109px;
}
#mainNav ul li#navblog a:link, #mainNav ul li#navblog a:visited {
	background:url(../images/blog.gif) no-repeat;
}
#mainNav ul li#navblog a:hover, #mainNav ul li#navblog a:active {
	background:url(../images/blogroll.gif) no-repeat;
}
#mainNav ul li#navblog.selected a {
	background:url(../images/blogroll.gif) no-repeat;
}
#navprinc a {
	width:110px;
}
#navprinc a:link, #navprinc a:visited {
	background:url(../images/princ.gif) no-repeat;
}
#navprinc a:hover, #navprinc a:active, #mainNav ul li#navprinc.selected a {
	background:url(../images/princroll.gif) no-repeat;
}
#navbook a {
	width:109px;
}
#navbook a:link, #navbook a:visited {
	background:url(../images/book.gif) no-repeat;
}
#navbook a:hover, #navbook a:active, #mainNav ul li#navbook.selected a {
	background:url(../images/bookroll.gif) no-repeat;
}
#navchron a {
	width:110px;
}
#navchron a:link, #navchron a:visited {
	background:url(../images/chron.gif) no-repeat;
}
#navchron a:hover, #navchron a:active, #mainNav ul li#navchron.selected a {
	background:url(../images/chronroll.gif) no-repeat;
}
#navspeaking a {
	width:109px;
}
#navspeaking a:link, #navspeaking a:visited {
	background:url(../images/speaking.gif) no-repeat;
}
#navspeaking a:hover, #navspeaking a:active, #mainNav ul li#navspeaking.selected a {
	background:url(../images/speakingroll.gif) no-repeat;
}
#navcontact a {
	width:110px;
}
#navcontact a:link, #navcontact a:visited {
	background:url(../images/contact.gif) no-repeat;
}
#navcontact a:hover, #navcontact a:active, #mainNav ul li#navcontact.selected a {
	background:url(../images/contactroll.gif) no-repeat;
}
#navask a {
	width:112px;
}
#navask a:link, #navask a:visited {
	background:url(../images/ask.gif) no-repeat;
}
#navask a:hover, #navask a:active, #mainNav ul li#navask.selected a {
	background:url(../images/askroll.gif) no-repeat;
}
/* Main Content Styles
------------------------*/
#mainContent {
	width:910px;
	margin:0 auto;
	padding:0 0 0 0;
}

/* Footer Styles
--------------------*/

#footer {
	clear:both;
	color:#420801;
	font-size:11px;
	padding: 10px 0 0px 0;
	background:  transparent url(../images/bgFooter.gif) no-repeat top;
}
#footer a {
	color:#808080;
}
#footer ul {
	margin:0 auto 10px auto;
	padding:0;
	list-style:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#footer ul li {
	margin:0;
	padding:0 7px 0 9px;
	border-right:1px solid #9b9b9b;
	display:inline;
}
#footer ul li:last-child {
	border-right:none;
}
#footer p {
	clear:both;
	color:#c8c8c8;
}
#footer p span, #footer p span a {
	color:#b2b2b2;
}