/* ADOT SAFE ROUTES TO SCHOOL WEB SITE */

/* -------------------------------- */
/* CSS TABLE OF CONTENTS            */
/* -------------------------------- */
/* HTML RESET 
   PAGE ELEMENTS:                  
   		# CONTAINER (ALSO KNOWN AS 'WRAPPER')
   		# HEADER                      
   		# CONTENT
   CLASSES:
		.INTENT TEXT #1 (180 PIXELS ~ FOR THUMBS AND TEXT)
		.INTENT TEXT #2  (340 PIXELS ~ FOR IMAGES AND TEXT) 
		.HIGHLIGHTING TEXT TO EMPHASIZE CONTENT
		
			                        */
/* END OF TABLE OF CONTENTS         */




/* -------------------------------- */
/* HTML RESET                       */
/* ---------------------------------*/
p, body, ul, li, h1 {
	margin: 0px;
	padding: 0px;
}
body {
	height: 100%;
}

/* -------------------------------- */
/* PAGE ELEMENTS                    */
/* -------------------------------- */

/* #CONTAINER ---------------------- */
#container {
	width: 100%;
	background-color: #FFFFFF;
	min-height: 100%;
	height: auto !Important; /* hack for IE6  */
	height: 100%;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: right top;
	padding-right: 110px;
}
 
/* #HEADER ------------------------- */
#header{
	width: 100%;
	clear: both;
	min-height: 75px;
	height: auto !Important; /* Hack for IE6 */
	height: 75px; 
	padding-left: 20px;			
}
#header h1 {
	font-size: 26px;
	font-weight: lighter;
	letter-spacing: -1px;
	margin-top: 20px;
}

/* #CONTENT --------------------------- */
#content {
	width: 100%;
	clear: both;
	padding-left: 20px;
	padding-right: 20px;
}
#content h1 {
	font-size: 18px;
	font-weight: lighter;
	letter-spacing: -1px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #B77656;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#content ul {
	list-style-position: outside;
	margin-right: 20px;
	margin-top: 12px;
	margin-bottom: 0px;
	padding-left: 20px;
	list-style-image: url(SafeRoutes_Common/Images/bullet.gif);
}
#content a {
	border: none;
	font-weight: bold;
}

/* -------------------------------- */
/* CLASSES                          */
/* -------------------------------- */

/* .INDENT TEXT #1  */
/*  INDENTING TEXT 180 PIXELS to ACCOMMODATE THUMBNAILS TO THE LEFT AND TEXT TO THE RIGHT  */
div.indentText_1 {
	width: auto;
	clear: both;	
	min-height: 110px;
	height: auto !Important;
	height: 110px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: -20px;
	padding-left: 20px;
	margin-right: -20px;
	padding-right: 20px;
}
div.indentText_1 p {
	padding-left: 170px;
}
div.indentText_1 p a {
	font-weight: bold;
}
div.indentText_1 h1{
	font-size: 22px;
	font-weight: lighter;
	letter-spacing: -1px;
	margin-left: 170px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B77656;
	font-weight: lighter;
}
div.indentText_1 ul {
	margin-right: 20px;
	margin-left: 170px;
	margin-top: 3px;
	margin-bottom: 0px;
	list-style-image: url(SafeRoutes_Common/Images/bullet.gif);
}
div.indentText_1 ul a{
	font-weight: bold;
}
div.indentText_1 img{
	float: left;
}

/*  .INDENT TEXT #2  */
/*   INDENTING TEXT 340 PIXELS to ACCOMMODATE FULL-SIZE IMAGES TO THE LEFT AND TEXT TO THE RIGHT  */
div.indentText_2 {
	width: auto;
	clear: both;
	min-height: 220px;
	height: auto !Important; /* Hack for IE6 */
	height: 220px; 
	padding-top: 15px;
	padding-bottom: 15px;
}
div.indentText_2 p {
	padding-left: 340px;
}
div.indentText_2 h2{
	font-size: 22px;
	font-weight: lighter;
	letter-spacing: -1px;
	margin-left: 170px;
	margin-bottom: 5px;
	padding-left: 340px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
div.indentText_2 ul {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 340px;	
	list-style-image: url(SafeRoutes_Common/Images/bullet.gif);
}
div.indentText_2 img {
	float: left;
}

/*  .HIGHLIGHTING BLOCKS OF TEXT TO EMPHASIZE CONTENT  */
div.highlightText {
	clear: both;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #D8E0C4;
	overflow: visible;
	margin-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
div.highlightText p {
	margin-left: 10px;
	margin-right: 20px;
}
div.highlightText ul {
	list-style-image: url(../Enhancement/Enhancement_Common/Images/bullet.gif);
	list-style-position: outside;
	margin-right: 20px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 30px;	
}