/*	Penn Law default.css 										*/
/*	Items that should appear only once per page (e.g. siteNav)
	should be defined by ID rather than class					*/


/* Image with id "printLogo" (on white background) should not appear on screen */
img#printLogo {
	display: none;
	width: 0px;
}

/* skipNav */
#skipNav {
	height:1px;
}

div#screenLogo {
	height:79px;
}

/* This is cludgy, but it should keep the page from collapsing farther than we'd like it to */
div#forceWidth {
	width:685px;
}

/* Default settings for HTML elements */

body {
	background-color: #011F5B;
	color: #fff;
	font-family: arial, verdana, helvetica, sans-serif;
	margin: 0;
}

body, table {
	font-size: 11px;
	line-height: 140%;
}

th {
	text-align: left;
}

p	{
	margin: 0 20px 15px 0;
	padding: 0;
}

img	{
	border:none
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #FECC66;
}

a:hover, a:active {
	color: #900;
}


h1,
h2,
h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold
}

h1 {
	font-size: 13px;
	line-height: 140%;
	text-transform: uppercase;
}


h2 {
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 0;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}

/* divider - the line between navigation and content */
.divider {
	/*height:1px;*/
	background-color:#FECC66;
}
#dividerHorizontal {
	height:1px;
}


/* NAVIGATION */
/* Includes siteNav, searchNav, sectionNav,#categoryNav, quickLinks, and footer classes */


/* siteNav - controls appearance of site navigation (Home, Library, Alumni, Goat) */
#siteNav {
	width:256px;
	margin-top:31px;
	color: #000;
	background-color: #FECC66;
}

#siteNav p {
	padding-top:4px;
	margin:0;
	height:20px;
	white-space:nowrap;
	text-align:center;
}

#siteNav a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#siteNav a,
#siteNav a:link,
#siteNav a:visited {
	color: #011F5B;
}

#siteNav a:hover,
#siteNav a:active {
	color: #900;
}



/* searchNav - controls appearance of search box links */
#searchNav td form {
	height: 24px;
	margin: 0;
}

#searchNav td fieldset {
	border:none;
	margin:0;
	padding:0;
}

#searchNav td legend {
	display:none;
}

#searchNav td form #words {
	width:98px;
	margin:0;
}

#searchNav td #searchSubmit {
	display:none;
}

#searchNav td p {
	text-align:right;
	margin:0;
}

#searchNav td a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#searchNav td a,
#searchNav td a:link,
#searchNav td a:visited {
	color: #fff;
}

#searchNav td a:hover,
#searchNav td a:active	{
	color: #FECC66;
}



/* sectionNav - controls appearance of links to main sections (About Penn Law, Prospective Students, Academics, etc.) */
#sectionNav {
	background-color: #900;
	white-space:nowrap;
}

#sectionNav p {
	margin: 4px 0 0 0;
	padding-left:36px;
	height: 20px;
}

#sectionNav a,
#sectionNav a:link,
#sectionNav a:visited	{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
	
#sectionNav a:hover	{
	color: #FECC66;
}

#sectionNav a:active	{
	color: #011F5B;
}


/* quickLinks - navigation links within a subcategory */
.quickLinks {
	background-color: #FECC66;
	white-space:nowrap;
}

p#quickLinks {
	height: 20px;
	margin: 4px 0 0 0;
	padding-left: 15px;
}

p#multilineQuickLinks {
	margin: 0;
	padding-left: 15px;
}


.quickLinks a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #011F5B;
}

.quickLinks a:hover,
.quickLinks a:active {
	color: #900;
}



/*#categoryNav - controls the appearance of the left-rail category navigation */

#categoryNav {
	border-left: 1px solid #30518c;
	border-bottom: 0px solid #30518c;
	color: #fff;
	font-size: 10px;
	text-align: right;
}

#categoryNav ul	{
	padding: 0;
	margin: 0 0 20px 0;
	list-style-type: none;
}

#categoryNav li	{
	width: 256px;
	height: 24px;
	padding: 0;
	margin: 0;	
	line-height: 240%;
	vertical-align: middle;	
}

/* currentSection identifies the currently selected Section */
#categoryNav li.currentSection	{
	background-color: #900;
	font-weight: bold;
	text-transform: uppercase;
}

#categoryNav li.currentSection a,
#categoryNav li.currentSection a:visited,
#categoryNav li.currentSection a:hover,
#categoryNav li.currentSection a:active {
	color: #fff;
	background-color: #900;
}

/* currentCategory identifies the currently selected Category */
#categoryNav li.currentCategory {
	background-color: #30518C;
	text-transform: uppercase;
}

#categoryNav li.currentCategory a,
#categoryNav li.currentCategory a:visited {
	color: #fff;
	background-color: #30518C;
}

#categoryNav li.subcategory a,
#categoryNav li.subcategory a:visited,
#categoryNav li.subcategory a:hover,
#categoryNav li.subcategory a:active {
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	background-color: #011F5B;
}

#categoryNav li.subcategory a,
#categoryNav li.subcategory a:visited {
	color: #fff;
}
	
#categoryNav li.subcategory a:hover	{
	color: #FECC66;
}

#categoryNav li.subcategory a:active	{
	color:	#900;
}

/* currentSubcategory identifies the currently selected Subcategory */
#categoryNav li.currentSubcategory a, 
#categoryNav li.currentSubcategory a:hover,
#categoryNav li.currentSubcategory a:visited {
	color: #FECC66;
	font-weight: normal;
	background-color: #011F5B;
}


#categoryNav li.category	{
	background-color: #99C;	
}
	
#categoryNav li.categoryAlt	{
	background-color: #CCF;
}

#categoryNav li.categoryAlt a:link,	
#categoryNav li.categoryAlt a:visited,	
#categoryNav li.categoryAlt a:active {
	background-color: #CCF;
}

#categoryNav li.categoryAlt a:hover {
	background-color: #30518C;
}

#categoryNav a	{
	font-weight: bold;
	text-decoration: none;
	width: 256px;
	height: 24px;
	padding: 0;
	float: left;
}
	
#categoryNav a:link,
#categoryNav a:visited	{
	color: #003879;	
}

#categoryNav a:hover	{
	color: #fff;
	background-color: #30518C;
}

#categoryNav a:active	{
	color: #011F5B;
}






/* Footer */
#footer {
	font-size: 9px;
	white-space: nowrap;
}

#footer p {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 12em;
	margin-left: 35px;
}


/* CONTENT */
/* Includes #sectionContent, #categoryContent, #subcategoryContent, photoCaption, and calloutBox classes */


#sectionContent,
#categoryContent,
#subcategoryContent {
	border-left:#FECC66 1px solid;
	border-bottom:#FECC66 1px solid;
	padding-top:2em;
	padding-right:2px;
	padding-bottom:2em;
	padding-left:34px;
}


/* Section content - content under a main section heading */
#sectionContent {
}

#sectionContent ul {
	list-style-type: disc;
	list-style-image:url(/olc/images/UPNL/whitebullet.gif);
}


/* Category content - content under a main category heading */
#categoryContent {
	background-color: #30518C;
}

#categoryContent h1 {
	color: #FECC66;
}

#categoryContent ul {
	list-style-type: disc;
	list-style-image:url(/olc/images/UPNL/whitebullet.gif);
}

#categoryContent .default {
	background-color: #30518C;
	color: #fff;
}

/* Subcategory content - content under a subcategory heading */
#subcategoryContent {
	background-color: #fff;
	color: #011F5B;
}

#subcategoryContent h1 {
	color: #900;
}

#subcategoryContent ul {
	list-style-type: disc;
	list-style-image:url(/olc/images/UPNL/bluebullet.gif);
	/* padding-left adjusted for faculty pages */
	padding-left: 1.5em;
	margin-left: 0;
}

#subcategoryContent a {
	font-weight: bold;
	text-decoration: none;
	color: #E06F1D;
}

#subcategoryContent a:hover,
#subcategoryContent a:active {
	color: #900;
}


/* Content paragraphs & block-quotes get 170 pixels padding on the right */
h1,
h2,
h3,
#sectionContent p,
#sectionContent ul,
#sectionContent ol,
#sectionContent p,
#categoryContent p,
#categoryContent ul,
#categoryContent ol,
#subcategoryContent p,
#subcategoryContent ul,
#subcategoryContent ol,
#sectionContent blockquote,
#categoryContent blockquote,
#subcategoryContent blockquote
{
	padding-right: 170px;
}

/* Tables */
/* By default, tables should not have any styles applied? */
/*
#sectionContent table,
#categoryContent table
{
	background-color: #fff;
	color: #011F5B;
}
#subcategoryContent table {	
	color: #011F5B;
}

#subcategoryContent table .row {
	background-color: #eee;
}

#subcategoryContent table .rowAlt {
	background-color: #ccc;
}
*/

/* Forms */
#sectionContent form input,
#categoryContent form input,
#subcategoryContent form input {
	font-size: 11px;
}


/* Fieldset margins */
#sectionContent fieldset,
#categoryContent fieldset,
#subcategoryContent fieldset {
	margin-top: 1em;
	margin-right: 170px;
}

/* Legend */
#subcategoryContent legend { 
	font-weight: bold;
	color: #900;
}

/* form labels appear bold */
#sectionContent form label,
#categoryContent form label,
#subcategoryContent form label {
	font-weight: bold
}

/* .submit and .reset classes control the appearance of the submit and reset buttons */
#sectionContent form .submit,
#categoryContent form .submit,
#subcategoryContent form .submit,
#sectionContent form .reset,
#categoryContent form .reset,
#subcategoryContent form .reset {
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	height:20px;
}

#sectionContent form .submit,
#categoryContent form .submit,
#subcategoryContent form .submit {
	background-color: #011F5B;
}

#sectionContent form .reset,
#categoryContent form .reset,
#subcategoryContent form .reset {
	background-color: #900;
}



/* Photo caption */
.photoCaption {
	text-align: left;
	font-size: 10px;
	line-height: 140%;
	padding: 10px 0 5px 10px;
}



/* Callout Box. These styles can be applied to block-level elements (tables, paragraphs, divs) within the main content. */
p.calloutBox,
div.calloutBox {
	padding: 10px;
	margin-right:170px;
}

#sectionContent p.calloutBox,
#sectionContent div.calloutBox {
	color: #FFF;
	background-color: #30518C;
}

#categoryContent p.calloutBox,
#categoryContent div.calloutBox {
	color: #011F5B;
	background-color: #FECC66;
}

#subcategoryContent p.calloutBox,
#subcategoryContent div.calloutBox {
	color: #011F5B;
	background-color: #CCF;
}

#subcategoryContent .calloutBox p,
#subcategoryContent .calloutBox ul,
#subcategoryContent .calloutBox ol {
	margin-right: 170px;
}

/* Callout Box - table */
#subcategoryContent table.highlight,
#subcategoryContent table.calloutBox {
	color: #011F5B;
	background-color: #4f4fb9;
	margin-right:170px;
}

#subcategoryContent table.highlight th,
#subcategoryContent table.calloutBox th {
	background-color: #4f4fb9;
	color:#ffffff;
	font-weight:bold;
	text-align:left
}

#subcategoryContent table.highlight tr,
#subcategoryContent table.calloutBox tr,
#subcategoryContent table.highlight tr.row,
#subcategoryContent table.calloutBox tr.row {
	background-color: #ccccff;
	color:#011f5b;
}

#subcategoryContent table.highlight tr.rowAlt,
#subcategoryContent table.calloutBox tr.rowAlt {
	background-color: #9999ee;
	color:#011f5b;
}

#categoryContent table.calloutBox th,
#categoryContent table.calloutBox td, 
#categoryContent table.highlight th,
#categoryContent table.highlight td, 
#subcategoryContent table.calloutBox th,
#subcategoryContent table.calloutBox td,
#subcategoryContent table.highlight th,
#subcategoryContent table.highlight td {
padding: 3px;
}

#categoryContent table.highlight,
#categoryContent table.calloutBox {
	color: #011F5B;
	background-color: #cb8b06;
	margin-right:170px;
}

#categoryContent table.highlight a,
#categoryContent table.calloutBox a,
#subcategoryContent table.highlight a,
#subcategoryContent table.calloutBox a {
	color: #011F5B;
	font-weight: bold;
}

#categoryContent table.highlight a:hover,
#categoryContent table.calloutBox a:hover,
#subcategoryContent table.highlight a:hover,
#subcategoryContent table.calloutBox a:hover {
	color: #900;
	font-weight: bold;
}

#categoryContent table.highlight th,
#categoryContent table.calloutBox th {
	background-color: #cb8b06;
	color:#011f5b;
	font-weight:bold;
	text-align:left;
}

#categoryContent table.highlight tr,
#categoryContent table.calloutBox tr,
#categoryContent table.highlight tr.row,
#categoryContent table.calloutBox tr.row {
	background-color: #fecc66;
	color:#011f5b;
}

#categoryContent table.highlight tr.rowAlt,
#categoryContent table.calloutBox tr.rowAlt {
	background-color: #f2b63b;
	color:#011f5b;
}