﻿/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */

#body .adCenterClass{margin:0 auto}
*{border: 0;margin: 0;}
.style7 {background-color: #FFFFFF;}

body {font: 17px/1.8 "Open Sans", Arial, sans-serif; color: #666666; margin: 0; padding: 0; text-align: center;}
p {margin-bottom: 1em; text-align: justify;}

a:visited {color: #0000ab; text-decoration: underline;}
a:link {color: #0000ab; text-decoration: underline;}
a:hover	{ text-decoration: underline; color : red;}


.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
.center {text-align:center;}


.hlight {font-size: 19px; margin-left: 1.5em; margin-right: 1.5em; color: #990000; text-align : left; text-shadow: #aaa 1px 1px 2px; font-weight:bold;}
.block {padding: 0px 40px 0px 40px; line-height:2.0em; line-height: 150%; font: 16px/1.6 "Trebuchet MS", verdana, arial, tahoma; color: #003399;}
.bigger { margin-left: 4em; margin-right: 4em; font: 18px/2.0 "Trebuchet MS",Arial,Helvetica,sans-serif; color: #C71585;}
.small { font: 13px Verdana, sans-serif; line-height: 1.3em; margin: 20px 10px 20px 10px; padding-bottom: 16px; color: #444; text-align: center;}
.block {padding: 0px 40px 0px 40px; line-height: 2.0em; font: 18px/1.6 "Trebuchet MS", verdana, arial, tahoma; color: #6244DB; text-align: left; font-weight:bold;}
.hd {font-weight:bold; text-transform:uppercase;}
.big {margin: 2em; padding : 20px; line-height : 1.55; text-align : left; border-bottom: 1px solid #ccc; color: #006699;}

.bluebar {margin: 30px; text-align:center; height:1px; }

/** HEADINGS */

h6 { font-size:1.0em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0000CC;  text-align:center; margin: 20px; text-shadow:#eee 1px 1px 2px;}
h5 { font-size:1.2em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0000CC;  text-align:center; margin: 30px; text-shadow:#eee 1px 1px 2px;}
h4 { font-size:1.4em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0000CC;  text-align:center; margin: 40px; text-shadow:#eee 1px 1px 2px;}
h3 { font-size:1.6em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0000CC;  text-align:center; margin: 45px; text-shadow:#eee 1px 1px 2px;}
h2 { font-size:1.8em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0000CC;  text-align:center; margin: 47px; text-shadow:#eee 1px 1px 2px;}
h1 { font-size:2.0em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0000CC;  text-align:center; margin: 50px; text-shadow:#eee 1px 1px 2px;}

.img_l {float:left; margin-right: 18px;}
.img_r {float: right; margin-left: 18px;}
.ctr {text-align: center; }

/* Set the page width */
#wrapper-footer {width: 85%; margin: 0 auto; text-align: left;}
#wrapper-content {width: 85%; margin: 0 auto; text-align: left;}
#wrapper-content ul {margin:20px 0 20px 70px; padding:0; color: #990000;}
#wrapper-content ol {margin:5px 0 5px 30px; padding:0;}
#wrapper-content li {text-align: left; margin-left: 20px; margin-right: 20px; color:#036cb6;}
#wrapper-content img {border:0;}
#wrapper-content br {line-height:7px;}
#wrapper-content .clear {clear:both;}


#header { width: 85%; margin: 0 auto; text-align: left;}
#header h1 { margin: 0 20px; padding-left: 20px; height: 192px; line-height:3em; color: #fff; font-size: 130%; letter-spacing: 0.15em;}
#header {background: #eee url('images/scarborough1.jpg') no-repeat center top;}

#wrapper-menu-top {width: 85%;margin: 0 auto; text-align: left;}
#wrapper-menu-top {	background: white url('images/bg02-white-left.png') no-repeat left top;}

#menu-top {	background: url('images/bg02-white-right.png') no-repeat right top;	overflow: hidden}
#menu-top ul { margin: 0 20px; padding: 1em 0 0 0; list-style: none; font-size: 85%; float: left;}
#menu-top li { display: inline;	float: left;}
#menu-top a {float: left; background:url('images/menuleft.png') no-repeat left top; margin:0; text-decoration:none;	line-height: 1.5em; padding: 0 0 0 4px;}
#menu-top a span {background: url('images/menuright.png') no-repeat right top; color:#5b8fbe; display: block; float: left;cursor: pointer; padding: 5px 15px 4px 6px;}
#menu-top a:hover {background-position:0% -42px; }
#menu-top a:hover span {background-position:100% -42px; }


#wrapper-header {
	background: url('images/bg.png') repeat-x top center;
}


#wrapper-header2 {
	background: url('images/bg02-blue-left.png') no-repeat top left;
}

#wrapper-header3 {
	background: url('images/bg02-blue-right.png') no-repeat top right;
}

#wrapper-header3 h1 {
	margin: 0 20px;
	padding-left: 20px;
	height: 192px;
	line-height: 3em;
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.15em;
	text-align:left;
	font-family: arial, sans-serif;
	font-weight: normal;
	text-shadow:#000 2px 2px 5px;
}

#wrapper-header3 a{color: #FFFFFF; text-decoration: none; text-shadow:#000 }
#wrapper-header3 a:visited {color: #FFFFFF; text-shadow:#000 2px 2px 5px;}
#wrapper-header3 h1 a:hover {color: aqua; text-decoration: underline; text-shadow:#000 2px 2px 5px;}


#wrapper-content {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

#content {
	background: url('images/bg02-white-right.png') no-repeat right top;
	padding-left:40px; padding-right:40px; padding-top:5px; padding-bottom:5px
}



* html #wrapper-menu-page { margin-right: 15px; }

#wrapper-menu-page {
	float: right;
	width:320px;
	height: auto;
	padding: 0 20px 0 20px;
	background: url('images/menu.png') no-repeat;
	text-align: left;
    margin: 20px 30px 10px 5px;
   /* border: 1px solid #ddd;
	box-shadow:#CCC 2px 2px 5px;
	background-color: #FAFAFA;*/
}

#menu-page {margin: 0;}
#menu-page p {margin-top: 15px; color: #5b8fbe; font: 16px/1.8 "Trebuchet MS", arial, tahoma, sans-serif; letter-spacing: 0.1px;}
#menu-page li { font: 12px/1.8 verdana, arial, tahoma, sans-serif;}
#menu-page ul {	margin-left: 10px; padding: 0; }
#menu-page a { color:#5b8fbe;}
#menu-page a:hover { color:red; text-decoration:underline;}

.red {
	color:red;
}


#box {
	/*float: rightt;*/
	width:660px;
	padding: 20px;
	border: 1px solid #ccc;
	background: url('images/box.png') repeat-x;
	text-align: left;
	line-height: 120%;
	font-family: trebuchet ms, verdana, arial, tahoma;
	margin-left:2em; margin-right:30px; margin-top:20px; margin-bottom:3em;
	
}
		

.center {text-align:center;}

#boxb {
	/*float: rightt;*/
	width:85%;
	padding: 20px;
	border: 1px solid #ccc;
	background: url('images/box.png') repeat-x;
	text-align: center;
	line-height: 120%;
	font-family: trebuchet ms, verdana, arial, tahoma;
	margin-left:2em; margin-right:30px; margin-top:20px; margin-bottom:3em;
	
}
#boxin {
	
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: bold;
	text-align: center;
	/*letter-spacing: 0.15em;*/
}

div.hr { height: 1px; background: #e5e4df url(images/bluebar.jpg) no-repeat scroll center; margin: 20px auto; width: 800px;}
div.hr hr { display: none;}
.razd_h { border-top: 1px solid #ccc; width: 660px; margin: auto;}


.uak {
  color: black;
  font-size: 11px;
  font-family: Verdana,sans-serif;
  font-style: italic;
  padding-bottom: 2px;
  text-align: center;
}



.small { text-align:center; font-size: 13px;}

.QBox {
	background: #ffffff url('images/q-l.png') no-repeat left top;
  	margin: 15px 50px;
	border: 1px solid #ccc;
	text-indent:10px;
	margin-bottom: 25px;
	margin-top: 25px;
  
}
.QBox div {
  background: url('images/q-r.png') no-repeat right bottom;
  padding: 15px 30px 15px 15px;
  font-style: normal;
  font-size: 15px;
  font-family: Arial;
  margin-top: 0;
 
}



blockquote {
	margin: 3em;
    padding: 20px 30px 20px 30px;
  	line-height:1.5em;
  	border: 1px solid #ccc;
  	text-align:left;
	line-height: 200%;
  	background: #fff url('images/box.png') repeat-x;
	box-shadow: 0px 0px 10px #333;
    	-moz-box-shadow: 0px 0px 10px #333;
    	-webkit-box-shadow: 0px 0px 10px #333;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px
}






.gray  {
		
		border-left: 5px solid #7f7d99; 
		border-right: 5px solid #7f7d99; 
		border-top: 1px solid #7f7d99; 
		border-bottom: 1px solid #7f7d99; 
	    margin: 3em;
        padding: 20px 30px 20px 30px;
		text-align:left; 
		background: #fff url('images/box.png') repeat-x;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 10px #333;
    	-moz-box-shadow: 0px 0px 10px #333;
    	-webkit-box-shadow: 0px 0px 10px #333;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-khtml-border-radius: 6px;
    	-webkit-border-radius: 6px

    	}

.q-2 {background: url('images/quotes_small2.png') 0 0 no-repeat;display: inline-block;height: 16px;margin: 3px 0 0 6px;vertical-align: bottom;width: 22px;}

#footer {margin: 0 auto;  font-size: 13px; float:left; width:100%; background-image:url(images/footerbg.gif); background-repeat:repeat-y; background-position:center;} 
#footer .content {width:820px;margin: 0 auto; padding:15px 0 0 20px; height:120px; text-align:center;}
#footer .content .bottomlinks a{ text-transform: uppercase; color:#FFFFFF; margin-right:30px; text-decoration:none; text-shadow: 1px 1px 2px black;}
#footer .content .bottomlinks a:hover{text-decoration:underline; color : yellow;}
#footer .content .otherlinks{padding:10px 0; color:#FFFFFF; font-size:1em; border-bottom:1px dotted #FFFFFF;}
#footer .content .otherlinks a{color:#FFFFFF; text-decoration:none;text-shadow: 1px 1px 1px black;}
#footer .content .otherlinks a:hover{text-decoration:underline;}
#footer .content .copy{padding:15px 0; color:#FFFFFF; font-size:0.7em; text-transform:uppercase;letter-spacing:2px; text-shadow: 1px 1px 1px black;}

