/*
 * Stylesheet for Lehigh Carbon Community College's Learning Communities Website
 * Created by Jonathan Sponsler, Instructor of English
 * Used by Permission
 * Currently in Development 
 */

body {
	width: 795px;
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	background-color: #000;
	background-image: url(lccclogoreflection.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0px 195px;
}


/*  BANNER STYLE  */
#banner {
	width: 795px;
	/*height: 100px;*/
	background-color: #5174FF;
	background-repeat: no-repeat;
	border-top: 1px solid #FFFFFF;
	/*border-left: 1px solid #FFFFFF;*/
	margin-left: 0px;
	z-index: 1;
}

#banner h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 115px;
	border: none;
	text-align: left;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 50px;
	font-family: Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14pt;
	background-color: transparent;
	color: #FFF;
	font-weight: bold;
	line-height: 150%;
}

#banner p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 125px;
	border: none;
	text-align: left;
	text-decoration: none;
	padding-left: 75px;
	padding-bottom: 5px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	background-color: transparent;
	color: #FFF;
	/*color: #FF6600;*/
	font-weight: normal;
	line-height: 130%;
}
	

/*  NAVIGATION STYLE  */
#nav {
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	/*border-left: 8px solid #808080;*/
	margin-left: 0px;
	width: 795px;
	padding: 0px;
	color: #FFFFFF;
}

#nav ul {
	background-color: transparent;	
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 135px;
	margin-right: 0px;
	padding: 2px 0px 2px 2px;
	z-index: 5;
	line-height: 130%;
}

#nav ul li {
	display: inline;
	background-color: transparent;
	font-size: 8pt;
	font-weight: bold;
	margin: 2px;
	padding: 0px;
	color: #FFFFFF;
}

#nav li a:link {
	color: #FFFFFF;
	background-color: #000000;
	/*border: 1px solid #404040;*/
	text-decoration: none;
	margin: 0px;
	padding: 2px;
	font-size: 8pt;
	font-weight: normal;
}

#nav li a:visited {
	color: #FFFFFF;
	background-color: #000000;
	/*border: 1px solid #404040;*/
	text-decoration: none;
	margin: 0px;
	padding: 2px;
	font-size: 8pt;
	font-weight: normal;
}

#nav li a:hover {
	color: #FFFFFF;
	background-color: #000000;
	/*border: 1px solid #FFFFFF;*/
	margin: 0px;
	padding: 2px;
	font-weight: normal;
	text-decoration: underline;
}

#nav li a:active {
	color: #FFFFFF;
	background-color: #000000;
	/*border: 1px solid #FFFFFF;*/
	margin: 0px;
	padding: 2px;
	font-weight: normal;
	text-decoration: underline;
}

#nav li a.yourhere:link {
	color: #FFFFFF;
	background-color: #000000;
	/*border: 1px solid #FFFFFF;*/
	margin: 0px;
	padding: 2px;
	font-weight: normal;
	text-decoration: underline;
}

#nav li a.yourhere:visited {
	color: #FFFFFF;
	background-color: #000000;
	/*border: 1px solid #FFFFFF;*/
	margin: 0px;
	padding: 2px;
	font-weight: normal;
	text-decoration: underline;
}

#nav li a.yourhere:hover {
	color: #FFFFFF;
	background-color: #000000;
	/*border: 1px solid #FFFFFF;*/
	margin: 0px;
	padding: 2px;
	font-weight: normal;
	text-decoration: none;
}

#nav li a.yourhere:active {
	color: #FFFFFF;
	background-color: #000000;
	/*border: 1px solid #FFFFFF;*/
	margin: 0px;
	padding: 2px;
	font-weight: normal;
	text-decoration: underline;
}

/*NAVIGATION 1 STYLE: Top Bar*/

#nav1 {
	font-family: Verdana, Helvetica, sans-serif;
	background-color: transparent;
	border-bottom: 1px solid #FFFFFF;
	margin-left: 0px;
	width: 795px;
	padding: 1px 0px 1px 0px;
	color: #FFFFFF;
	font-size: 8pt;
}

#nav1 p {
	font-family: Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 8pt;
	margin-top: 0px;
	margin-left: 140px;
	margin-bottom: 0px;
}


#nav1 ul {
	background-color: transparent;	
	list-style-type: none;
	margin-top: -12px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 15px;
	padding: 0px 10px 0px 0px;
	z-index: 5;
	line-height: 130%;
	text-align: right;
}

#nav1 ul li {
	display: inline;
	background-color: transparent;
	font-size: 8pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#nav1 li a:link {
	color: #FFFFFF;
	background-color: transparent;
	/*border: 1px solid #404040;*/
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	font-weight: normal;
}

#nav1 li a:visited {
	color: #FFFFFF;
	background-color: transparent;
	/*border: 1px solid #404040;*/
	text-decoration: none;
	margin: 0px;
	padding: 2px;
	font-size: 8pt;
	font-weight: normal;
}

#nav1 li a:hover {
	color: #FFFFFF;
	background-color: transparent;
	/*border: 1px solid #FFFFFF;*/
	font-weight: normal;
	text-decoration: underline;

}

#nav1 li a:active {
	color: #FFFFFF;
	background-color: transparent;
	/*border: 1px solid #FFFFFF;*/
	font-weight: normal;
	text-decoration: underline;
}




/*  CONTENT STYLES  FF0000*/
#content {
	background-color: #202020;
	/* for IE 
	filter:alpha(opacity=100);
	/* CSS3 standard 
	opacity:1.00;
	/* for Mozilla 
	-moz-opacity:1.00;*/
	position: absolute;
	margin-top: 0px;
	/*border-left: 8px solid #808080;*/
	padding-left: 15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #CCC;
	line-height: 140%;
	left: 135px;
	width: 490px;
	z-index: 4;
}
#content p {
	margin-left: 10px;
	margin-right: 10px;
}

#content hr {
	height: 1px;
	background-color: transparent;	
	color: #FFFFFF;
}

#content h1 {
	margin-top: 25px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FF1947;
	background-color: transparent;
	font-weight: bold;
	line-height: 130%;
}

#content h2 {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 15px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FFF;
	background-color: #0D0D0D;
	font-weight: bold;
	line-height: 100%;
	border: 1px solid #EFC621;
	padding: 5px;

}

/*-Begin-------------------*/

#content a:link {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: underline;
	border-style: none;
}

#content a:visited {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: underline;
	border-style: none;
}

#content a.textpopper:link {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#content a.textpopper:visited {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover {
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
	border-style: none;
}

#content a:active {
	background-color: transparent;
	text-decoration: underline;
	font-weight: normal;
	border-style: none;
}

#content a.textpopper:hover {
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#content a.textpopper:active {
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#content ol.decimal {
	list-style-position: outside;
	list-style-type: decimal;
}

#content ol.square, #content ul.square {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 20px;
	padding-left: 10px;
}

#content li {
	margin-left: 20px;
	margin-top: 15px;
	line-height: 130%;
	padding-left: 10px;
}



/*-End----------------------*/

#content div.green {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 15px;
	background-color: #101010;
	padding: 0px;
	border: 1px solid #000;
	color: #fff;
}
#content div.green a:link, #content div.green a:visited, #content div.green a:hover, #content div.green a:active {
	color: #fff;
}

#content div.green p, #content div.green ol {
	margin-right: 10px;
	margin-left: 15px;
	color: #ccc;
}

#content div.green h2 {
	margin-top: 0px;
	margin-right: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #000;
	font-weight: bold;
	line-height: 100%;
	border: 2px dotted #35BC1A;
	padding: 5px;
	font-style: italic;
}

#content div.orange {
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	background-color: #101010;
	padding: 0px;
	border: 1px solid #000;
	color: #ccc;
}
#content div.orange a:link, #content div.orange a:visited, #content div.orange a:hover, #content div.orange a:active {
	color: #fff;
}
#content div.orange p, #content div.orange ol {
	margin-right: 10px;
	margin-left: 15px;
}
#content div.orange h2 {
	margin-top: 0px;
	margin-right: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #000;
	font-weight: bold;
	line-height: 100%;
	border: 2px dotted #EFC621;
	padding: 5px;
	font-style: italic;
}

#content div.blue {
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	background-color: #101010;
	padding: 0px;
	border: 1px solid #000;
	color: #ccc;
}
#content div.blue a:link, #content div.blue a:visited, #content div.blue a:hover, #content div.blue a:active {
	color: #fff;
}
#content div.blue p, #content div.blue ol {
	margin-right: 10px;
	margin-left: 15px;
}

#content div.blue h2 {
	margin-top: 0px;
	margin-right: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #000;
	font-weight: bold;
	line-height: 100%;
	border: 2px dotted #5174ff;
	padding: 5px;
	font-style: italic;
}


#content div.red {
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	background-color: #101010;
	padding: 0px;
	border: 1px solid #000;
	color: #ccc;
}
#content div.red a:link, #content div.red a:visited, #content div.red a:hover, #content div.red a:active {
	color: #fff;
}
#content div.red p, #content div.red ol {
	margin-right: 10px;
	margin-left: 15px;
}

#content div.red h2 {
	margin-top: 0px;
	margin-right: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #000;
	font-weight: bold;
	line-height: 100%;
	border: 2px dotted #cc1463;
	padding: 5px;
	font-style: italic;
}

#content div.yellow {
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	background-color: #101010;
	padding: 0px;
	border: 1px solid #000;
	color: #ccc;
}
#content div.yellow a:link, #content div.yellow a:visited, #content div.yellow a:hover, #content div.yellow a:active {
	color: #fff;
}
#content div.yellow p, #content div.yellow ol {
	margin-right: 10px;
	margin-left: 15px;
}

#content div.yellow h2 {
	margin-top: 0px;
	margin-right: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #000;
	font-weight: bold;
	line-height: 100%;
	border: 2px dotted #EFC621;
	padding: 5px;
	font-style: italic;
}
#content div.purple {
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	background-color: #101010;
	padding: 0px;
	border: 1px solid #000;
	color: #ccc;
}
#content div.purple a:link, #content div.purple a:visited, #content div.purple a:hover, #content div.purple a:active {
	color: #fff;
}
#content div.purple p, #content div.purple ol {
	margin-right: 10px;
	margin-left: 15px;
}

#content div.purple h2 {
	margin-top: 0px;
	margin-right: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #000;
	font-weight: bold;
	line-height: 100%;
	border: 2px dotted #b200ff;
	padding: 5px;
	font-style: italic;
}



#content h3 {
	margin-top: 40px;
	margin-bottom: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	color: #C8C8C8;
	background-color: transparent;
	font-weight: bold;
	line-height: 100%;
}

#content h4 {
	margin-top: 30px;
	margin-bottom: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #C8C8C8;
	background-color: transparent;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
}

/*---------------------*/
#content div.blockemphasized {
	margin-top: 0px;
	background-color: #99ffcc;
	padding: 10px;
	border: 1px solid #FFFFFF;
	color: #000000;
}

/**/

#content div.blockemphasized a:link {
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
	border-style: none;
}

#content div.blockemphasized a:visited {
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
	border-style: none;
}

/*#content div.blockemphasized a.textpopper:link {
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#content div.blockemphasized a.textpopper:visited {
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}*/

#content div.blockemphasized a:hover {
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	border-style: none;
}

#content div.blockemphasized a:active {
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
	border-style: none;
}

/*#content div.blockemphasized a.textpopper:hover {
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#content a.textpopper:active {
	background-color: transparent;
	text-decoration: none;
	font-weight: bold
}*/


/**/


#content div.blockemphasized h1 {
	margin: 0px 0px 20px 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
	background-color: transparent;
	font-weight: bold;
	line-height: 130%;
}

#content div.blockemphasized h3 {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	color: #000000;
	background-color: transparent;
	font-weight: bold;
	line-height: 100%;
	padding: 0px;
}

#content div.insetlist {
	margin: 0px 30px 75px 35px;
	background-color: transparent;
	border: none;
	font-size: 9pt;
	color: #FFFFFF;
	line-height: 110%;
}

#content div.insetlist h1 {
	margin-top: 30px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
	line-height: 130%;
	border-bottom: 1px solid #FFFFFF;
}

#content div.insetlist h2 {
	margin-top: 25px;
	margin-bottom: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
	font-style: normal;
	line-height: 115%;
	border: none;
}

#content div.insetlist h3 {
	margin-top: 20px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	color: #FFFFFF;
	background-color: transparent;
	font-weight: bold;
	line-height: 100%;
}


#content div.faqitem {
	margin: 30px 0px 30px 0px;
	border-bottom: 1px dashed #C0C0C0;
	
}



/* FLOATING MENU STYLE */
#StayTopRight {
	position: absolute;
	left: 1px;
	margin-top: 2px;
	width: 130px;
	background-color: #252525;
	font-size: 8pt;
	z-index: 55;
}

#StayTopRight div.feature {
	font-family: Verdana, Helvetica, sans-serif;
	color: #666666;
	background-color: transparent;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	padding: 5px;
}

#StayTopRight div.feature ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

#StayTopRight div.feature ul li {
	list-style-type: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: transparent;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;

}

#StayTopRight div.feature ul li a:link, #StayTopRight div.feature ul li a:visited {
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #000000;
	text-decoration: none;
	display: block;
	border: 1px solid #404040;
	/*border: 1px dotted #ccc;*/
	line-height: 100%;
	margin: 0px;
	padding: 2px;
}

#StayTopRight div.feature ul li a:hover, #StayTopRight div.feature ul li a:active {
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	text-decoration: none;
	display: block;
	border: 1px solid #FFFFFF;
	line-height: 100%;
	margin: 0px;
	padding: 2px;
}

#StayTopRight h1 {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 110%;
	color: #FFF;
	background-color: #5174FF;
	border: 1px solid #FFF;
	/*border-top: 1px solid #787878;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #404040;
	border-left: 2px solid #404040;*/
	margin: 0px;
	padding: 10px;
}



/* SIDEBAR1 STYLE.  The idea would be to get rid of this sidebar because, for the most part, the nav bar is going to have sufficient linkage, and students will need only the sliding bar to navigate.  I probably should put in more top links when I transform this badboy.  Anyway, we can put photos and the like as integrated backdrop image in place of the nav bars that people expect.*/
#sidebar1 {
	position: absolute;
	margin-top: 0px;
	left: 150px;
	height: 140px;
	width: 172px;
	background-color: #000000;
	font-size: 10pt;
	z-index: 4;
}

#sidebar1 div.feature {
	font-family: Verdana, Helvetica, sans-serif;
	color: #666666;
	border: none;
	padding: 10px;
	line-height: 100%;
}

#sidebar1 div.feature ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

#sidebar1 div.feature ul li {
	list-style-type: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
	padding: 2px;
	line-height: 100%;
	text-align: left;
}

#sidebar1 div.feature ul li a{
	color: #FFFFFF;
	font-weight: normal;
	background-color: transparent;
	text-decoration: none;
	display: block;
	border: 1px dotted #ccc;
	line-height: 100%;
	margin: 0px;	
	padding: 2px;
	text-align: left;
}

#sidebar1 div.feature a {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
}

#sidebar1 div.feature a:hover, div.feature a:active {
	text-decoration: none;
	background-color: transparent;
}

#sidebar1 div.feature ul li a:hover {
	background-color: #FF0000;
	border: 1px solid #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}

#sidebar1 div.feature ul li a:active {
	background-color: transparent;
	border: 1px solid #FFFFFF;
	text-decoration: none;
}

#sidebar1 h1 {
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	line-height: 110%;
	margin: 0;
	padding: 0px;
	color: #FF0000;
}



/*  FOOTER  */
#footer {
	color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	left: 170px;
	padding-right: 10px;
	padding-bottom: 20px;
	font-size: 8pt;
	line-height: 120%;
	border-top: 2px solid #303030;
	background-color: transparent;
	margin-top: 75px;
	margin-bottom: 140px;
}

#footer p {
	font-size: 8pt;
	color: #404040;
	margin-top: 75px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color : transparent;
}

#footer h1 {
	font-size: 10pt;
	font-weight: normal;
	color: #FFFFFF;
	background-color: transparent;
	float: left;
}

#footer h1 a:link, #footer h1 a:visited {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
}

#footer h1 a:hover, #footer h1 a:active {
	text-decoration: underline;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
}



/*  OTHER  66FF99*/

.yourhere {
	color: #000000;
	background-color: #FFFF66;
	border: 1px solid #000000;
	font-weight: bold;
	padding: 4px;
	text-decoration: underline;
}

.title1 {
	font-style: italic;
}

.title2 {
	font-style: normal;
}

.important {
	font-weight: bold;
}