/******************************************************** Page Elements */
body {
    margin: 0;
    padding: 0;
    color: #333;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:13px;
    background: #3D568C url("../images/stripe_bg.png");
    text-align: center;
    }
	
h1 {
    background:   url("../images/logo.gif");
    width: 430px;
    height: 80px;
    overflow: hidden;
    margin: 0;
    }

h1 span {
    display: none;
    }

h2 {
    margin: 30px 0 10px 0;
    }
	
h4 {
	margin-bottom:0;
	}

/******************************************************** Link Styling */
a {
    color: #3D568C;
    }
a:hover {
    color: #D60808;
    }

#linkList a:link {
	text-decoration: none;
	color: #3D568C;
	}

#linkList a:visited {
	text-decoration: none;
	color: #3D568C;
	}

#linkList a:hover, a:active {
	text-decoration: underline;
	background: transparent;
	color: #D60808;
	}

#footer a:link {
	text-decoration: underline;
	color: #fff;
	}

#footer a:visited {
	text-decoration: underline;
	color: #fff;
	}

#footer a:hover, a:active {
	text-decoration: underline;
	background: transparent;
	color: #D60808;
	}

#footerHome a:link, #summaryText .homePage a:link {
	text-decoration: underline;
	color: #fff;
	}

#footerHome a:visited, #summaryText .homePage a:visited {
	text-decoration: underline;
	color: #fff;
	}

#footerHome a:hover, a:active {
	text-decoration: underline;
	background: transparent;
	color: #D60808;
	}

#summaryText .homePage a:hover, a:active {
	text-decoration: underline;
	background: transparent;
	color: #D60808;
	}
	
/******************************************************** Header Styles */
#pageHeader {
    position: absolute;
    top: 25px;
    left: 40px;
    }
	
#summaryText {
    padding-top: 105px;
    }
	
#summaryText .mea {
    font-size: 12px;
    position: absolute;
    top: 78px;
    right: 20px;
    margin: 0;
    }	

/**************************************** Container Styles */
#container {
    margin: 0 auto;
    width: 724px;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
	border: 1px solid #000
    }
* html #container {
    width: 744px;
    w\idth: 724px;
    }

/************************* Default Template Style */
#container #intro #summaryText .p1 {
    font-size: 11px;
    height: 185px;
    margin: 0;
    width: 724px;
    color: #000;
    }

#container #intro #summaryText .p1 span {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;   
    }

/************************* Individual Page Headers */
#container #intro #summaryText .homePage {
    font-size: 14px;
    height: 130px;
	background: url(../images/background_home.gif) no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    }

#container #intro #summaryText .homePage span {
    padding: 30px 30px 0 30px;
    display: block;
    margin: 0;
    }

#container #intro #summaryText .course {
    font-size: 11px;
    height: 185px;
    background:  url("../images/background_course.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    }

#container #intro #summaryText .course span {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    }

#container #intro #summaryText .apprenticeship {
    font-size: 11px;
    height: 185px;
    background:  url("../images/background_apprenticeship.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    }

#container #intro #summaryText .apprenticeship span {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    }
	
#container #intro #summaryText .stuTestimonials {
    font-size: 11px;
    height: 185px;
    background: url(../images/background_stuTestimonials.jpg) no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    }

#container #intro #summaryText .stuTestimonials span {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    }

#container #intro #summaryText .empTestimonials {
    font-size: 11px;
    height: 185px;
    background: url(../images/background_empTestimonials.jpg) no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    }

#container #intro #summaryText .empTestimonials span {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    }

#container #intro #summaryText .contact {
    font-size: 11px;
    height: 185px;
    background: url(../images/background_contact.jpg) no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    }

#container #intro #summaryText .contact span {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    }

#container #intro #summaryText .student {
    font-size: 11px;
    height: 185px;
    background: url(../images/background_student.jpg) no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    }

#container #intro #summaryText .student span {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    }

#container #intro #summaryText .employer {
    font-size: 11px;
    height: 185px;
    background: url(../images/background_employer.jpg) no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    }

#container #intro #summaryText .employer span {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    }

/******************************************************** Supporting Styling */
#supportingText {
    margin: 0 20px 0 243px;
    }
	
#supportingText p {
    line-height: 150%;
    margin: 10px 0 10px 0;
    }

#supportingText #quotes blockquote {
	margin-bottom:0px;
	}

#supportingText #quotes p {
	text-align:right;
	margin-top:0px;
	}

#supportingText ul {
	margin-top:0;
	}

.fineprint {
	font-size: smaller;
	}

/******************************************************** Navigation List */
#linkList {
    position: absolute;
    top: 295px;
    left: 0;
    width: 210px;
    }
	
#lresources ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    }

#linkList #lresources ul li {
    font-size: 13px;
    border-bottom: 1px solid #b6c1d9;
    display: block;
    padding: 5px 0;
    }

#lresources h3.resources {
    width: 200px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }

/******************************************************** Footer Styling */
#footer {
    background:   url("../images/footer.gif") no-repeat;
    color: #fff;
    height: 50px;
    text-align: center;
    padding: 5px 0 0 0;
    line-height: 15px;
    font-size: 11px;
    }

#footerHome {
    background:   url("../images/footer.gif") no-repeat center;
    color: #fff;
    height: 50px;
    text-align: center;
    padding: 0 0 0 0;
    line-height: 50px;
    font-size: 11px;
    }

/******************************************************** Home Page Styling */
/* Image Swap CSS addapted from code by Dave Shea: http://www.alistapart.com/articles/sprites */
/*#homeWrapper {
	padding-top:100px}*/
#imgSwap {
 	width: 500px;
 	height: 265px;
	background: url(../images/home.jpg);
	margin: 10px auto; 
	padding: 0;
	position: relative;}

#imgSwap li {
	margin: 0;
	padding: 0; 
	list-style: none; 
	position: absolute; 
	top: 0;}

#imgSwap li, #imgSwap a {
	height: 265px; 
	display: block;
	}

#studentPanel {
	left: 0; 
	width: 249px;
	}

#employerPanel {
	left: 250px; 
	width: 250px;
	}
	
#studentPanel a:hover {
	background: transparent url(../images/home.jpg) 0 -266px no-repeat;
	}
	
#employerPanel a:hover {
	background: transparent url(../images/home.jpg) -250px -266px no-repeat;
	}

/* The Dwyer Method image replacement technique: http://www.mezzoblue.com/tests/revised-image-replacement/ */
#studentPanel span {
  	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
	
#employerPanel span {
  	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}