/* CSS Document by Brian E Gould - brianegould.com */
/* May 2009 */

/* 
Hex colours are:
Grey - #3b4b5b;
Red - #dc241f;
Gold - #b29200;
 */

/*clear browser settings*/
/*___________________________________________________________________________*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  

}

body { 
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	}


#wrap { 
	position: relative;
	width: 930px; 
	margin: 0px auto; 
	padding: 0px 10px;

	}


#screen { 
	position: relative;
	padding: 0px; 
	margin: 0px;
	background-color: #ffffff; 
	}


#banner { 
	position: relative;
	z-index: 0;
	height: 175px;
	background: #ffffff url(../images/phcci_banner.png) no-repeat; 
	}

#banner span { display: none; }


#breadcrumbs { 
	position: relative;
	top: -45px;
	left: 27px;
	z-index: 10;
	padding: 7px 0px 0px 10px; 
	margin: 0px 0px 0px 0px; 
	height: 30px;
	vertical-align: middle;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 90%;
	}

#breadcrumbs img {
	vertical-align: bottom;
	}

#size_print {
	float: right;
	margin-right: 45px;
	}

#main_nav { 
	position: relative;
	top: -40px;
	float: left; 
	width: 180px; 	
	text-align: left; 
	margin: 1px; 
	display: none;
	}


#content {
	position: relative;
	top: -40px;
	width: 8.5in; 
	text-align: left;  
	padding: 10px; 
	background-color: #ffffff; 
	}


.entry { 
	position: relative;
	top: -20px;
	padding: 0px 0px 10px 0px;
	margin-left: 10px;
	}

conted { position: relative; }


hr { position: relative; }


ppe { position: relative; }


.activity_form_cat {
	position: relative;
	border-bottom: 1px dashed #999; 
	padding: 15px;
}


#alt_nav { 
	position: relative;
	clear: left;
	text-align: center; 
	padding: 1px; 
	margin: 20px 1px 1px 1px; 
	display: none;
	}


.examples {
	text-align: center;
	}

.examples img { 

	vertical-align: middle;
	}



#footer { 
	margin-top: 30px;
	margin-left: 20px;
	padding: 10px 10px; 
	vertical-align: middle;
	position: relative;
	clear: both;
	}

#footer p {
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 80%;
	text-align: left;
	color: #000; 
	}


#main_nav img {
	padding: 5px 150px 5px 0px;
		}

#module {
	height: 515px;
	padding: 0px 0px 30px 0px;
	}
	
#explore {
	height: 400px;
	padding: 0px 0px 30px 0px;
	}
	
#module p {
	text-align: left;
	font-size: 120%;
	}

#table {
	position: relative;
	width: 7in;
	padding: 5px;
	float: left;
	}

.heading {
	color: #fff;  
	background: #000;
	font-family: tahoma, arial, sans-serif;
	font-weight: bold;
	font-size: 100%;
	}

.heading td {	
	border: 1px #e0e0e0 outset;
	}
	
	
.row1 {
	vertical-align: top;
	background: #fff;
	font-family: tahoma, arial, sans-serif;
	font-size: 90%;
	}	

.row1 td {
	border: 1px #e0e0e0 solid;
	}
	
.row2 {
	vertical-align: top;
	background: #e0e0e0;
	font-family: tahoma, arial, sans-serif;
	font-size: 90%;
	}

.cat_button {
	width: 130px;
	height: 170px;
	padding: 0px 30px;
	font-family: tahoma, arial, sans-serif;
	font-size: 80%;
	color: #3b4b5b;
	font-variant: small-caps;
	text-align: center;
	float: left;
	}


p { 
	color: #333333; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	}
	
p.small { 
	color: #333333; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 70%; 
	}

p.indent { 
	color: #000000; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	text-indent: 25px 
	}


p.hanging { 
	color: #000000; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	margin-left: 25px; 
	text-indent: -25px 
	}

.light {
	background-color: #ffffff;
	}
 
 
.dark {
	background-color: #e7e7e7;
	}
 

blockquote { 
	color: #333333; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	}

.first-letter { 
	font-size: 180%; 
	font-weight: bold; 
	line-height: 0.8em; 
	}
	
.firstword { 
	font-size: 120%; 
	font-weight: bold; 
	line-height: 0.8em; 
	}

ul { 
	color: #333333; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	list-style-image: url('../images/bg_bullet.gif'); 
	}

li.li2 { 
	color: #000000; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	list-style-type:none; 
	}

li.ie { 
	color: #000033; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	list-style-image: url(../images/ie-icon.gif); 
	line-height: 3;
	}

li.pdf { 
	color: #000033; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	list-style-image: url(../images/pdf-icon.gif); 
	line-height: 2;
	}

li.word { 
	color: #000033; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	list-style-image: url(../images/word.gif); 
	line-height: 2;
	}

li.ppt { 
	color: #000033; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	list-style-image: url(../images/ppt-icon.gif); 
	line-height: 3;
	}

dt { 
	color: #000000; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	font-weight: bold;
	}


dd { 
	color: #333333; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	}


td {
	margin: 2px;
	padding: 5px 5px 10px 5px;

	}


/* li.inside - used on site map */

li.inside {
	list-style: inside circle;
	}
	
/* li.dark - used on acknowledgements page */
/* ____________________________ */
li.dark {
	background-color: #e6e9ea;
	padding: 6px 5px;
	}

/* li.dark - used on acknowledgements page */
/* ____________________________ */
li.light {
	background-color: #ffffff;
	padding: 6px 5px;
	}
	
	

ol { 
	color: #333333; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	}

h1 { 
	color: #000000; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 150%; 
	font-weight: bold; 
	}

h2 { 
	color: #000000;
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 110%; 
	font-weight: bold; 
	border-right: 5px #A7B1BB solid;	
	border-bottom: 1px #3b4b5b solid;
	padding: 5px 5px;
	}


h3 { 
	color: #ffffff;  
	background: #3b4b5b;
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	font-weight: bold; 	
	border-left: 5px #A7B1BB solid;	
	border-bottom: 1px #3b4b5b solid;	
	padding: 2px 0px 2px 10px;	
	}

h4 { 
	color: #333333; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 90%; 
	font-weight: bold; 
	}

/* normal links */

a { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	}

a:link, a:visited {
	color: #3b4b5b; 
	text-decoration: none; 
}


a:focus, a:hover { 
	color: #dc241f; 
	text-decoration: none; 
	}

a:active { 
	color: #b29200; 
	text-decoration: underline; 
	}


/* main_nav buttons passive */

a.a1 { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 90%; 
	font-weight: bold;
	margin: 2px 5px;
	padding: 5px 5px;  
	display: block;
	}

a.a1:link, a.a1:visited { 
	color: #ffffff;  
	text-decoration: none; 
	background: #3b4b5b;
	border-left: 5px #A7B1BB solid;	
	border-bottom: 1px #3b4b5b solid;	
	}

a.a1:focus, a.a1:hover, a.a1:active   { 
	color: #000000; 
	text-decoration: underline; 
	background: #CED5DC;
	border-left: 5px #A7B1BB solid;	
	border-bottom: 1px #3b4b5b solid;	
	}



/* main_nav buttons active */

a.a2 { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 90%; 
	font-weight: bold;
	margin: 2px 5px;
	padding: 5px 5px;  
	display: block;
	}

a.a2:link, a.a2:visited { 
	color: #3b4b5b;  
	text-decoration: none; 
	background: #ffffff;
	border-left: 5px #A7B1BB solid;	
	border-bottom: 1px #3b4b5b solid;	
	}

a.a2:focus, a.a2:hover, a.a2:active { 
	text-decoration: underline; 
	}



/* main_nav sub-nav buttons passive */

a.a3 { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 80%; 
	font-weight: bold;
	margin: 0px 5px 0px 15px;
	padding: 3px 5px;  
	display: block;
	}

a.a3:link, a.a3:visited { 
	color: #000;  
	text-decoration: none; 
	background: #F2928F;
	border-bottom: 1px #dc241f solid;
	border-left: 5px #dc241f solid;
	}
	

a.a3:focus, a.a3:hover, a.a3:active { 
	color: #3b4b5b; 
	text-decoration: underline; 
	background: #FFC0BE;	
	border-bottom: 1px #dc241f solid;
	border-left: 5px #dc241f solid;		
	}



/* main_nav sub-nav buttons active */

a.a3b { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 80%; 
	font-weight: bold;
	margin: 0px 5px 0px 15px;
	padding: 3px 5px;  
	display: block;
	}

a.a3b:link, a.a3b:visited { 
	color: #000;  
	text-decoration: none; 
	border-bottom: 1px #dc241f solid;
	border-left: 5px #dc241f solid;
	}
	

a.a3b:focus, a.a3b:hover, a.a3b:active  { 
	color: #000; 
	text-decoration: underline; 
	
	}



/* main_nav about sub-nav buttons passive */

a.a4 { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 65%; 
	font-weight: normal;
	margin: 0px 5px 0px 15px;
	padding: 3px 5px;  
	display: block;
	}

a.a4:link, a.a4:visited { 
	color: #000;  
	text-decoration: none; 
	background: #E9CF59;
	border-left: 5px #b29200 solid;
	border-bottom: 1px #333333 solid;
	
	}

a.a4:focus, a.a4:hover { 
	color: #ffffff; 
	text-decoration: underline; 
	background: #b29200;	
	border-left: 5px #E9CF59 solid;	
	border-bottom: 1px #E9CF59 solid;		
	}

a.a4:active { 
	color: #ffffff; 
	text-decoration: underline; 
	}


/* main_nav about sub-nav buttons active */

a.a4b { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 65%; 
	font-weight: normal;
	margin: 0px 5px 0px 15px;
	padding: 3px 5px;  
	display: block;
	}

a.a4b:link, a.a4b:visited { 
	color: #000;  
	text-decoration: none; 
	background: #ffffff;
	border-left: 5px #b29200 solid;
	border-bottom: 1px #333333 solid;
	
	}

a.a4b:focus, a.a4b:hover, a.a4b:active { 
	text-decoration: underline; 		
	}




/* integrating projects buttons  */

a.a5 { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 70%; 
	margin: 0px;
	padding: 3px 5px;  
	}

a.a5:link, a.a5:visited { 
	color: #000;  
	text-decoration: none; 
	background: #F2928F;
	border-bottom: 1px #dc241f solid;
	border-left: 4px #dc241f solid;
	}
	

a.a5:focus, a.a5:hover, a.a5:active { 
	color: #3b4b5b; 
	text-decoration: underline; 
	background: #FFC0BE;	
	border-bottom: 1px #dc241f solid;
	border-left: 4px #dc241f solid;		
	}
	
	
	
	


/* sub_nav buttons  */

a.a8 { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 75%; 
	font-weight: normal;
	}

a.a8:link, a.a8:visited { 
	color: #3b4b5b;  
	text-decoration: none; 	
	}

a.a8:focus, a.a8:hover { 
	color: #b29200; 
	text-decoration: underline; 		
	}

a.a8:active { 
	color: #b29200; 
	text-decoration: underline; 
	}
	

/* css and xhtml validate links */

a.validate { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 80%; 
	font-weight: normal;
	text-align: right;
	margin: 0px 5px;
	padding: 2px 5px;  
	display: block;
	
	}

a.validate:link, a.validate:visited { 
	color: #999999;  
	text-decoration: none; 	
	}

a.validate:focus, a.validate:hover { 
	color: #999999; 
	text-decoration: underline; 		
	}

a.validate:active { 
	color: #999999; 
	text-decoration: underline; 
	}



/* home page active text */

a.home { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	}

a.home:link, a.home:visited {
	color: #dc241f; 
	text-decoration: none; 
}


a.home:focus, a.home:hover { 
	color: #dc241f; 
	text-decoration: underline; 
	}

a.home:active { 
	color: #b29200; 
	text-decoration: underline; 
	}




/* top */

a.top {
	vertical-align: bottom;
	clear: left;
	float: right;
	font-size: 80%;
	font-family: sans-serif;
	color: #000;
	margin: 0px;
	padding: 10px 5px; 	
	}
	
a.top:link, a.top:visited { 
	text-decoration: none; 
	}

a.top:hover, a.top:focus, a.top:active { 
	text-decoration: underline; 
	}

/* back */

.back {
	float: right; 
	padding: 10px 5px; 
	font-size: 90%;
	}

a.back:link, a.back:visited { 
	text-decoration: none; 
	}

a.back:hover, a.back:focus, a.back:active { 
	text-decoration: underline; 
	}
	
	
	

/* footer links */

div#footer a { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%;
	color: #000; 
	}