/* 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;
/*	border-right: #b29200 2px solid;
	border-bottom: #666666 2px solid;
	border-left: #b29200 2px solid;	
	background: url(../images/wrap_bg.png) repeat-y #ffffff; */
	}


#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: 80%;
	}

#breadcrumbs img {
	vertical-align: bottom;
	}

#size_print {
	position: relative;
	float: right;
	margin: 0px 45px 0px 0px;
	padding: 0px;
	}
	
#main_nav { 
	float: left;
	width: 180px; 	
	position: relative;
	top: -40px;
	margin: 0px; 
	padding: 0px;
	text-align: left; 
	z-index: 10;
	}


#content {
	position: relative;
	top: -40px;
	width: 700px; 
	text-align: left; 
	margin-left: 180px; 
	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; 

	}


.examples {
	text-align: center;
	}

.examples img { 

	vertical-align: middle;
	}



#footer { 
	margin-top: 30px;
	padding: 2px 30px; 
/*	background: #ffffff url(../images/phcci_footer.png) no-repeat; */
	vertical-align: middle;
	background-color: #b29200;
	border: 4px #fff double;
	}

#footer p {
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 65%;
	text-align: center;
	color: #fff; 
	}


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

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

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

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

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

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



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

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


p.hanging { 
	color: #000000; 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 90%; 
	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: 90%; 
	}

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

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

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

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

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

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

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

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


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


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: 90%; 
	}

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

h2 { 
	color: #000000;
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 100%; 
	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: 90%; 
	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: 70%; 
	font-weight: bold; 
	}

/* normal links */

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

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: 80%;
	font-weight: bold;
	margin: 0px;
	padding: 7px 5px 7px 10px;
	display: block;
	background: #3b4b5b url(../images/nav_bg.png) repeat-y;	
	}

a.a1:link, a.a1:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px #e0e0e0 dashed;
	}

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


/* main_nav buttons active */

a.a2 {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	margin: 0px;
	padding: 7px 5px 7px 10px;
	display: block;
	background: #3b4b5b url(../images/nav_bg.png) repeat-y;		
	}

a.a2:link, a.a2:visited, a.a2:focus, a.a2:hover, a.a2:active  {
	color: #fff;
	text-decoration: underline;
	}




/* main_nav sub-nav buttons passive */

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

a.a3:link, a.a3:visited {
	color: #3B4B5B;
	text-decoration: none;
	background: #CED5DC;
	border-left: 8px #A7B1BB solid;		
	}

a.a3:focus, a.a3:hover, a.a3:active {
	color: #000;
	text-decoration: underline;
	border-left: 8px #b29200 solid;	
	}




/* main_nav sub-nav buttons active */

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

a.a3b:link, a.a3b:visited, a.a3b:focus, a.a3b:hover, a.a3b:active {
	color: #000;
	background: #CED5DC;
	border-left: 8px #b29200 solid;
	text-decoration: underline;
	}



/* third level nav buttons passive */

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

a.a4:link, a.a4:visited {
	color: #3b4b5b;
	background: #E8EFF6;
	border-left: 8px #b29200 solid;
	text-decoration: none;
	}


a.a4:focus, a.a4:hover, a.a4:active  {
	color: #000;
	text-decoration: underline;
	border-left: 8px #dc241f solid;
	}




/* third level nav buttons active */

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

a.a4b:link, a.a4b:visited, a.a4b:focus, a.a4b:hover, a.a4b:active  {
	color: #000;
	background: #E8EFF6;
	border-left: 8px #dc241f solid;
	text-decoration: underline;
	}




/* integrating projects buttons  */

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

a.a5:link, a.a5:visited { 
	color: #3b4b5b;
	background: #E8EFF6;
	border-left: 6px #b29200 solid;
	text-decoration: none;
	}
	

a.a5:focus, a.a5:hover, a.a5:active { 
	color: #000;
	text-decoration: underline;
	border-left: 6px #dc241f solid;	
	}
	
	
	
	


/* sub_nav buttons  */

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

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

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

	

/* css and xhtml validate links */

a.validate { 
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 70%; 
	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: 90%; 
	}

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: 70%;
	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: 80%;
	}

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: 90%; 
	}

div#footer a:link {
	color: #ffffff; 
	text-decoration: none; 
}

div#footer a:visited {
	color: #ffffff; 
	text-decoration: none; 
}

div#footer a:focus { 
	color: #dc241f; 
	text-decoration: none; 
	}

div#footer a:hover { 
	color: #dc241f; 
	text-decoration: none; 
	}


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