/* Global Resetting */

html{	

	width: 100%;

	height: 100%;

	background:url(../images/body_bg.gif) repeat;

}

body {

	width: 100%;

	height: 100%;

	font-size: 70%;


	/* reset font-sizes to 1em == 10px */

}

* {

	font-size: 1em;

	/* reset font-sizes to 1em == 10px */

	padding: 0;

	margin: 0;

/*	font-family: Times New Roman, serif; */

	list-style:none;

}



a img{

	border:0;

}

.clear{

	clear:both;

}
/* Menu */ http://http://ccesuffolk.org example
#Navigation {
	width: 100px;
	margin: 0px;
	padding: 0px;
	height: 14px;
	font-size:9pt;
	font-weight: bold;
	letter-spacing: 0em;
	text-transform: uppercase;
	z-index: 300;
/*	color:#808080;*/
	margin-bottom: 30px;
}
/* hack to correct IE5.5 faulty box model */
* html #Navigation {
	width:100px; 
	w\idth:100px;
}
/* remove all the bullets, borders and padding from the default list styling */
#Navigation ul {
	float:left;
	margin: 0px;
	padding: 0px;
	margin-right: 0px;
	height: 15px;
	z-index: 305;
	position: relative;
}
#Navigation ul ul {
	text-align: left;
/*	background: #FFF; */
	float:left;
	height:auto;
	z-index: 300;
	/* opacity:.90; filter: alpha(opacity=90); -moz-opacity:.90; */
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#Navigation li {
	list-style: none; 
	margin: 0px; 
/*	display: block; */
	padding: 0px;
	float: left;
/*	background: #FFF;*/
	line-height: 14px;
	border-left: 0px solid #000000;
	padding-left: 5px;
	margin-left: 5px;
	position: relative;
}
#Navigation li div.whitecover {
	display: none;
}
#Navigation li:hover div.whitecover,
#Navigation li a:hover div.whitecover {
	width:100%;
	position:absolute;
	left:0px;
	top: 14px;
	padding-right: 20px;
	height: 3px;
/*	background: #FFF; */
/*	display: block; */
	overflow: hidden;
	z-index: 310;
}
#Navigation li.first {
	padding-left: 0px;
	margin-left: 0px;
	border-left: none;
}
/* style the links for the top level */
#Navigation a, #Navigation a:visited {
	color: #000000;
	font-size:9pt;
	font-weight: bold;
	text-decoration: none;
/*	text-transform: uppercase;
	display: block;   */
	padding-right: 5px;
/*	display:inline-block; */
	text-align: left;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #Navigation a, * html #Navigation a:visited {
	text-decoration:none;
}
/* style the second level background */
#Navigation ul ul a.drop, #Navigation ul ul a.drop:visited {
	/* background: url(../images/nav-flyoutbgtop.gif) top right no-repeat; */
	text-decoration:none;
}
/* style the second level hover */
#Navigation ul ul a.drop:hover{
	/* background: url(../images/nav-flyoutbgv.gif) top right no-repeat; */
}
#Navigation ul ul :hover > a.drop {
	/* background: url(../images/nav-flyoutbgtop.gif) top right no-repeat; */
}
/* style the third level background */
#Navigation ul ul ul a, #Navigation ul ul ul a:visited {
	
}
/* style the third level hover */
#Navigation ul ul ul a:hover {
/*	color: #FFF; 
	background: #F37B78; */
	text-decoration:underline;
}


/* hide the sub levels and give them a positon absolute so that they take up no room // background:#dde0e0; */
#Navigation ul ul {
	/* display: none; */
	visibility: hidden;
	position:absolute;
	left: -150px;
	top: 14px;
	line-height: 1em;
	padding: 4px 15px 4px 15px;
	float:left;
	background: #FFF;
	border: 1px solid #000000;
	z-index: 300;
	width: 185px;	
}
/* another hack for IE5.5 */
* html #Navigation ul ul {
	top:14px;
	t\op:14px;
	background: #FFF;
}
/* position the third level flyout menu */
#Navigation ul ul ul{
	left:-150px;
	top:-1px;
	width:100px;
	background: #FFF;
	padding: 0px;
	margin: 0px;
}

/* position the third level flyout menu for a left flyout */
#Navigation ul ul ul.left {
	left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#Navigation table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	z-index: 301;
}
#Navigation ul ul li.current a, #Navigation ul li.current a, #Navigation ul li.last a {
	color: #c03038;
}

#Navigation ul ul li {
	border: none;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #FFF;
	display:block;
	width: 100%;
}

/* style the second level links */
#Navigation ul ul a, #Navigation ul ul a:visited {
	color: #808080; 
	font-size: 100%;
	height: auto; 
	display: block;
	line-height: 1em; 
	padding: 5px;
	text-decoration:none; 
}
/* style the second level on links */
#Navigation ul ul a.on, #Navigation ul ul a.on:visited {
	font-weight:bold;
}
/* yet another hack for IE5.5 */
* html #Navigation ul ul a {
	text-decoration:none;
}

/* style the top level hover * html #Navigation ul ul a:visited */
#Navigation a:hover, #Navigation ul ul a:hover {
	color: #c03038;
	text-decoration:underline;
}



#Navigation a.current, #Navigation ul ul a.current, #Navigation a.section, #Navigation ul ul a.section {
	color: #fff;
	text-decoration:none;
}

#Navigation :hover > a, #Navigation ul ul :hover > a {
	color:#c03038;
	text-decoration:none;
}
/* make the second level visible when hover on first level list OR link */
#Navigation ul li:hover ul,
#Navigation ul a:hover ul{
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
#Navigation ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#Navigation ul :hover ul :hover ul{
	visibility:visible;
}



/* Layout CSS */



#Specialty {

	padding-left:20px;

	padding-right:10px;

	font-family:Times New Roman, serif;

	font-size:1.3em;

	font-style: italic;


	line-height:1.3em;

}

#Header {

	background:url(../images/blueback.gif) bottom left repeat-x;

	border-left:1px solid #ccc;

	border-right:1px solid #ccc;

	clear:left;

}

	#Header h1 {

		color:#fff;

		font-size:1.4em;

		line-height:4.5em;

		padding-left:20px;

	}

		#Menu1 {

			padding:0px 10px 0;

		}

			#Menu1 li {

				float:left;

				margin-left:0px;

			/*	background:url(../images/menu1_right.gif) no-repeat right top; */

			}

				#Menu1 li.current,

				#Menu1 li.section {

			/*		background:url(../images/menu1_right_on.gif) no-repeat right top; */

				}

				#Menu1 li a {

					display:block;

					color:#000;

					font-size:9pt;

					font-family:Times New Roman, serif;

					text-decoration:none;

					padding:0px 5px;

			/*		background:url(../images/menu1_left.gif) no-repeat left top; */

				}

					#Menu1 li a:hover {

						color:#FFF;

					}

					#Menu1 li.current a,

					#Menu1 li.section a {

			/*			background:url(../images/menu1_left_on.gif) no-repeat left top; */

						color:#FFF;

					}



#ContentContainer {

/*	background:#f5f5f5 url(../images/ss_watermark.gif) bottom left no-repeat;*/
	font-family:Arial, sans-serif;

	background:#FFF;	

	padding-top:0px;

	padding-bottom:0px;

	padding-left:0px;

	padding-right:0px;	

	width:968px;

/*	overflow: auto; */

}



#TopNav {

	padding-top:10px;

	padding-left:20px;

	font-size:9pt;

	font-family:Times New Roman, serif;

}

#TopNav A {text-decoration: none; color:#000000;}
#TopNav A:hover {text-decoration: underline; color:#c03038;}

#Footer a.current, #Footer a.section, #TopNav a.current, #TopNav a.section {
	color: #C03038;
}

#LearnMore {

	padding-left:15px;

	font-size:9pt;

/*	font-family:Times New Roman, serif; */

}



#HomeBlock {

	padding-top:10px;

	padding-left:15px;
	padding-right:10px;
	padding-bottom:10px;

}



#HomeBlock h2 {

	font-family:Arial;

	font-size:1.2em;

	font-weight: bold;

}



#HomeBlock p {

	font-size:1em;

}



#HomeBlockBold {

	padding-top:10px;

	padding-left:15px;
	padding-right:10px;
	padding-bottom:10px;

}



#HomeBlockBold h2 {

	font-family:Arial;

	font-size:1.3em;

	font-weight: bold;

}



#HomeBlockBold p {

	font-size:1em;

}



#Banner {

	text-align: center;

}



#Menu2 {

	margin-left: 25px;

	float:left;

/*	background:#f0f0f0;

	border:1px solid #ddd; */

	padding:15px 15px 5px 5px;
	list-style: square outside none;

}

	#Menu2 li {

		padding-left:3px;

list-style: square outside none;
	}

	#Menu2 a {

		color:#000;
		font-family:times new roman, serif;

	font-size:9pt;

		line-height:1.7em;

		text-decoration:none;

	}

	#Menu2 a:hover {

		text-decoration:underline;

	}

	#Menu2 li.current a,

	#Menu2 li.section a {

		color:#c03038;

	}



#Content {

	float: left;

	margin: 15px 15px;

	width:95%;

}



div.breadcrumbs {

	margin-bottom:10px;

	font-size:9pt;

	font-family:Times New Roman, serif;

	color:#666;

}

div.breadcrumbs a {

	font-size:9pt;

	font-family:Times New Roman, serif;

	text-decoration:none;

}



#Footer {

	background:#FFFFFF;

	padding-left:15px;

	padding-top: 5px;

	font-size:9pt;

	font-family:Times New Roman, serif;

}



#Footer A {text-decoration: none; color:#000000;}
#Footer A:hover {text-decoration: underline; color:#c03038;}


#NewsList A:link {text-decoration: none; color:#c03038;}
#NewsList A:visited {text-decoration: none; color:#c03038;}
#NewsList A:active {text-decoration: none; color:#c03038;}
#NewsList A:hover {text-decoration: underline; color:#c03038;}

#HomeBlockBold A:link {text-decoration: none; color:#c03038;}
#HomeBlockBold A:visited {text-decoration: none; color:#c03038;}
#HomeBlockBold A:active {text-decoration: none; color:#c03038;}
#HomeBlockBold A:hover {text-decoration: underline; color:#c03038;}

#IPR A:link {text-decoration: none; color:#c03038;}
#IPR A:visited {text-decoration: none; color:#c03038;}
#IPR A:active {text-decoration: none; color:#c03038;}
#IPR A:hover {text-decoration: underline; color:#c03038;}


/* The rest of this file is for the second tutorial */

#NewsList,

#StaffList {

/*	background:#f0f0f0;

	border:1px dotted #ccc;

	padding:10px; */

}



#NewsList li,

#StaffList li {

	margin: 0;

	list-style-type: none;

}

	#NewsList li.newsDateTitle span {

/*		color:#666;

		line-height:2em; */

	}

	#NewsList li.newsDateTitle a {

		font-size:1em;

		font-weight:bold;

		color:#000;

		text-decoration:none;

		padding-left:0px;

/*		background:url(../images/treeicons/news-file.gif) no-repeat left center;*/

	}

		#NewsList li.newsDateTitle a:hover {

	/*		border-bottom:1px dotted #c03038; */

		}

		

	#NewsList li.newsSummary {

		margin-bottom:20px;

	}

		#NewsList li.newsSummary span {

			font-size:1.1em;

			line-height:1.5em;

			color:#000;

		}

		#NewsList li.newsSummary a.readMoreLink {

			color:#c03038;

			text-decoration:none;

		}

			#NewsList li.newsSummary a.readMoreLink:hover {

				border-bottom:1px dotted #c03038;

			}



div.newsDetails {

	margin-bottom:10px;

}



div.newsDetails p {

	color:#666;

	margin:0;

	font-size:1em;

}



div.pageComments {

	background:#f0f0f0;

	border:1px dotted #ccc;

	padding:10px;

}



#StaffList .staffname { 

	clear: both;

	padding-left: 60px;

	height: 1.2em;

}



#StaffList .staffphoto {

	float: left;

	margin-left: 3px;

	margin-top: -1.2em;

}     

#StaffList .staffphoto img {

	border:1px solid #AAA;

}



#StaffList .staffdescription {

	margin-left: 60px;

	margin-bottom:30px;

}



#StaffPhoto {

	float: left;

	margin-right: 10px;

}



#StaffPhoto img {

	border:1px solid #AAA;

}



#PageComments {

	list-style:none;

	background:#e9e9e9;

	border:1px solid #ccc;

	border-bottom:0;

	padding:0;

	margin:0;

}

	#PageComments li {

		list-style:none;

		padding:5px;

		margin:0;

		font-size:1em;

		border-bottom:1px dotted #bbb;

	}

		#PageComments li p span {

			font-style:italic;

		}

		#PageComments a.deletelink {

			font-weight:bold;

		}



			

#PageNumbers {

	font-weight:bold;

	color:#333;

	font-size:1.1em;

	text-align:center;

	padding:5px;

	border:1px solid #ddd;

	background:#e9e9e9;

}

#PageNumbers * {

	padding:0 5px;

	line-height:1.5em;

}

#PageNumbers a {

	color:#c03038;

	text-decoration:none;

}

	#PageNumbers a:hover {

		text-decoration:underline;

	}



#BrowserPoll {

	width: 200px;

	float: right;

	margin-right: 20px;

	margin-top: 20px;

}



#BrowserPoll ul {

	margin: 0;	

}

#BrowserPoll li {

	list-style-type: none;

	margin: 0;

}

#BrowserPoll .browser {

	color:#333;

	line-height:1.5em;

	font-size:1.1em;

}

#BrowserPoll .bar {

	background-color: #015581;

}

#BrowserPoll form {

	width:100%;

}

	#BrowserPoll form fieldset{

		border:0;

	}

		#BrowserPoll .message {

			color:red;

			background:#ddd;

			border:1px solid #ccc;

			padding:5px;

			margin:5px;

		}

		#BrowserPoll span.message {

			width: 100%;

		}

		#BrowserPoll form div {

			margin-top:10px;

			width:100%;

		}

		#BrowserPoll form label {

			font-size:1.1em;

			color:#333;

		}

			#BrowserPoll form label.left {

				float:left;

			}

			#BrowserPoll form label.FormHeading {

				font-size:1.3em;

				color:#ff7200;

				font-weight:bold;

			}

		#BrowserPoll form input.text,

		#BrowserPoll form textarea,

		#BrowserPoll form select {

			width:100%;

			color:#000;

			background:#f8f8f8;

			border:1px solid #aaa;

			padding:3px;

		}

		

		#BrowserPoll form input.numeric {

			width:20px;

			background:#f0f0f0;

			border:1px solid #aaa;

			padding:3px;

			color:#000;

			margin-right:4px;

		}

		#BrowserPoll form input.year {

			width:35px;

		}

		#BrowserPoll form p.Actions {

			text-align:right;

			padding:0 22px 15px 0;

		}

			#BrowserPoll form p.Actions input {

				padding:2px;

			}

		#BrowserPoll form ul.optionset {

			padding-top: 15px;

			padding-left: 15px;

		}

			#BrowserPoll form ul.optionset li {

				list-style-type: none;

			}



#Header form {

	float:right;

	width:160px;

	margin:25px 25px 0px 25px;

}

	#Header form * {

		display:inline !important;

	}

	#Header form div {

	}

	#Header form input.text {

		width:110px;

		color:#000;

		background:#f0f0f0;

		border:1px solid #aaa;

		padding:3px;

	}

	#Header form input.action {

		font-weight:bold;

	}



.searchResults h2 {

	font-size:2.2em;

	font-weight:normal;

	color:#c03038;

	margin-bottom:15px;

}

.searchResults p.searchQuery {

	color:#333;

	margin-bottom:10px;

}



.searchResults ul#SearchResults li {

	margin-bottom:20px;

}

	ul#SearchResults p {

		font-size:1.1em;

		font-weight:normal;

		line-height:2em;

		color:#333;

	}

	ul#SearchResults a.searchResultHeader {

		font-size:1.3em;

		font-weight:bold;

		color:#c03038;

		text-decoration:none;

		margin:20px 0 8px 0;

		padding-left:20px;

		background:url(../images/treeicons/search-file.gif) no-repeat left center;

	}

		ul#SearchResults a {

			text-decoration:none;

			color:#c03038;

		}

		ul#SearchResults a:hover {

		border-bottom:1px dotted #c03038;

		}



//************************

//SITEMAP

//************************/

#sitemap-list {padding:0 0 0 10px; margin:0; list-style:none; line-height:150%} 

/*1st level list*/

#sitemap-list li {padding:10px; margin-top:10px; list-style:none; font-weight:bold; font-size:13px; background:#ffffff;}

/*1st level items*/ 

#sitemap-list ul {margin:5px 10px 5px 10px; list-style:none; padding:5px 10px; font-weight:normal; background:#ffffff;} 

/*2nd level lists*/

#sitemap-list li li {padding:0; margin:0; list-style:none; font-weight: normal; font-size:11px; line-height:18px; background:none} 

/*2nd level items*/

#sitemap-list ul ul {margin-left:10px;padding:5px 10px;  background:#fff;} 

/*3rd level lists*/

#sitemap-list li li li {font-size:11px; font-weight:normal;} 

/*3rd level items*/And Voila!