/* www.pcci.com.ph Master Style Sheet
Developed by: Datu Arellano
Last updated: Wednesday; December 3, 2008 by Datu   
Copyright (C) 2006-2009 Philippine Center for Creative Imaging
------------------------------------------------------ */

/* Defaults */

* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../images/beegees/navgradient.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font: 62.5% Helvetica, Arial, sans-serif;
}
p {
	margin-bottom: 1em;
}
h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.6em;
}
h5 {
	font-size: 1.4em;
	color: #333333;
	margin-top: 1em;
}
h6 {
	font-size: 1.2em;
	color: #333333;
}
#main-content ul {
	margin-bottom: 1em;
}
#main-content ul ul {
	margin-bottom: 0em;
}
#main-content ul li {
	list-style: none;
	background: url(../images/icons-bullets/footer_list_bullet.gif) no-repeat left .3em;
	padding-left: 16px;
}
ol {
	margin-bottom: 1em;
	list-style: decimal inside;
	margin-top: 0px;
}
ol li {
	text-indent: -16px;
	padding-left: 16px;
}
dt {
	/*cursor: pointer;*/
	font-weight: bold;
	background: #FFFECE;
	padding: 1em;
	color: #252525;
}
dd {
	padding: 0 1em 1em 1em;
	background: #FFFECE;
	margin-bottom: 1em;
}
dd p {
	margin: 0 0 1em;
}
body.faqs #main-content dd p {
	margin: 0;
	text-indent: 1.5em;
}
body.faqs #main-content dt {
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}
body.faqs #main-content dd {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
blockquote {
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	padding: 1em;
	margin-bottom: 0.5em;
	background: url(../images/beegees/icon_quote.gif) no-repeat;
	margin-top: 0.5em;
}
img {
	border-style: none;
}
table {
	width:100%;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-collapse:collapse;
	margin-top: 1em;
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
td {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:4px;
	background: #FFFFFF;
}
th {
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	background: #252525;
	padding: 3px;
}
/* Links */

a {
	outline: none;
}
a:link {
	color: #752B1F;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
#footer a:link, #instructorlinks a:link {
	color: #FAD75F;
	text-decoration: none;
}
#footer a:visited, #instructorlinks a:visited {
	color: #999999;
	text-decoration: underline;
}
#footer a:hover, #instructorlinks a:hover {
	color: #333333;
	text-decoration: none;
	background: #FAD75F;
}
/* STRUCTURE - primary */

#page-wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#header-image {
	margin-bottom: 12px;
	clear: both;
}
#sidebar-left {
	width: 220px;
	margin-right: 12px;
	float: left;
}
#sidebar-right {
	float: right;
	width: 200px;
	margin-left: 12px;
}
#maincontent-wrapper {
	margin-bottom: 1em;
	background: url(../images/beegees/columnhack.png) repeat-y;
	margin-top: 12px;
	width: 960px;
}
#main-content {
	float: left;
	width: 516px;
	font-size: 1.2em;
	line-height: 1.6em;
}
#footer {
	color: #CCCCCC;
	background-color: #252525;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 1em;
	font-size: 1.1em;
	clear: both;
}
#footer p {
	margin: 0px;
}
p#w3cvalid {
	margin-top: 1em;
}
#footer #seo {
	position: relative;
	height: 1px;
}
#footer #seo p {
	text-indent: -999em;
	position: absolute;
}
/* STRUCTURE - secondary, tertiary */

#instructorlinks {
	background: #252525;
	height: 211px;
	width: 173px;
}
#instructorlinks p {
	padding: 8px;
	font-size: 10px;
	color: #CCCCCC;
}
/* For 2-columned pages, these rules will change 
the width of div#main-content */
body.about #main-content, body.courses #main-content, body.services #main-content, body.faculty #main-content, body.faqs #main-content, body.contact #main-content {
	width: 728px;
	float: left;
}
/* Alternative nav (footer) */
ul#altnav {
	padding: 0px;
	margin: 0px;
	text-align: right;
	float: right;
}
ul#altnav li {
	margin-right: 8px;
	list-style: none;
}
/* LOGO */

/* (Set as a background image, replacing the text. Maintains its "clickability") */

#logo-pcci {
	background: url(../images/logo-pcci.png) no-repeat left top;
	height: 88px;
	width: 336px;
	float: left;
}
#logo-pcci a {
	height: 88px;
	width: 336px;
	display: block;
}
#logo-pcci a:hover {
	background: url(../images/logo-pcci-alt.png);
}
#logo-pcci span {
	display: none;
}
/* Main Content Headers */
/* (utilizes image replacement technique) */

.header-container {
	height: 32px;
	background: url(../images/beegees/header-bg-gradient.gif) repeat-x;
	position: relative;
	margin-bottom: 1em;
}
.header-container-b {
	height: 24px;
	background: url(../images/beegees/header-bg-gradient.gif) repeat-x;
	margin-bottom: 8px;
	position: relative;
}
/* Set heights and background images of H4s */
h2#t-learnfrmpros {
	background: url(../images/headings/header-bg-learnfrmpros.png) no-repeat;
	height: 32px;
	margin: 0px;
}
h4#t-whatsnew {
	background: url(../images/headings/header-bg-whatsnew.gif) no-repeat;
	height: 28px;
}
h2#t-aboutpcci {
	background: url(../images/headings/header-bg-aboutpcci.png) no-repeat;
	height: 32px;
}
h2#t-faqs {
	background: url(../images/headings/header-bg-faqs.png) no-repeat;
	height: 32px;
}
h2#t-faculty {
	background: url(../images/headings/header-bg-faculty.png) no-repeat;
	height: 32px;
}
h2#t-reginfo {
	background: url(../images/headings/header-bg-reginfo.png) no-repeat;
	height: 32px;
}
h2#t-contact {
	background: url(../images/headings/header-bg-contact.png) no-repeat;
	height: 32px;
}
h4#t-events {
	background: url(../images/headings/header-bg-specevents.gif) no-repeat;
	height: 28px;
}
h2#t-services {
	background: url(../images/headings/header-bg-otherservs.png) no-repeat;
	height: 32px;
}
h2#t-calview {
	background: url(../images/headings/header-bg-coursecal.png) no-repeat;
	height: 32px;
}
h2#t-listview {
	background: url(../images/headings/header-bg-courselist.png) no-repeat;
	height: 32px;
}
/* Make all SPANS disappear */
h2#t-learnfrmpros span, h4#t-whatsnew span, h2#t-faqs span, h2#t-faculty span, h2#t-reg span, h2#t-reginfo span, h2#t-contact span, h2#t-services span, h2#t-listview span, h2#t-calview span, h4#t-events span, h2#t-aboutpcci span {
	text-indent: -999em;
	position: absolute;
}
select {
	border: 1px solid #ABB9C3;
	background: #fff;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: .833em;
	font-style: italic;
}
.radiochecks {
	border-style: none;
	margin-right: 2px;
}
.textboxes {
	width: 100%;
	margin: 2px 0px 0px;
	padding: 2px;
	border: 1px solid #ABB9C3;
	background: #FFFFFF;
}
.buttons {
	padding: 4px;
	background: #252525 url(../images/beegees/header-bg-gradient.gif) repeat-x;
	color: #FFFFFF;
	border: 1px solid #EEEEEE;
	margin-top: 1em;
	margin-bottom: 1em;
}
/*Courses*/
.course-description {
	width: 500px;
}
.skinnycol {
	width: 216px;
}
h2.coursecategory {
	background: #9C9A4B url(../images/beegees/header-bg-gradient-grn.gif) repeat-x top;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-size: 1.4em;
	height: 32px;
	line-height: 32px;
	padding-left: 8px;
	overflow: hidden;
	margin-bottom: 1em;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}
.important-note {
	padding: 6px;
	margin-top: 1em;
	margin-bottom: 1em;
	background: url(../images/beegees/bg_graydiaglines.gif);
	font-size: 0.833em;
	line-height: 120%;
}
label {
	display: block;
}
label em {
	color: #666;
}
form {
	background: #FFFECE url(../images/beegees/gradient-yellow.gif) repeat-x bottom;
	border: 1px solid #FED889;
	padding-right: 12px;
	padding-left: 12px;
}
#registration h5 {
	border-bottom: 1px solid #FED889;
}
.main-content-col1 {
	width: 358px;
	float: left;
}
.main-content-col2 {
	width: 358px;
	float: right;
}
input.text, textarea, select {
	border: 1px solid #CCCCCC;
	width: 100%;
	display: block;
}
label.error {
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	margin-top: 0px;
	margin-bottom: 1em;
}
span.attribution {
	display: block;
	font: normal .83em Helvetica, Arial, sans-serif;
	color:#666666;
	margin-top: .5em;
	background: url(../images/beegees/icon_quote2.gif) no-repeat right center;
}
#regform fieldset {
	border: none;
	border-bottom: 1px solid #CCC;
	padding: 1em 0;
}
/* Miscellaneous Classes */

.hide-me {
	display: none;
}
.show-me {
	display: block;
}
.alignright {
	text-align: right;
}
.discreet-text {
	color: #CCCCCC;
	font-size: 9px;
}
.infobox {
	border: 1px solid #FED889;
	padding: 8px;
	margin-bottom: 1em;
	background: #FFFECE;
}
img.floatright {
	border: 2px solid #252525;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 12px;
}
img.floatleft {
	margin: 8px 8px 8px 0px;
	border: 1px solid #999999;
}
img.center {
	text-align: center;
}
.instructor {
	font-weight: bold;
	color: #662115;
	font-size: 14px;
}
.instructor-pic {
	float: left;
	margin: 0 8px 8px 0;
	border: 2px solid black;
}
.new {
	background-image: url(../images/icons-bullets/label-new.png);
	background-repeat: no-repeat;
	background-position: left center;
}
td.new a {
	margin-left: 40px;
	display: block;
}
.margin-reset {
	margin: 0px;
}
.margin-t {
	margin-top: 1em;
}
.margin-b {
	margin-bottom: 1em;
}
.margin-l {
	margin-left: 1em;
}
.margin-r {
	margin-right: 1em;
}
.floatright {
	float: right;
	display: inline;
}
.floatleft {
	float: left;
	display: inline;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.ui-tabs-hide {
	display: none;
}
/* SORT */
#faculty-profiles {
	width: 728px;
	background: #FFFECE;
}
#faculty-profiles ul.faculty-list {
	width: 220px;
	float: left;
	display: inline;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#faculty-profiles a {
	font-size: 0.917em;
	line-height: 1.4em;
}
#faculty-profiles .ui-tabs-selected {
	background: #FFFECE;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
}
#faculty-profiles .ui-tabs-selected a {
	color: #252525;
	text-decoration: none;
	font-weight: bold;
	line-height: 2.4em;
}
#faculty-profiles div p, #faculty-profiles div h5, #faculty-profiles div h6, #faculty-profiles div ul {
	margin-left: 116px;
}
body.about div.ui-tabs-panel {
	float: right;
	width: 508px;
}
body.about div.ui-tabs-panel div {
	padding: 1em;
	margin: 1em;
	background: #FFFECE url(../images/beegees/gradient-yellow-topper.png) repeat-x top;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.ui-tabs-selected {
	background: #252525;
}
body.services .ui-tabs-panel, body.faqs .ui-tabs-panel {
	margin-bottom: 1em;
	padding-top: 1em;
}
body.courses .ui-tabs-panel {
	margin-bottom: 1em;
}
#tabs-container {
	height: 24px;
	line-height: 24px;
	background: #252525 bottom;
	border-top: 3px solid #FFFFFF;
	border-bottom: 8px solid #875321;
	padding-top: 2px;
}
#tabs-container strong {
	float: left;
	padding: 0px 8px;
	margin: 0;
	border-right: 1px solid #282828;
	color: #FFFFFF;
	background: #252525;
}
#main-content #tabs-container li {
	list-style: none;
	float: left;
	display: inline;
	background: none;
	margin: 0px;
	padding: 0px;
}
#tabs-container a {
	color: #CCCCCC;
	text-decoration: none;
	text-align: center;
	display: block;
	margin-right: 2px;
	padding-right: 8px;
	padding-left: 8px;
	background: url(../images/beegees/header-bg-gradient-red.gif) bottom;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}
#tabs-container .ui-tabs-selected a {
	font-weight: bold;
	background: url(../images/beegees/header-bg-gradient-orng.gif);
	color: #FFFFFF;
	font-style: normal;
}
#tabs-container a:hover {
	color: #FFFFFF;
	background: url(../images/beegees/header-bg-gradient-red.gif) top;
}
#tabs-container .ui-tabs-selected a:hover {
	background: #C3AC48 url(../images/beegees/header-bg-gradient-orng.gif);
}
#tabs-container ul:after { /*clearing without markup*/
	clear: both;
	display: block;
	clear: both;
	content: " ";
}