/*
	Inclusive Practice
	11 February 2008
	
	updated 18 April 2008 - floated
*/

/*--------------------------------------------------------{   COMMON PAGE ELEMENTS   }----------*/

body {
	margin:0;
	padding:0 0 20;
	background-color:#f1f9ea;
	background-image:url(../images/page_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	color:#7e7e7e;
	font-size:80%;
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-family:Arial, helvetica, sans-serif;
}

h1 {
	font-size:200%;
	padding:0 0 7px;
	color:#d08b8b;
}

h2 {
	width:100%;
	margin:0 0 15px;
	padding:0 0 5px;
	font-size:170%;
	font-weight:normal;
	color:#96b952;
	border-bottom:1px dashed #d9d9d9;
}

h3 {
	font-size:140%;
}

h4 {
	font-size:130%;
}

h5 {
	font-size:120%;
}

h6 {
	font-size:100%;
}

p {
	margin:0;
	padding:0 0 20px;
	line-height:150%;
}

ul {
}

li {
	line-height:150%;
	padding:0 0 5px;
}

a {
	color:#d08b8b;
	text-decoration:none;
	/* border-bottom:1px dashed #c4831c; */
}

a:hover {
	/* border-bottom:1px solid #c4831c; */
}

img {
	border:none;
}

/*--------------------------------------------------------{   LAYOUT   }----------*/

#container {
	width:990px;
	margin:0 auto;
	text-align:left;
}

#page_shadow {
	float:left;
	width:990px;
	background:url(../images/content_shadow.gif) repeat-y;
}

#left_shadow {
	float:left;
	width:990px;
	background:url(../images/content_left_shadow.gif) no-repeat top left;
}

#right_shadow {
	float:left;
	width:990px;
	background:url(../images/content_right_shadow.gif) no-repeat top right;
}

#content_container {
	float:left;
	width:942px;
	padding:0 24px;
}

#header {
	float:left;
	position:relative;
	width:942px;
	height:166px;
	margin:0;
	padding:10px 0 0;
	line-height:1px;
	font-size:1px;
	background:url(../images/header_images.jpg) no-repeat bottom;
}

#content {
	float:left;
	width:752px;
	padding:10px 0;
}

#content_panel {
	float:left;
	width:730px;
	padding:10px;
	border:1px solid #e9e9e9;
}

#footer {
	float:left;
	width:930px;
	padding:10px 30px;
	text-align:right;
	font-size:x-small;
	background:url(../images/content_footer.gif) no-repeat center bottom;
}

#edu_link {
	float:left;
	width:160px;
	padding:10px;
	text-align:right;
	font-size:x-small;
}

/*--------------------------------------------------------{   MAIN MENU   }--------------------------*/

#menu {
	float:left;
	width:190px;
	padding:10px 0 0;
}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0 0 9px;
	background-image:url(../images/menu_shadow.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#menu ul li {
	margin:0;
    padding:0;
	line-height:normal;
}

#menu ul li a,
#menu ul li.active a {
	display:block;
	width:168px;
	padding:5px 0 5px 10px;
	border-left:2px solid #d3dfc9;
	border-top:1px solid #f6fbf2;
	border-bottom:1px solid #d3dfc9;
	background-color:#e9f3da;
	text-decoration:none;
	font-weight:normal;
	color:#d08b8b;
	font-size:100%;
	font-family:Arial, helvetica, sans-serif;
}

#menu ul li a:hover,
#menu ul li.active a,
#menu ul li.active a:hover {
	background-color:#ddecc6;
	color:#536237;
	border-left:2px solid #d08b8b;
}


/*--------------------------------------------------------{   SUBMENUS   }--------------------------*/

#menu ul li ul {
	margin:0;
	padding:0;
	background-image:none;
}

#menu ul li.active ul li a,
#menu ul li ul li a,
#menu ul li ul li.active a {
	width:163px;
	padding:3px 0 3px 15px;
	border-left:2px solid #b1baa7;
	border-top:1px solid #fff;
	border-bottom:1px solid #efefef;
	background-color:#f0f7e6;
	font-size:80%;
	color:#536237;
}

#menu ul li.active ul li a:hover,
#menu ul li ul li a:hover,
#menu ul li ul li.active a,
#menu ul li ul li.active a:hover {
	background-color:#f3f8e4;
	border-left:2px solid #ecb980;
}


/*--------------------------------------------------------{   SUBMENUS   }--------------------------*/

#menu ul li ul li ul {
	margin:0;
	padding:0;
	background-image:none;
}

#menu ul li ul li.active ul li a,
#menu ul li ul li ul li.active a,
#menu ul li ul li ul li a {
	width:153px;
	padding:3px 5px 3px 20px;
	border-left:2px solid #b1baa7;
	border-top:1px solid #fff;
	border-bottom:1px solid #efefef;
	background-color:#fff;
	font-size:80%;
	color:#777;
}



/*--------------------------------------------------------{   CLASS STYLES   }--------------------------*/

.smaller {
	font-size:70%;
}

.photae {
	margin:5px;
	padding:5px;
	border:1px solid #aaa;
}