body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 9px 0px 9px;
	background:url(images/bodyback.jpg);
	border: 0px;
	padding: 3px;
	text-align:left;
	font-size: 11pt;
}

/* anchor tags */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
li {
		padding: 5px 4px 5px 4px;
		font-family:  Arial, Helvetica,sans-serif; font-size: 1em; color:#000000; font-weight:100;
	} 
p {
	padding: 4px 4px 4px 4px;
}
img{
 border: none;
}

input {
	
margin: 0px 3px 0px 0px;
}
#header {
	background-image:url(images/sjcphsbanner.jpg);
	background-repeat:no-repeat;
	border:none;
	background-color: #eeeeff;
	border-bottom: #8888cc 1px solid;
}
.sections {
	background-color:#FFFFFF;

}

.info, .leftnav {margin-left: 6px;}
.callout { background:#e1e1e1; margin:3px; padding: 4px 4px 4px 8px; color:#FF0000}
/* content div */
#contributecontent { padding: 5px 5px 5px 5px; margin: 2px; text-align:left	} 
#contributecontent p { margin: 0px 8px 0px 0px; text-align:left; padding: 0px 0px 1px 2px;} 
#contributecontent th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	background-color:#eeeeff;
	padding:5px;
	color:#FF9900;
	text-align:left;
	border: 0px;
	border-right: solid 4px white;
}
#contributecontent table {background:#ffffff; border:0px; padding:5px; }		
#contributecontent #borderless {background:#ffffff; border:0px; border-collapse:collapse}		
#contributecontent td {background:#ffffff; border:0px;padding: 3px 2px 3px 4px; vertical-align:top;}	
#contributecontent ul,#contributecontent ul li {
margin: 5px 0px 5px 15px;
-margin: 5px 0px 5px 0px;  }
#contributecontent ul ul,#contributecontent ul ul li{margin: 2px 0px 2px 10px; font-size: .97em;}
#contributecontent ul ul ul,#contributecontent ul ul ul li{margin: 2px 0px 2px 7px; font-size: .97em;}			   
#contributecontent ul ul ul ul{margin: 2px 0px 2px 7px; font-size: .95em;}			   
#leftcol2, #rightcol2 {float:left; width:175px; padding: 0px 5px 5px 5px; border:solid 1px silver; margin:4px; margin-top:5px;}
#leftcol1, #rightcol1 {float:left; width:auto; padding: 0px 5px 5px 5px; border:solid 1px silver; margin:4px; margin-top:5px;}
#left {float:left; width:50%; padding: 0px 5px 5px 5px; margin:4px; margin-top:5px;}
#right {float:left; width:auto; padding: 0px 5px 5px 5px; margin:4px; margin-top:5px;}
#clear {  clear:both;}
#feature1 { float:left;}
#feature2 { clear:both;}
.item2 {margin-top:.1em; margin-bottom:.1em;}
.item1 {border-top:1px ridge #999999; margin-top:.5em; margin-bottom:.75em;}
#contributecontent .NoListStyle{list-style:none; padding: 0px 0px 0px 0px; margin-left: 5px;}
#contributecontent .NoListStyle li {padding: 0px 0px 0px 0px;margin:0px;}
#contributecontent .NoListStyle li ul, #contributecontent .NoListStyle li ul li ul {list-style:none; padding: 0px 0px 0px 10px;margin: 0px; margin-left: 5px;}
#contributecontent .NoListStyle li ul li, #contributecontent .NoListStyle li ul li ul li {list-style:none;padding: 0px;margin:0px;}
/* heart awareness list */
.heartlist { list-style-image:url(images/heart-small.gif);}
.heartlist li { padding-top:10px;}

/* Org Chart */
.orgchart { width: 193px; height: 630px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.orgchart td { font-size:12px; font-family: Arial, Helvetica, sans-serif;}

/* headings */
/* h1 { margin-top: 8px; margin-bottom: 2px; font-size: 18pt; text-align: center; } */
h1 {  font-family: Arial, Helvetica, sans-serif;margin-top: 4px; margin-bottom: 2px; font-size: 18pt; color:#000066}
h2 {  font-family:  sans-serif,Arial, Helvetica;margin-top: 8px; margin-bottom: 4px; font-size: 14pt; color:#000066}
h3 {  font-family: Arial, Helvetica, sans-serif;margin-top: 8px; margin-bottom: 2px; font-size: medium; }
h4 {  font-family: Arial, Helvetica, sans-serif;margin: 8px 0px 2px 0px; font-size: small;  }
.center {text-align: center; }
.left {text-align: left; }
.squish { margin-top: 0px; margin-bottom: 0px; }

/* navigation */

#nav, #nav h1 {	color: #000000; font-size: 1em; font-weight: bold; position: relative; float: left; line-height: 1.2em; margin-bottom: -1px; width: 185px; }
#nav, #nav ul { padding: 0;	margin: 0; list-style: none; float: left; width: 185px; margin-left: 2px; border-left: solid 1px #DDDDDD; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #999999; border-right: solid 1px #999999;}
#nav li { position: relative; float: left; line-height: 1.2em; width: 185px; border-bottom: solid 1px #ABABAB;  padding: 0px 0px 0px 0px; text-align:left}
#nav li ul {
	position: absolute;
	left: -999em;
	margin-left: 185px;
	margin-top: -1.2em;
	width: 185px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	z-index:1000;
}
/*#nav li ul ul { width: 200px;	left: -999em;}*/
#nav li a {
	width: 185px;
	display: block;
	color: #03447C;
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;
	background-color: #CCCCCC;
	padding: 2px 0px 4px 0px;
}
#nav li a:hover {
	color: #00477F;
	background-color: #C5CCFF;
	z-index:2000;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	z-index:8000;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; z-index:3000;}
#nav li:hover, #nav li.hover {
    position: static;
	z-index:4000;
}

form#topnav { margin-top: 0em; margin-bottom: 0em; font-size: 1em; }
.footer{
	background-color:#eeeeff;
	padding:5px;
	color:#FF9900;
	text-align:center;
	border: 0px;
}
.footerCopyWrite{
	background-color:#ffffff;
	padding:5px;
	color:#a5a5a5;
	text-align:center;
}
.contentTable{
	padding: 4px;
}
#alert table{

  border-collapse:collapse;
 background-color:#dddddd;

}
#alert th{
	background: #FF0000;
	color:#FFFFFF;
	font-size:medium;
	border-width: 0px;
	border-bottom: solid 2px #ffffff;
	border: solid 1px black;
}
#alert td{
	background:#dddddd;
	 border: none;
	 padding: 4px 5px 3px 5px;
}
#contributecontent table.infobox{
	border-collapse:collapse;
	margin: 5px 3px 5px 3px;
	font-size: .97em;
	
	
}
#contributecontent table.infobox th{
text-align:left;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color:#000066;
color:#ffffff;
background-color:#000066;
}
#contributecontent table.infobox td{
background-color:#fefeff;
text-align:left;
border-width: 0px 1px 2px 1px;
border-style: solid;
border-color:#000066;
padding: 6px;

}
#contributecontent table.infobox td h4{
 margin-left: -2px;
}
#contributecontent table.infobox td p{
 margin-left: 2px;
 margin-bottom: 2px;
}
#contributecontent table.infobox td a:hover{
 
 background-color:#D8DAEf;
}
#contributecontent table.bulleted td p:before{



}
#contributecontent p{
  margin-bottom: 4px;
}

/*#contributecontent table.infobox td li{
  margin-left: -18px;
  -margin-left: 18px;
  
}*/
#contributecontent table.infotable{
	border-collapse:collapse;
	margin: 5px 3px 5px 3px;
	width: 205px;
	
}
#contributecontent table.infotable th{
text-align:left;
border-width: 1px;
border-style: solid;
border-color:#000066;
color:#ffffff;
background-color:#000066;
}
#contributecontent table.infotable td{
background-color:#fefeff;
text-align:left;
border-width: 1px;
border-style: solid;
border-color:#000066;

}
#contributecontent table.infotable td p{
  margin-bottom: 2px;
}
#contributecontent table.infotable td p img{
  float:left;
}
.GroupWrapper{
	float:left;
	width:45%;
	margin: 5px 5px;
	text-align:left;
	padding:8px;
	border: 1px solid #cccccc;
	
}
.GroupWrapper img{
   Height: 120px;
   float:left;
   margin: 8px;
}.sections #contributecontent img {
	
	margin: 5px;
}
