/*



STYLESHEET INFORMATION

----------------------

Client:  PANGASINAN COLLEGE OF SCIENCE AND TECHNOLOGY

Author:  BROWN BATTERY STUDIOS



COLOR TABLE

-----------



#005100 - DARK GREEN

#006600 - GREEN

#FFD06F - PALE ORANGE

#FDEF9D - YELLOW



*/



* { margin: 0; padding: 0; } /* global white-space reset */



/*---------------*/

/* HTML ELEMENTS */

/*---------------*/



body {

	background-color: #060;

	color: #005100;

	font: 62.5% Arial, Helvetica, sans-serif; /* 10px = 1em reset */

	padding-bottom: 10px;

}



a {

	color: #060;

}



	a img {

		border: none;

	}



table {

	border-collapse: collapse; /* remove cellspacing */

	font-size: 1em;

}



/* START IE BUTTON-WIDTH FIX */



input.button {

   padding: 0 4px;

   width: 0;

   overflow: visible;

}



input.button[class] { /* IE ignores [class] */

	width: auto;

}



/* END IE BUTTON-WIDTH FIX */



/*-----------------*/

/* GENERIC CLASSES */

/*-----------------*/



.clearfix {

	clear: both;

	display: block;

	font-size: 0; /* for IE6 and lower */

	height: 0;

}



.block {

	background-color: #FDEF9D;

	font-size: 1.2em;

	padding: 0 10px 10px;

	width: 180px;

}



	.block h3 {

		background-color: #FFD06F;

		font: 1.25em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

		font-weight: bold;

		letter-spacing: 1px;

		margin: 0 -10px 10px -10px;

		padding: 0.25em 0;

		text-align: center;

	}

	

	.block li {

		margin-bottom: 0.417em;

	}



.list-links {

	list-style: none;

}



.news-item .date {

	font-size: 0.846em;

	display: block;

}



/* PAGE STRUCTURE */



/* HEADER */



#divHeader {

	background: #005100 url(../images/header-back.png) center top repeat-x;

	float: left;

	margin-bottom: 20px;

	width: 100%;

}



	#divHeader h1 {

		background: url(../images/header.png) no-repeat;

		height: 0px;

		margin: 0 auto;

		overflow: hidden;

		padding-top: 110px;

		width: 700px;

	}

	

	#ulMainMenu {

		background-color: #005100;

		font-size: 1.2em;

		list-style: none;

		margin: 0 auto;

		padding: 4px 0;

		text-align: center;

		width: 760px;

	}

	

		#ulMainMenu li {

			display: inline;

		}

		

			#ulMainMenu li a {

				border-right: #FFF 1px solid;

				color: #FFF;

				font-weight: bold;

				margin-right: .7em;

				padding-right: .7em;

				text-decoration: none;

			}

			

			#ulMainMenu li a:hover,

			#ulMainMenu li.active a {

				color: #FC0;

			}

			

			#ulMainMenu li.last a {

				border-right: none;

				margin-right: 0;

				padding-right: 0;

			}

			

/* CONTENT */



#divContent {

	clear: both;

	margin: 0 auto;

	width: 700px;

}



	/* CONTENT - HOME */

	

	#divMainContentHome  {

		margin-bottom: 10px;

	}

	

		#divMainContentHome #hdgContentSlogan {

			/*background: url(../images/slogan-banner.jpg) no-repeat;*/

			float: right;

			height: 0;

			/*overflow: hidden; para itago ang nasa html

			/*padding-top: 200px;*/

			width: 490px;

		}

		

		#divMainContentHome #ulContentCredentials {

			background: url(../images/credentials.png) no-repeat;

			height: 0;

			overflow: hidden;

			padding-top: 200px;

			width: 200px;

		}

	

	#divSubContentHome {}

	

		#divSubContentHome .block {

			height: 175px;

		}

		

		#divSubContentHome #divAboutPCST {

			float: left;

			margin-right: 10px;

		}

		

		#divSubContentHome #divCampusNews {

			float: left;

			width: 220px;

		}

		

		#divSubContentHome #divCampuses {

			float: right;

			width: 220px;

		}

		

			#divSubContentHome #divCampuses .thumb-item {

				float: left;

				width: 105px;

			}

			

				#divSubContentHome #divCampuses .thumb-item a {

					text-decoration: none;

				}

				

				#divSubContentHome #divCampuses .thumb-item .caption {

					display: block;

					font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

					font-size: 11px;

					font-weight: bold;

					text-align: center;

				}

			

			#divSubContentHome #divCampuses .last {

				float: right;

			}

	

	/* CONTENT - INNER */

	

	#divMainContent {

		background-color: #FFF;

		float: right;

		font-size: 1.2em;

		padding: 0 15px 30px;

		width: 460px;

	}

	

		#divMainContent h2 {

			background-color: #EEE;

			font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

			font-size: 2.167em;

			letter-spacing: 2px;

			margin: 0 -15px 15px;

			padding: 5px 15px;

		}

		

		#divMainContent h3 { font-size: 1.833em; margin-bottom: 0.545em; }

		#divMainContent h4 { font-size: 1.5em;   margin-bottom: 0.667em; }

		#divMainContent h5 { font-size: 1.167em; margin-bottom: 0.857em; }

		

		#divMainContent p,

		#divMainContent ul,

		#divMainContent ol,

		#divMainContent blockquote,

		#divMainContent dl {

			margin-bottom: 1em;

		}

		

		#divMainContent ul,

		#divMainContent ol {

			padding-left: 2.5em;

		}

		

		#divMainContent li {

			margin-bottom: 0.25em;

		}

	

	#divSubContent {}

	

		#divSubContent .block {

			margin-bottom: 10px;

		}



/* FOOTER */



#divFooter {

	background-color: #005100;

	clear: both;

	color: #FFF;

	margin-top: 20px;

	text-align: center;

	width: 100%;

}



	#divFooter p {

		padding: 4px 0;

	}