/* CSS Document */
*
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#3d3c3c;
}
body
{
	text-align:center;
}
p{ margin:15px 0px;}

#wrapper
{
	margin:0 auto;
	text-align:left;
	width:832px;
}
#banner
{
background-image:url(../images/topbar.gif);
background-repeat:no-repeat;
background-position:top;
text-align:center;
padding-top:50px;
padding-bottom:25px;
}
h1
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 26px;
    margin-bottom: 10px;
    text-align: left;
    color: #3d3c3c;
}
h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	margin-bottom:5px;
}
h6
{
    color: #999999; 
    font-size: 10px; 
    text-align: left; 
    font-family: Arial;
}
/*.blog
{
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 20px;
	margin-bottom: 5px;
	color: #7D0000;
	text-decoration: none;
}*/
#guts a, #side-3c a
{
    font-family:Arial, Helvetica, sans-serif;
	color:#b02d2e;
	text-decoration:none;
}

#guts a:hover, #side-3c a:hover
{
	text-decoration:underline;
}

#picture
{
text-align: center; 
width: 412px;
height: 123px;
padding-bottom: 10px;
}

.picborder
{
border: medium solid #ebeaea;
width: 412px;
height: 123px;
}

.picborder:hover
{
border: medium solid #b02d2e;
width: 412px;
height: 123px;
}

a.textlink:link, a.textlink:visited
{
	font-family:Arial, Helvetica, sans-serif;
	color:#b02d2e;
	text-decoration:none;
}
a.textlink:hover
{
	text-decoration:underline;
}

a.articlelink:link, a.articlelink:visited
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}
a.articlelink:hover
{
	text-decoration:underline;
	color: #b02d2e;
}

a.resheadlink:link, a.resheadlink:visited
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	text-decoration:none
}
a.resheadlink:hover
{
	text-decoration:underline;
	color: #b02d2e;
}


.greytext
{
    color: #a4a4a4;
}
.pad10
{
	padding:10px;
}
.top10
{
	margin-top:10px;
}



/*Content Area CSS Start*/

#contentarea
{
	text-align:justify

}
b.heavy
{
    font-weight: bold;
}

.divider
{
	background-image:url(../images/divider.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:15px;
	margin-bottom:10px;
}
.divider_simple
{
	border-top:1px solid #ebeaea;
	height:15px;
}
.post
{
	padding-bottom:10px;
}
.post h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:40px;
	font-size:26px;
	background-image:url(../images/post_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:5px;
}
.post h2, .post h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:40px;
}
.post h2
{
	font-size:24px;
	background-image:url(../images/post_arrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:5px;
}
.post h2 a
{
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;	
	text-decoration: none;

}

.post h3
{
	color:#a4a4a4;
	font-size:18px;
	padding-left: 60px;
}
.post div
{
	padding-left:40px;
	text-align:justify
}
.post .bigtext, .bigtext
{
	margin:0px 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	background-color:#ebeaea;
	border:1px solid #cac9c9;
	border-left-style:none;
	border-right-style:none;
	padding:15px;
	text-align:left
}
.bigtext
{
	margin:0px;
}

/*Content area CSS end*/


/*2 column CSS Start*/
#side-2a {
	float: left;
	width: 575px;
	padding-right:10px;
}

#side-2b { 
	margin: 0;
	float: right;
	width: 200px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

/*2 column CSS End*/

/*3 column CSS Start*/
#side-3a {
	float: left;
	width: 175px;
	margin-right:10px;
}

#side-3b { 
	margin: 0;
	margin-right: 10px;
	float: left;
	width: 425px;
	padding-right:10px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#side-3c
{
	margin: 0;
	float: right;
	width: 200px;
	height: 1% /* Holly hack for Peekaboo Bug */
}
#side-3a li
{
	margin-left:15px;
	list-style:none;
	margin:20px;
}
#side-3a li:hover, body.design #side-3ab #des, body.ppc #side-3ab #ppc, body.email #side-3ab #email, body.soc #side-3ab #soc, body.seo #side-3ab #seo, body.resource #side-3ab #resource, body.useful-tools #side-3ab #useful-tools
{
	list-style-image:url(../images/nav_bullet.gif);
	
}
#side-3a li a:link, #side-3a li a:visited
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-decoration:none;
	padding-bottom:8px;
	border-bottom:1px solid #ece9e9;
}
#side-3a li a:hover, body.design #side-3ab #a-des, body.ppc #side-3ab #a-ppc, body.email #side-3ab #a-email, body.soc #side-3ab #a-soc, body.seo #side-3ab #a-seo, body.resource #side-3ab #a-resource, body.useful-tools #side-3ab #a-useful-tools
{
	color:#b02d2e;
}
#side-3a li a.last
{
	border-bottom:0px;
}
/* my attempts at highlighted side menu items*/
body.design #side-3a #design a
{
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding-bottom:8px;
	border-bottom:1px solid #ece9e9;
	color:#b02d2e;
}
  
/*3 column CSS End*/


/*Right Section CSS Start*/
.quote
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	background-image:url(../images/quote_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#4f4f4f;
	line-height:24px;
}
.owner
{
	text-align:right;
	font-size:16px;
	color:#9b0d0d;
}
.owner div
{
	font-size:14px;
	color:#888;
}
/*Right Section CSS End*/

/*About CSS start*/
.profile
{
	background-color:#b02d2e;
	text-align:right;
	

}
.profile div
{
	float:left;
	text-align:left;
	color:#ccc6c6;
	padding:10px 10px 10px 10px;
	text-transform:uppercase;
}
.profile h2
{
	color:#fff;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:capitalize
}
/*About CSS end*/


/*Resources start*/
.reslinks
{
	margin-bottom:15px;
	text-align:center
}
.reslinks a:link, .reslinks a:visited
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	padding:0px 10px;
	line-height:20px;
	border-right:1px solid #ccc;
	text-decoration:none
}
.reslinks a:hover
{
	text-decoration:underline;
	color:#b02d2e;
}
.reslinks a.last
{
	border:none
}
/*Resources end*/



/*Footer Area CSS Start*/
#footer
{
	background-color:#595858;
	background-image:url(../images/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:10px;
	padding-top:5px;
	clear:both;
	margin-top:15px;
}
#footer div
{
	color:#fff;
}
#footer h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	margin-bottom:5px;
	color:#fff;
}
#footer a:link, #footer a:visited
{
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}
#footer #copyrights, #footer #contact
{
	font-size:12px;
	margin-top:5px;
}
#footer #contact
{
	float:right;
	text-align:right;
}
/*Footer Area CSS End*/





/*Top navigation section start*/
#navigation
{
	width:620px;
	margin-top:5px;
	background-image:url(../images/nav_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0 auto;
	height:70px;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar {}
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	font-size: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #595858;
}
#p7menubar a.trigger {
	padding: 8px 25px 8px 23px;
	color:#595858;
}
#p7menubar a.trigger:hover, #p7menubar a.trigger:active
{
	background-color:#595858;
	color:#fff;
}
#p7menubar li {
	float: left;
	border-right:1px solid #ddd;
	/*		background-color:#eae8e8;*/
}
#p7menubar li.lastnav
{
	background-image:none;
	border-right:none
}
#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 12em;
	background-color:#eae8e8;
	border-bottom:1px solid #ddd;
	background-image:none;
}
#p7menubar ul li:hover
{
	background-color:#595858;
}
/* my own touch below*/
body.contact #p7menubar #contact a, body.s #p7menubar #s a, body.r #p7menubar #r a, body.a #p7menubar #a a, body.resource #p7menubar #r a, body.useful-tools #p7menubar #r a
{
    background-color:#595858;
    color:#fff !important;
}
#p7menubar #services a
{
    background-color:#595858;
    color:#fff !important;
}
#p7menubar ul li a  {
	color: #fff;
	border-right: 0;
	padding: 9px 12px 9px 13px;
	font-size:17px;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	border: 1px solid #fff;
	border-bottom-style:none;
	background-color: #3792bf;
}
#p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color:#fff;
	background-color:#595858;
}
#p7menubar li:hover a.trigger
{
	background-color:#595858;
	color:#fff;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
	background-color: #fff;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #595858;

}
#p7menubar ul a:hover {
	color: #fff !important;
}
/*#p7menubar a:active, #p7menubar li.p7hvr a {
	color:#fff;
	background-color:#595858;
}*/

/*Top navigation section end*/
.stats
{
	font-size:12px;
}
.stats .head
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	background-color:#ebeaea;
	background-image:url(../images/stats_bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	border-top:1px solid #cac9c9;
	padding:5px 10px 15px 10px;
	text-align:left;
	margin-bottom:10px;
}
.stats p
{
	font-size:12px;
}
.stats a:link
{
	font-size:12px;
	color:#b02d2e;
	text-decoration:none;
}
.stats a:hover
{
	text-decoration:underline
}




.contacts .head
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#fff;
	font-style:italic;
	background-color:#b33536;
	background-image:url(../images/contacts_bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	border-top:1px solid #cac9c9;
	padding:5px 10px 18px 10px;
	text-align:left;
	margin-bottom:10px;
	margin-right: 183px;
	text-decoration:none;
}
.contacts a:link
{
	/*font-size:12px;
	color:#b02d2e;*/
	text-decoration:none;
}

.contacts a:hover
{
	text-decoration:underline;
}


/*Stats and Contact Column CSS end*/

.tools
{
	height: 96px;
	width: 433px;
}

.grader
{
	padding-left:40px;
	padding-bottom:10px;
	padding-right: 25px;
}

img.tools 
{
    position: absolute;
    height: 29px;
    width: 29px;
    padding-left: 0px;
 }


.grader h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}