/*
 
 STYLE SHEET FOR YORK PROFESSIONAL CARE & EDUCATION
 Created by Troy Ricci - www.SoloDesign.ca
 www.yorkprofessionalcareandeducation.ca
 
 /* --------- 1. defaults  --------- */
* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #e7eff5;
    background-image: url(../imgs/body_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
/*  --------- 2. structure  --------- */
#wrapper {
    position: relative;
    background-image: url(../imgs/page_bg.gif);
    background-repeat: repeat-y;
    background-position: center;
}

#masthead {
    height: 166px;
}

#masthead p {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #236AA8;
	margin-left: 18px;
	display: block;
	line-height: 26px;
	margin-top: 10px;
	padding-left: 0px;
	font-style: italic;
}

#centre {
    background-image: url(../imgs/top.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 700px;
    width: 882px;
    margin-right: auto;
    margin-left: auto;
}

#logo {
    height: 119px;
    width: 267px;
}

#content {
    background-image: url(../imgs/page_bg.jpg);
    background-repeat: repeat-y;
    width: 882px;
}

#main_col {
    width: 628px;
    float: right;
    margin-right: 10px;
}

#main_col p {
    margin-left: 50px;
    margin-right: 25px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    margin-bottom: 15px;
}
table {
	width: 553px;
	margin-left: 45px;
	margin-top: 15px;
	margin-bottom: 15px;
}
td {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.odd {
	background-color: #E7EFF5;
}



#main_col .testimony p {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
}

#main_col ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    margin-left: 80px;
    line-height: 1.9em;
    margin-bottom: 25px;
}

#main_col ol {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    margin-left: 80px;
    line-height: 1.9em;
    margin-bottom: 25px;
    padding-right: 25px;
}

#main_col ul li {
    list-style-image: url(../imgs/bullet2.png);
}

#main_col .box p {
    margin: 0px;
    padding: 0px;
    color: #333333;
}

* html #main_col {
    margin-right: 0px;
}

#main_col a {
    text-decoration: none;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666666;
    font-weight: bold;
}

#banner, #banner2, #banner3 {
    height: 174px;
    width: 638px;
    background-image: url(../imgs/banner1.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

#banner2 {
    background-image: url(../imgs/banner2.jpg);
}
#banner3 {
    background-image: url(../imgs/banner3.jpg);
}

#footer {
	display: block;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 78px;
	line-height: 78px;
	background-image: url(../imgs/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 50px;
	margin-right: 0px;
	font-style: italic;
	padding-bottom: 50px;
	width: 620px;
	float: right;
}
#footer p {
	float: right;
	margin-top: 25px;
	margin-right: 100px;
	font-size: 12px;
}


.box {
    width: 240px;
    float: left;
    padding: 10px;
    margin-right: 15px;
    margin-bottom: 20px;
    height: 115px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b8d8f2;
    background-image: url(../imgs/box_bg.jpg);
    background-repeat: repeat-x;
}

.big_box {
    width: 555px;
    margin-left: 50px;
}

.testimony {
    width: 400px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    background-image: url(../imgs/box_bg.jpg);
    background-repeat: repeat-x;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b8d8f2;
    margin-bottom: 25px;
    margin-top: 15px;
}

.pdf {
    display: block;
    float: left;
    padding-right: 20px;
    background-image: url(../imgs/pdf.png);
    background-position: right;
    background-repeat: no-repeat;
    margin-right: 10px;
}

#sub_footer {
    width: 628px;
    float: right;
    height: 75px;
    background-color: #FFFFFF;
    margin-right: 10px;
    padding-bottom: 35px;
    text-align: center;
}

#sub_footer a img {
    margin-right: 25px;
    margin-left: 25px;
}

* html #sub_footer {
    width: 618px;
}
/*IE7 Filter *:first-child+ html #sub_col { }*/
*:first-child + html #sub_col {
}

*:first-child + html {
}

#news {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 20px;
    background-color: #246AA8;
    /*color: #FFFFFF;
	font-size: 12px;*/
    margin-top: 20px;
}

#news p {
    /*font-family: Arial, Helvetica, sans-serif;
	font-style: italic;*/
    line-height: 1.4em;
}

.blurb {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #E7EEF4;
    margin-top: 10px;
}

.date {
    font-style: italic;
    font-weight: bold;
}

#news h3 {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    margin-bottom: 8px;
}
/*IE7 Filter*/
.right_img {
    float: right;
    margin-left: 15px;
    margin-top: 10px;
}

.separator {
    clear: both;
    height: 0;
}
/* ---------- 3. links and navigation ---------- */
#top_links {
    width: 500px;
    float: right;
    padding-top: 40px;
    display: block;
}

#top_links a:hover {
    text-decoration: underline;
}

#top_links a {
    text-decoration: none;
    color: #FFFFFF;
    float: left;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    padding-right: 20px;
    height: 15px;
    line-height: 15px;
    background-image: url(../imgs/dots.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-left: 20px;
}

* html #top_links li {
    float: left;
}

*:first-child + html #top_links li {
    float: left;
}

#top_links ul {
    margin-left: 200px;
}

#top_links a.last {
    background-image: none;
}

#navContainer {
    background-color: #e7eef4;
    width: 244px;
    background-image: url(../imgs/nav_shadow.gif);
    background-repeat: repeat-y;
    float: left;
}

#navigation a {
    text-decoration: none;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #246AA8;
    height: 40px;
    width: 222px;
    display: block;
    line-height: 36px;
    padding-left: 20px;
    background-image: url(../imgs/nav_hr.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-weight: bold;
}

#navigation ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF4500;
	background-image: none;
}

#navigation ul li.locate ul#locations li a,
#navigation ul li.programs ul#locations li a,
#navigation ul li.jobs ul#locations li a {
    margin-left: 25px;
    background-image: url(../imgs/bullet.gif);
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    color: #246AA8;
    width: 195px;
    background-repeat: no-repeat;
    background-position: left center;
	background-color:#E7EEF4;!important
}

#navigation ul li ul#locations li a:hover {
    background-color: #E7EEF4;
    text-decoration: underline;
}

#navigation ul li ul#locations {
    margin-bottom: 10px;
    margin-top: 10px;
}
/* current page styles*/

#home #navigation .home a,
#locate #navigation .locate a,
#programs #navigation .programs a,
#care #navigation .care a,
#camps #navigation .camps a,
#test #navigation .test a,
#jobs #navigation .jobs a,
#events #navigation .events a {
	text-decoration: none;
	color: #ffffff;
	background-color: #FF4500;
	background-image: none;
}

/* ---------- 4. fonts ---------- */
h1 {
    display: block;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    height: 80px;
    line-height: 78px;
    background-image: url(../imgs/footer_bg.gif);
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 20px;
    margin-bottom: 5px;
    padding-left: 50px;
    margin-right: -9px;
    font-style: italic;
}

h2 {
    font-family: Arial, sans-serif;
    font-weight: strong;
    color: #2b5275;
    line-height: 18px;
    margin-bottom: 18px;
    font-size: 17px;
    padding-bottom: 10px;
    color: #FF4500;
    margin-left: 50px;
    margin-right: 25px;
    padding-top: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d8e7ba;
}
#news h3 {
	font-size: 14px;
}


strong {
    color: #759B26;
}

.bold {
    font-weight: bold;
}

.emph {
	font-style: italic;
}

ul {
    list-style-type: none;
}
/* ---------- 5. images ---------- */
a img {
    border: 0;
}
/* ---------- 6. hacks ---------- */
body { /* IE 5 centring bug fix */
    text-align: center;
}

#wrapper {
    text-align: left;
}
.thumb {
	float: right;
	background-color: #E7EFF5;
	padding: 4px;
	border: 1px solid #D8E7BA;
	margin-bottom: 15px;
	margin-left: 15px;
}

.left-thumb {
	float: left;
	background-color: #E7EFF5;
	padding: 4px;
	border: 1px solid #D8E7BA;
	margin-bottom: 15px;
	margin-right: 15px;
}
h2.events_heading {
	text-align: left;
	color: #FFFFFF;
}
#news a.more {
	text-decoration: none;
	margin-top: 10px;
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

