/* --------------------
Style Reset
--------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, code, em, font, kbd, var, dfn, img, q, samp, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, abbr, acronym {
	border:0; 
	}
address, caption, cite, code, dfn, em, th, var { 
	font-style:normal; 
	font-weight:normal; 
	}
caption, th { 
	text-align:left; 
	} 
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ul { list-style: none }

/****** 
Styles used for page layout only 
******/

#websiteContainer {
	margin: 0 auto 0px auto;
	width: 960px;
	}

/****** Header ******/
#header { 
	width: 100%;
	overflow: hidden;
	clear: both
	}
#location {
	text-align: right;
	padding: 7px 10px 5px 0;
	}
#logo {
	float: left;
	padding: 1px 0 0 0;
	width: 136px
	}
#mainNavigation { 
	float: right;
	height: 73px;
	width: 814px;
	margin: 0;
	padding: 1px 10px 0 0;
	background-color: green
	}
#mainNavigation li, #mainNavigation li a {
	display: block;
	float: left
	}
#mainNavigation li { padding: 2px 0 9px 0}
#mainNavigation li a { height: 52px }
#home a, #two a, #three a, #four a, #five a, #six a, #seven a, .skipto a { text-indent: -9000px }
#home a { width: 80px }
#two a { width: 130px }
#three a { width: 105px }
#four a { width: 118px }
#five a { width: 150px }
#six a { width: 105px }
#seven a { width: 120px }
#breadcrumb {
	float: right;
	width: 800px;
	padding: 2px 14px 2px 10px;
	}
	
/****** Content ******/
.columnHalf { width: 49% }
.left { float: left }
.right { float: right }
.clear { clear: both }
#sideBar {
	width: 240px;
	margin-left: 20px;
	float: left
	}
#contentHeader, #contentContainer { 
	padding: 0 20px 0 20px;
	overflow: hidden
	}
#contentContainer { padding-bottom: 20px }
#fullWidth { 
	width: 940px;
	padding: 0 0 15px 20px;
	clear: both
	}
#threeQuarters {
	width: 700px;
	padding-bottom: 15px;
	float: right
	}

/****** Left hand panel ******/
#sideBar, #sideBar ul{ padding-top: 5px }
#sideBar li { padding-right: 20px }
#sideBar a {
	display: block;
	padding: 6px 10px
	}
	
/****** Home ******/
#fullWidth.home { 
	width: 960px;
	padding: 0
	}
#fullWidth.home #contentHeader, #fullWidth.home  #contentContainer { padding: 0 0 0 20px }
.box {
	width: 460px;
	padding: 10px 0 0 0;
	overflow: hidden
	}
.box div { padding: 0 10px 5px 10px }
.box.children div, .box.youngPeople div { padding-right: 160px }
.highlights {
	padding: 10px 10px 10px 10px;
	clear: both;
	overflow: hidden
	}
.highlight { 
	float: left;
	width: 30%;
	padding-right: 2%
	}
.children .character {
	position: absolute;
	top: 195px;
	margin-left: 230px
	}
.youngPeople .character {
	position: absolute;
	top: 195px;
	margin-left: 290px
	}
.calendar-top tr, .ccm-calendar-grid-table-wrap {
	width: 100%;
	padding: 0;
	margin: 0;
	}

/****** Footer ******/
#footer {
	width: 940px;
	clear: both;
	padding: 15px 0 15px 20px
	}
#footer li { display: inline }
#footer .skipto { 
	display: block;
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
	text-indent: -9000px
	}
#email, #copyright { padding-left: 45px }
.associations {
	width: 930px;
	height: 75px;
	padding: 6px 0 0 1px;
	margin-bottom: 10px
	}
.associations ul li {
	width: 117px;
	height: 65px;
	padding: 0 9px 0 8px;
	}

/****** 
Styles used for formating
******/

body {
	font: 80%/1.3em Tahoma, Geneva, Verdana, sans-serif;
	color: #1C4764;
	background: #487728 url(http://www.thereallink.org/themes/thereallink/images/bodyBackground.jpg) repeat-x top center;
	}
a { color: #1C4764 }
a:hover { color: #40A1D5 }
a img {
	border: none;
	cursor:  pointer
	}
ul, p, label {
	line-height: 1.5em;
	font-size: 1em;
	padding-bottom: 15px
	}
h1, h2, h3, h4, .children div ul, .youngPeople div ul, .professionals div ul, .parents div ul, #sideBar { font-family: "Trebuchet MS", "Gill Sans", Tahoma, Geneva, Verdana, sans-serif }
h1 {
	font-size: 2em;
	padding: 15px 0 15px 0;
	line-height: 1em
	}
h2 {
	font-size: 1.3em;
	padding: 5px 0 15px 0
	}
h3 { 
	font-size: 1.15em;
	font-weight: bold
	}
h4 { 
	font-size: 1em;
	font-weight: bold
	}
	
/****** Header ******/
#location {
    opacity:0.80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter:alpha(opacity=80);
    zoom:1;
    font-size: .95em
	}
#mainNavigation { background: transparent url(http://www.thereallink.org/themes/thereallink/images/topNavigationGradientEnd.png) no-repeat top right }
#mainNavigation li { background: transparent url(http://www.thereallink.org/themes/thereallink/images/topNavigationGradient.png) repeat-x top center }
#mainNavigation li a { border-left: 1px solid #3E9DD1 }
#mainNavigation #logo { background-image: none }
#mainNavigation #logo a, #mainNavigation #home a { border: none }
#home a { background: transparent url(http://www.thereallink.org/themes/thereallink/images/topNavigationHome.png) no-repeat center -51px }
#two a { background-image: url(http://www.thereallink.org/themes/thereallink/images/topNavigationChildren.png) }
#three a { background-image: url(http://www.thereallink.org/themes/thereallink/images/topNavigationYoungPeople.png) }
#four a { background-image: url(http://www.thereallink.org/themes/thereallink/images/topNavigationParents.png) }
#five a { background-image: url(http://www.thereallink.org/themes/thereallink/images/topNavigationProfessionals.png) }
#six a { background-image: url(http://www.thereallink.org/themes/thereallink/images/topNavigationAbout.png) }
#seven a { background-image: url(http://www.thereallink.org/themes/thereallink/images/topNavigationContact.png) }
#two a, #three a, #four a, #five a, #six a, #seven a {
	background-color: transparent;
	background-repeat: no-repeat; 
	background-position: center 4px
	}
#home a:hover, #two a:hover, #three a:hover, #four a:hover, #five a:hover, #six a:hover, #seven a:hover { background-position: center -51px }
#breadcrumb {
	color: #2F5E93;
	background: transparent url(http://www.thereallink.org/themes/thereallink/images/breadcrumbBackground.gif) no-repeat top right
	}
#breadcrumb li { display: inline }
#breadcrumb li, #breadcrumb a { color: #FFF }
#breadcrumb a:hover { color: #1C4764 }

/****** Content ******/
#contentContainer { background: #FFF url(http://www.thereallink.org/themes/thereallink/images/fullWidthGradient.jpg) no-repeat bottom left }
#contentContainer ul {	
	padding-left: 20px; 
	list-style: inherit
	}
#contentContainer li { padding: 2px 0 2px 0 }
#fullWidth { background: transparent url(http://www.thereallink.org/themes/thereallink/images/fullWidthBottom.png) no-repeat 20px bottom }
#fullWidth #contentHeader { background: transparent url(http://www.thereallink.org/themes/thereallink/images/fullWidthTop.gif) no-repeat top left }
#threeQuarters { background: transparent url(http://www.thereallink.org/themes/thereallink/images/threeQuatersBottom.png) no-repeat bottom left }
#threeQuarters #contentHeader { background: transparent url(http://www.thereallink.org/themes/thereallink/images/threeQuatersTop.gif) no-repeat top left}
.ccm-calendar-today .ccm-calendar-date-wrap .ccm-calendar-date {
	background-color: #1C4764 !important;
	color: #FFF
	}
	
/****** Left Hand Panel ******/
#sideBar ul { background: transparent url(http://www.thereallink.org/themes/thereallink/images/leftNavigationGradient.png) no-repeat bottom left }
#sideBar {
	background: transparent url(http://www.thereallink.org/themes/thereallink/images/leftNavigationTop.png) no-repeat top left;
	font-size: 1.3em
	}
#sideBar a {
	text-decoration: none;
	padding-left: 50px;
	background-position: 10px center;
	background-color: transparent;
	background-repeat: no-repeat
	}
.selected, .parentSelected  { background: transparent url(http://www.thereallink.org/themes/thereallink/images/leftNavigationSelected.png) no-repeat top left }
#sideBar a { border-bottom: 1px solid #FCDC58 }

/****** Home ******/
#fullWidth.home { background-image: none }
#fullWidth.home #contentHeader { background-image: none }
#fullWidth.home #contentContainer {
	background-image: none;
	background-color: transparent
	}
#fullWidth.home #contentContainer ul { 
	list-style: none;
	padding-left: 0
	}
#fullWidth.home h1 { 
	color: #FFF;
	padding-top: 0
	}
#fullWidth.home .clear { padding: 5px 0 }
.box h1 { padding-top: 5px }
.box.children { 
	background: transparent url(http://www.thereallink.org/themes/thereallink/images/homeChildrenBoxTop.gif) no-repeat top left;
	border-bottom: 1px solid #FFF
	}
.box.children div { background: #FFF url(http://www.thereallink.org/themes/thereallink/images/homeChildrenBoxGradient.jpg) no-repeat bottom left }
.highlights.children {
	background: transparent url(http://www.thereallink.org/themes/thereallink/images/homeChildrenBoxHighlight.png) no-repeat bottom left;
	color: #333
	}
.highlights.children a { color: #333 }
.box.youngPeople {
	background: transparent url(http://www.thereallink.org/themes/thereallink/images/homeYoungPeopleBoxTop.gif) no-repeat top left;
	border-bottom: 1px solid #6B49C6
}
.box.youngPeople div { background: #7445BB url(http://www.thereallink.org/themes/thereallink/images/homeYoungPeopleBoxImage.jpg) no-repeat top left }
.highlights.youngPeople { background: transparent url(http://www.thereallink.org/themes/thereallink/images/homeYoungPeopleBoxHighlight.png) no-repeat bottom left }
.box.parents { background: transparent url(http://www.thereallink.org/themes/thereallink/images/homeParentsBoxTopLong.png) no-repeat top left }
.box.parents div {
	background: transparent url(http://www.thereallink.org/themes/thereallink/images/homeParentsBoxGradientLong.png) no-repeat bottom left;
	overflow: hidden
	}
.box.professionals { background: transparent url(http://www.thereallink.org/themes/thereallink/images/homeProfessionalsBoxTopLong.png) no-repeat top left; }
.box.professionals div {
	background: transparent url(http://www.thereallink.org/themes/thereallink/images/homeProfessionalsBoxGradientLong.png) no-repeat bottom left;
	overflow: hidden
	}
/*.box.content { background: transparent url(http://www.thereallink.org/themes/thereallink/images/homeContentBoxTop.png) no-repeat top left; }
.box.content div { background: transparent url(http://www.thereallink.org/themes/thereallink/images/homeContentBoxGradient.png) no-repeat bottom left; }
.box.content h2, .box.professionals h2, .box.parents h2 { text-align: center }*/
.children div ul, .youngPeople div ul, .professionals div ul, .parents div ul { font-size: 1.3em }
.children div ul li img, .youngPeople div ul li img, .professionals div ul li img, .parents div ul li img { 
	vertical-align: middle;
	padding: 2px 10px 2px 0
	}
.youngPeople, .professionals, .parents, .youngPeople a, .professionals a, .parents a { color: #FFF }
.children div a, .youngPeople div a, .professionals div ul a, .parents div ul a { text-decoration: none }
.highlights a:hover, .children a:hover, .youngPeople a:hover, .professionals a:hover, .parents a:hover { color: #40A1D5 }

/****** Footer *******/
#footer { 
	color: #FFF;
	font-size: .9em
	}
#footer ul, #footer a { color: #253514 }
#footer ul { border-top: 1px solid #253514 }
#footer .associations ul { border: 0 }
#footer a:hover { color: #40A1D5 }
.associations { background: transparent url(http://www.thereallink.org/themes/thereallink/images/associationsBackground.png) no-repeat center left }