@charset "UTF-8";
/* CSS Document */


<style type="text/css">

html {
	font-size: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em; /* equivalent to 14px; for overall em units */
	color: #000000;
	background-color: #FFFFCC;
	}
	
	
.mainbox {
	background-color: #FFFFCC;
	height: 43.57em; /*equiv to 610px high, based on .875em type (14px) */
	width: 57.14em; /* equiv to 800px wide, based on .875em type (14px) */
	border: solid #6633CC 1px;
	margin-left: auto;
	margin-right: auto;
}

/* Pathways color/graphic Logo goes inside here*/
.logobox {
	background-color: #FFFFCC;
	float: left;
	height: 8.57em;  /* equiv to 120px high */
	width: 23.92em; /* equiv to 335px wide */
}

/* Pathways for the Future Center for Independent Living text goes here */
.header {
	height: 8.57em; /* equiv to 120px high */
	width: 33.21em; /* equiv to 465px wide */
	float: left;
	font-family: Georgia, Times New Roman, Times, serif;
}

 /* Pathways for the Future type */
.style1 {
	font-family: Georgia, Times New Roman, Times, serif;
	color: #6633CC;
	font-size: 2.5em;
}

/* Center for Independent Living type */
.style2 {
	font-family: Georgia, Times New Roman, Times, serif;
	color: #000000;
	font-size: 2em;
	}
.selectedlink {
	font-weight: bold;
	color: #006600;
	text-align: right;
}
.selectedlinkcontent {
	color: #006600;
	font-weight: bold;
}

/* type class  to declare width and height properties using em values; allows image to scale. */
img.b335120 {
width: 23.92em;
height: 8.57em;
}


/* type class to declarre width and height properties using em values; barriers logo */
img.b27488 {
width: 19.57em;
height: 6.28em;
}

/* set border style for all images */
 img {
 border:0;
 }
  

/* Naviagtion Bar on the left of te layout goes in here */
.navbarleft {
	height: 29.28em;
	width: 19.64em;
	margin-right: 2.14em;
	margin-left: 2.14em; /* equiv to 24px line height */
	float: left;
}

/* Navagation Box Left TYPE */
.style3 {
	font-size: 0.875em;
}

.content {
	width: 31.07em;
	height: 27.85em;
	float: left;
	background-color: #FFFFCC;
	overflow: auto;
	border-top: solid #6633CC 1px;
	padding-right: .71em;
}
.contact {
	border-top: solid #6633CC 1px;
}

.navbarbottom {
	height: 2.5em;
	width: 57.14em;
	text-align: center;
	border-top: solid #6633CC 1px;
}

.footer {
	height: 2.91em; /* equiv to 35px; based on 12px font size (.857em; calculated 1/14 x 12px) */
	width: 57.14em; /* equiv to 800px; calcualted using 12px font size */
	text-align: center;
	color: #666666;
	border-top: solid #6633CC 2px;
}

/* Footer TYPE */
.style4 {
	font-size: 0.857em;
}

a:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #6633CC;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #006600;
	font-weight: bold;
}
a:active {
	text-decoration: underline;
	color: #006600;
	font-weight: bold;
}

/* style rules for navbarbottom */

 .navbottom a:link {
 font-size:.857em; font-weight:normal;text-decoration: none; color:#000000;
 }
 
 .navbottom a:visited {
	text-decoration: none;
	color: #6633CC;
	font-weight: normal;
	font-size:0.857em;
}
 .navbottom a:hover{
	color: #006600;
	text-decoration: underline;
	font-weight: normal;
	font-size:0.857em;
}
.navbottom a:active{
	text-decoration: underline;
	color: #006600;
	font-weight: normal;
	font-size:0.857em;
}


/* style rules for SAIL PAGE */

img.b198108 {
width: 14.14em;
height: 7.71em;
}

.stafflinks a:link {
	font-size:0.875em;
	font-weight:normal;
	text-decoration: none;
	color:#000000;
}
.stafflinks a:visited {
	text-decoration: none;
	color: #6633CC;
	font-weight: normal;
	font-size:0.875em;
}
 .stafflinks a:hover{
	color: #006600;
	text-decoration: underline;
	font-weight: normal;
	font-size:0.875em;
}
.stafflinks a:active{
	text-decoration: underline;
	color: #006600;
	font-weight: normal;
	font-size:0.875em;
}

/* CYBERPALS Page style rules */

.style5 {
	font-size: 2em;
	font-weight: bold;
}

/* Whats Happening Page Style rule */
.whatshappening {
	position: fixed;
	border-bottom: solid #6633CC 1px;
	float: left;
}

/* Directions Page Style rules */

img.b243283 {
width: 17.35em;
height: 20.21em;
}

img.b265316 {
width: 18.92em;
height: 22.57em;
}


</style>