/* ACAD 2009 */


/*********************************************************************** COMMON LAYOUT*/

* {
	margin: 0;
	padding: 0;
}

.hiddenPic {
	display:none;
}

html, body {
	height: 100%;
	overflow: auto;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: auto 0;
	text-align: center;
	color: black;
	background: #424242;
	overflow: hidden;
}

#globalContainer {
	position: relative;
	margin-left: auto;
	margin-right: auto;			/* IE positioning */
	text-align: left;
	
}

a {
	border: none;
	text-decoration:none;
}

a:active {
	outline: none;				/* removes dotted lines around links */
}

a.menu:link,
a.menu:visited,
a.menu:hover,
a.menu:active 
{
	color: #ffffff;
}

h1 {
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: -2px;
	color:black;
	
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
}

input,
select,
textarea,
th,
tr,
li {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

p {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: none;
}


/*********************************************************************** COMMON NAVIGATION*/

.txtlist {
	list-style-type:disc;
	list-style-position:inside;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

.txtlistindent {
	list-style-type:square;
	list-style-position:inside;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	margin-left:30px;
	padding:30px;
}

#SubjectHeader {
	position: absolute;
	top: 141px;
	left: 322px;
	width: 450px;
}

#SubjectText {
	position: absolute;
	top: 175px;
	left: 322px;
	width: 542px!important;
	width: 551px;
	height: 360px;
	margin:0 auto;
	padding-right: 10px;
	overflow: auto;
}

html>/**/body #SubMenu {top: 605px;}		/* for Mozilla - hide commands from IE7 */

#SubMenu {					/* for IE7 */
	position: absolute;
	top: 611px;
	width: 725px;
	margin: 0;
	padding: 0;
}

#SubMenu li {
	display: inline;
	list-style-type: none;
	padding-left: 14px;
	font-size: 0.6em;
	color: white;
	font-weight: bold;
}

#SubMenu a.menu:link,
#SubMenu a.menu:visited,
#SubMenu a.menu:active {
	color: white;
}

#SubMenu a.menu:hover {
	color: blue;
}

html>/**/body #SubHome {top: 108px;}		/* for Mozilla - hide commands from IE7 */

#SubHome {					/* for IE7 */
	position: absolute;
	top: 113px;
	left:98px;
	width: 500px;
	margin: 0;
	padding: 0;
}

#SubHome li {
	display: inline;
	list-style-type: none;
	padding-left: 3px;
	font-size: 0.6em;
	color: white;
	font-weight: bold;
}

#SubHome a.menu:link,
#SubHome a.menu:visited,
#SubHome a.menu:active {
	color: white;
}

#SubHome a.menu:hover {
	color: #8170be;
}

#SubMenuTop {					/* "MORE ABOUT ACAD" link on index.htm */
	position:absolute;
	top:112px;
	left:100px;
	width: 600px;
	
}

#SubMenuTop li {
	display: inline;
	list-style-type: none;
	padding-left: 3px;
	font-size: 0.6em;
	color: black;
	font-weight: bold;
}

#SubMenuTop a.menu:link,
#SubMenuTop a.menu:visited,
#SubMenuTop a.menu:active {
	color: #ffffff;
}

#SubMenuTop a.menu:hover {
	color: #ffffff;
}

#IndexNavLeft {					/* Index Page Navigation - Left */
	position:absolute;
	top:112px;
	left:10px;
	width: 600px;
	
}

#IndexNavLeft li {
	display: inline;
	list-style-type: none;
	padding-left: 3px;
	font-size: 0.7em;
	color: white;
	font-weight: bold;
}

#IndexNavLeft a.menu:link,
#IndexNavLeft a.menu:visited,
#IndexNavLeft a.menu:active {
	color: #ffffff;
}

#IndexNavLeft a.menu:hover {
	color: #ffffff;
}

#IndexNavRight {					/* Index Page Navigation - Right */
	position:absolute;
	top:112px;
	left:660px;
	width: 250px;
	
}

#IndexNavRight li {
	display: inline;
	list-style-type: none;
	padding-left: 3px;
	font-size: 0.7em;
	color: white;
	font-weight: bold;
	text-align:right
}

#IndexNavRight a.menu:link,
#IndexNavRight a.menu:visited,
#IndexNavRight a.menu:active {
	color: #ffffff;
}

#IndexNavRight a.menu:hover {
	color: #ffffff;
}


html>/**/body #SubMenuRight {top: 605px;}	/* for Mozilla - hide commands from IE7 */

#SubMenuRight {					/* for IE7 */
	position: absolute;
	top: 611px;
	left:626px;
	width: 250px;
	margin: 0;
	padding: 0;
}

#SubMenuRight li {
	display: inline;
	list-style-type: none;
	padding-left: 3px;
	font-size: 0.6em;
	color: black;
	font-weight: bold;
}

#SubMenuRight a.menu:link,
#SubMenuRight a.menu:visited,
#SubMenuRight a.menu:active {
	color: black;
}

#SubMenuRight a.menu:hover {
	color: #f8ec26;				/* yellow */
}

dd#crumbIndexDef a:hover,			/* common breadcrumb settings */
dd#crumbSocialDef a:hover,
dd#crumbYoungDef a:hover,
dd#crumbParentDef a:hover,
dd#crumbPrivateDef a:hover,
dd#crumbLookingDef a:hover {
	position: absolute;
	background: transparent;
}

dd#crumbIndexDef a:hover span,
dd#crumbSocialDef a:hover span,
dd#crumbYoungDef a:hover span,
dd#crumbParentDef a:hover span,
dd#crumbPrivateDef a:hover span,
dd#crumbLookingDef a:hover span {
	display: block;
	margin: 0;
	padding: 0;
}

dd#crumbIndexDef {
	position: relative;
	top: 82px;
	left: 100px;
}

dd#crumbIndexDef a {
	position: absolute;
	width: 225px;
	height: 25px;
	text-decoration: none; 
	/* background-color: red; opacity:0.4;filter:alpha(opacity=40); */
}

html>body #navbox { text-align:left; margin-left:0px; padding:5px 0 30px 0;	/* top, right, bottom, left */
font-size:0.8em;}								/* hides pseudo-element resize from IE */
#navbox { font-size:0.8em; }
#navbox li.page { list-style-type:disc; list-style-position:inside; color:#8170be; line-height: 130% !important; line-height: 110%}
#navbox li.null { list-style-type:none; list-style-position:inside; color:#000000; font-weight:bold; line-height: 130% !important; line-height: 110%}
#navbox a:link, #navbox a:active, #navbox a:visited { font-weight:bold; color:#8170be; text-decoration:none; outline:none; }
#navbox a:hover {font-weight: bold; color:#075cf7; text-decoration: none;}


/***** PAGE LISTS *****/
#textlist { font-size:0.8em; }
#textlist li.page { list-style-type:disc; list-style-position:inside; color:black; line-height: 130% !important; line-height: 110%}


/*********************************************************************** FOLDER MENUS*/

#FolderMenu {					/* default */
	position: absolute;
	top: 552px;
	left: 0px;
	margin: 0 auto;
	padding: 0;
}

#FolderMenu li {
	display: inline;
	list-style-type: none;
	float: left;
	display: block;
	padding: 0px;
}

#conTxt {					/* "CONTACTING ACAD" rollover text */
	position: absolute;
	top: 578px;
	left: 895px;
	visibility: hidden;
	font-size: 0.6em;
	color: white;
	font-weight: bold;
}

.bluefolder {					/* blue contact folder */
	position:absolute;
	left:822px;
}

.aboutACAD {
	color: #f8ec26;				/* yellow */
}


/*********************************************************************** INDEX */

.Index {
	background-image: url(../images/index.jpg);
	background-repeat: no-repeat;
	width: 922px;
	height: 630px;
}

dt {
	position: absolute;			/* for notes in HTML code */
	left: -999em;
}

dd a span{
	display: none;
}

dd#recruitDef a:hover,
dd#familiesDef a:hover,
dd#socialDef a:hover,
dd#youngDef a:hover,
dd#parentDef a:hover,
dd#privateDef a:hover,
dd#lookingDef a:hover {
	position: absolute;
	background: transparent;
}

dd#recruitDef a:hover span,
dd#familiesDef a:hover span,
dd#socialDef a:hover span,
dd#youngDef a:hover span,
dd#parentDef a:hover span,
dd#privateDef a:hover span,
dd#lookingDef a:hover span {
	display: block;
	margin: 0;
	padding: 0px;
}

dd#recruitDef {					/* LINK - "Recruiting Now!" */
	position: relative;
	top: 160px;
	left: 90px;
}

dd#recruitDef a {
	position: absolute;
	width: 160px;
	height: 160px;
	text-decoration: none;
}

dd#familiesDef {				/* LINK - "ACAD families" */
	position: relative;
	top: 150px;
	left: 300px;
}

dd#familiesDef a {
	position: absolute;
	width: 100px;
	height: 120px;
	text-decoration: none;
}

dd#socialDef {					/* LINK - "a social worker?" */
	position: relative;
	top: 328px;
	left: 385px;
}

dd#socialDef a {
	position: absolute;
	width: 155px;
	height: 35px;
	text-decoration: none;
}

dd#youngDef {					/* LINK - "a young person?" */
	position: relative;
	top: 370px;
	left: 345px;
}

dd#youngDef a {
	position: absolute;
	width: 148px;
	height: 35px;
	text-decoration: none;
}

dd#parentDef {					/* LINK - "a parent or carer?" */
	position: relative;
	top: 415px;
	left: 340px;
}

dd#parentDef a {
	position: absolute;
	width: 168px;
	height: 35px;
	text-decoration: none;
}

dd#privateDef {					/* LINK - "a private or voluntary organisation?" */
	position: relative;
	top: 455px;
	left: 290px;
}

dd#privateDef a {
	position: absolute;
	width: 290px;
	height: 35px;
	text-decoration: none;
}

dd#lookingDef {					/* LINK - "someone looking for work?" */
	position: relative;
	top: 457px;
	left: 315px;
}

dd#lookingDef a {
	position: absolute;
	width: 230px;
	height: 35px;
	text-decoration: none;
}

#FrontFace {
	float:left;
	padding-top:130px;
	padding-left:546px;
}

dd#gradesDef {					/* LINK - "Recruiting Now!" */
	position: relative;
	top: 370px;
	left: 165px;
	

}

dd#gradesDef a {
	position: absolute;
	width: 117px;
	height: 175px;
	text-decoration: none;
	background-image: url(../images/Care%20com%20button.jpg);
	

	}