/* CSS Style Sheet for the Principia CMS/WebGui Pages */

body, html {
	margin: 0;
	background-image: url(/images/bckgrnd.gif);
	background-repeat: repeat;
	height: 100%;
}

/* Main Page Components  */

a {outline: none;}

#pageContainer {
	width: 770px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #f0f0f0;
	background: #ccc url(http://www.prin.edu/school/images/pageContainerBckgrnd.gif) repeat-y 50% 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #8C8CA5;
	border-left-color: #8C8CA5;
}

#pageContainerForm {
	width: 770px;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #8C8CA5;
	border-left-color: #8C8CA5;
}

#header {
	background-image: url(/school/images/imgHeader.gif);
	width: 770px;
	height: 40px;
	background-repeat: no-repeat;
}

.headerTitle { /* Part of Header */
	color: #1B2164;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: lighter;
	text-decoration: none;
	margin-left: 500px;
	margin-top: 25px;
	margin-bottom:-4px;
	margin-right: 0px;
}

.headerNavTitle { /* Part of Header */
	color: #8C8CA5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-weight: lighter;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 4px;
	margin-right: 13px;
	text-align:right;
}

#jumpMenuMain {
	width: 283px;
	padding-top: 9px;
	margin-left: 479px;
}

#NonFooterHack{
	margin-right:-1px;
}

#sidebar {
	margin-bottom: 0px;
	width: 214px;
	float:left;
}

#mainContent {
	margin-left: 214px;
	width: 556px;
	
	
}

#footer{
	clear: both;
	position:relative;
	padding: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #8C8CA5;
	text-align: center;
	margin-top: 0px;
	margin-right: -1px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer a:link, #footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}


/* Navigation */

.navCell {
	background-image: url(/school/images/navBckgrnd.gif);
	background-repeat: repeat-y;
	height: 23px;
	width: 200px;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8C8CA5;
}

.cellBorder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #8C8CA5;
	border-right-color: #8C8CA5;
	border-left-color: #8C8CA5;
}

.navText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	padding-right: 5px;
	padding-top: 5px;
}

.navText a:link, .navText a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	text-decoration: none;
	padding-right: 5px;
	padding-top: 2px;
}

/* Sidebar */

#navigation {
	width: 202px;
	height: 274px;
	margin-left: 6px;
}

#navigationPrinCam {
	width: 202px;
	height: 298px;
	margin-left: 6px;
}

body:last-child:not(:root:root) #navigation {
	height: 264px;
}

#dividerSidebar{
	margin-top: 6px;
	margin-bottom: 6px;
	border-top: 1px dotted #8C8CA5;
	width: 214px;
}

.leftFeature {
	width: 200px;
	margin-top: 0px;
	margin-bottom: 11px;
	margin-left: 6px;
	border: 1px solid #8C8CA5;
	background-color: #FFFFFF;
}

.leftFeatureHeader {
	height: 23px;
	background-color: #8C8CA5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #FFFFFF;
	text-align: right;
	font-size: 15px;
	padding-right: 10px;
	padding-top: 7px;
	border-bottom: 1px solid #8C8CA5;
}

.leftFeatureHeaderGold {
	height: 23px;
	background-color: #CCCC99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #73738A;
	text-align: right;
	font-size: 15px;
	padding-right: 10px;
	padding-top: 7px;
	border-bottom: 1px solid #8C8CA5;
}

.leftFeatureContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999966;
	text-align: right;
	margin-bottom: 89px;
	margin-top: 8px;
	margin-right: 10px;
}

.leftFeatureContent a:link, .leftFeatureContent a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
}

.leftFeatureContent a:hover {
	text-decoration: underline;	
}

.leftFeatureContentSchoolLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999966;
	text-align: right;
	margin-bottom: 20px;
	margin-top: 8px;
	margin-right: 10px;
}

.leftFeatureContentSchoolLinks a:link, .leftFeatureContentSchoolLinks a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
}

.leftFeatureContentSchoolLinks a:hover {
	text-decoration: underline;	
}

/* Header Features */

#pageTitle {
	width: 556px;
	height: 48px;
	background-image: url(/school/images/logoPrincipiaSchool.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#innerPageTitleContainer {
	width: 556px;
	height: 45px;
	background-color: #FFFFFF;
}

#innerPageTitle {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #8c8ca5;
	text-decoration: none;
	text-align: right;
	margin-top: 9px;
	margin-right: 10px;
}

#innerPageHeading {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 28px;
	color: #8c8ca5;
	text-decoration: none;
	text-align: right;
	margin-right: 10px;
	margin-top: 6px;
}

#innerPageHeading a:link, #innerPageHeading a:visited{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 28px;
	color: #111170;
	text-decoration: none;
}

#innerPageHeading a:hover {
	text-decoration: underline;
}

#dividerHeader{ /* Used on Home Page */
	margin-top:8px;
	margin-bottom:8px;
	border-top: 1px dotted #8C8CA5;
	width: 556px;
}

#dividerPage{ /* Used on Home Page */
	margin-top:8px;
	margin-bottom:8px;
	border-top: 1px dotted #8C8CA5;
	width: 556px;
}

#divider{ /* Used on Internal Pages */
	margin-top:8px;
	margin-bottom:8px;
	border-top: 1px dotted #8C8CA5;
	width: 556px;
}

/* Bread Crumbs In Header */

#breadCrumbsContainer {
	width: 556px;
}

#breadCrumbs {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #8C8CA5;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
}

#breadCrumbs a:link, #breadCrumbs a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
}

#breadCrumbs a:hover {
	text-decoration: underline;	
}

/* Main Image/SWF to the Page */
.borderImgHeader {
	width: 542px;
	height: 233px;
	border: 1px solid #8C8CA5;
	margin-bottom: 0px;
	margin-left: 6px;
}

/* Event Containers and Content */

.eventContainer {
	width: 271px;
	height: 245px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8C8CA5;
	border-bottom-color: #8C8CA5;
	border-left-color: #8C8CA5;
	margin-top: 0px;
}

.eventTitle {
	width: 271px;
	height: 28px;
	border-bottom: 1px solid #8C8CA5;
	
}

.eventTitleText {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #8C8CA5;
	text-align:right;
	padding-top: 7px;
	margin-right: 12px;
}

.eventTitleTextCollege {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-align:right;
	padding-top: 7px;
	margin-right: 12px;
}

.eventContent {
	width: 271px;
	height: 217px;
}

.eventContent a:link, .eventContent a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #111170;
	text-decoration: none;
}

.eventContent a:hover {
	text-decoration: underline;
}

.eventContentText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #111170;
	text-decoration: none;
	text-align: right;
	margin-right: 12px;
	margin-top: 10px;
}

/* Banner Area */

.moreNewsAndEvents {
	font-size: 14px;
	color: #111170;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: right;
	margin-right: 10px;
	margin-top: 13px;
	margin-bottom: 10px;
}

.moreNewsAndEvents a:link, .moreNewsAndEvents a:visited{
	color: #111170;
	text-decoration: none;
}

.moreNewsAndEvents a:hover {
	text-decoration: underline;
}

#dividerFeatures{
	margin-bottom:8px;
	border-top: 1px dotted #8C8CA5;
	width: 289px;
}

.borderImgBanner {
	width: 542px;
	height: 87px;
	border: 1px solid #8C8CA5;
	margin-left: 7px;
	margin-bottom: 10px;
}

/* "Links At Principia" Containers and Content */

.linksFeatureContainer {
	width: 542px ;
	height: 88px;
	border: 1px solid #8C8CA5;
	margin-bottom: 10px;
	margin-left:7px;
}

.linksFeatureContent{
	width: 448px;
	height: 88px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8C8CA5;
	text-align: right;
	float: left;
	padding-right: 5px;
}

.linksFeatureImage{
	width: 88px;
	height: 88px;
	border-left: 1px solid #8C8CA5;
	float: right;
}
	
.linksFeatureTitleText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	margin-top: 7px;
}

.linksFeatureBodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999966;
	margin-bottom: 4px;
}

.linksFeatureLinkText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
}

.linksFeatureLinkText a:link, .linksFeatureLinkText a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
}

.linksFeatureLinkText a:hover {
	text-decoration: underline;
}

/* Main Events */

.mainImageBanner {
	width: 542px;
	height: 106px;
	border: 1px solid #8C8CA5;
	margin-top: 5px;
	margin-left: 6px;
}


/* Main Events */

.mainEventContainer {
	width: 542px;
	margin-left: 6px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.mainEventContainer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
	padding-left: 12px;
	text-align: left;
}

.mainEventContainer p a:link, .mainEventContainer p a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: underline;
}

.mainEventContainer p a:hover {
	text-decoration: none;
}

.mainEventContainerBorder {
	width: 542px;
	border: 1px solid #8C8CA5;	
}

.mainTabArea {
	width: 544px;
	height: 31px;
	padding-top:7px;
	background-color:#f0f0f0;
}

.mainTab{
	width: 200px;
	height: 23px;
	border: 1px solid #8C8CA5;
	background-image: url(/college/images/navBckgrnd.gif);
	background-repeat: repeat;
	margin-left: 6px;
}

.mainTabText{
	margin-top: 4px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	text-decoration: none;
}

.mainEventTitle {
	width: 542px;
	height: 28px;
	border-bottom: 1px solid #8C8CA5;
}

.mainEventTitleText {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #8C8CA5;
	text-align:right;
	padding-top: 7px;
	margin-right: 12px;
}

.mainEventContentContainer {
	width: 510px;
	padding: 16px;
	text-align: left;
}

.mainFormContentContainer {
	width: 738px;
	padding: 16px;
	text-align: left;
}

.mainEventContent a:link, .mainEventContent a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: underline;
}

.mainEventContent a:hover {
	text-decoration: none;
}

.mainEventContentTextBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
}

.mainEventContentTextBlue a:link, .mainEventContentTextBlue a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: underline;
}

.mainEventContentTextBlue a:hover {
	text-decoration: none;
}

.mainEventContentTextGold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999966;
	text-decoration: none;
}

.mainEventContentTextGold a:link, .mainEventContentTextGold a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999966;
	text-decoration: underline;
}

.mainEventContentTextGold a:hover {
	text-decoration: none;
}

.mainDateContainer {
	width: 510px;
	
}

.mainDateDivider {
	margin-bottom: 17px;
	border-top: 1px dashed #cccc99;
	width: 108px;
}

.mainDivider {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px dashed #999966;
	width: 108px;
}

.mainContentTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000066;
	width: 510px;
	margin-bottom: 17px;
}

.mainImageContainerLeft {
	float: left;
	border: 1px solid #8C8CA5;
	margin-top: 2px;
	margin-right: 12px;
	margin-bottom: 9px;
}

.mainImageContainerRight {
	float: left;
	border: 1px solid #8C8CA5;
	margin-top: 2px;
	margin-left: 12px;
	margin-bottom: 9px;
}

.mainImageBorder {
	border: 1px solid #8C8CA5;
	margin: 5px;
}

.mainContentInfo {
	margin-top: 41px;
}

#squareList ul {
	list-style-type: square;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
}

.mainContentHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999966;
	font-weight: bold;
	margin-bottom: 17px;
}

.mainContentSubHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight: bold;
}

.mainLinkBox {
	float: right;
	width: auto;
	border: 1px solid #8C8CA5;
	padding:10px;
	margin-left: 12px;
	margin-bottom: 12px;
	text-align: right;
}

.mainLinkBox p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-decoration: none;
	text-align: right;
	padding:0;
	margin:0;
}

.mainLinkBox p a:link, .mainLinkBox p a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-decoration: underline;
	text-align: right;
	padding:0;
	margin:0;
}

.mainLinkBox p a:hover {
	text-decoration: none;
}

/* WebGui Hacks & Chages */

a:link, a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-decoration: underline;
	text-align: right;
	padding:0;
	margin:0;
}

a:hover {
	text-decoration: none;
}

.mainEventContainer td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-align: left;
}

.mainEventContainer p table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-align: left;
}

.mainEventContainer p table a:link, .mainEventContainer p table a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-align: left;
	text-decoration:underline;
}

.mainEventContainer p table a:hover {
	text-decoration: none;
}

font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
}

.mainEventContainer img {
	border:##000066;
}

.mainEventContainer b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999966;
	font-weight: bold;
	padding-bottom: 17px;
}

font a:link, .mainEventContainer font a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-decoration:underline;
}

font a:hover {
	text-decoration: none;
}

.thirdNav {
	width: 544px;
	height: 25px;
	margin-top: -17px;
	margin-left: -17px;
	padding-bottom: 10px;
	
}

.selectedBtn {
	width: 170px;
	w\idth : 170px;
	display : block;
	color : #fff;
	text-decoration : none;
	background-color : #8C8CA5;
	/*background-image: url(/college/images/navBckgrnd.gif);*/
	border : 1px solid #8C8CA5;
	padding : 5px;
	text-align: right;
}

.PCamNavTop {
	width: 544px;
	height: 25px;
	margin-top: -17px;
	margin-left: -17px;
	padding-bottom: 10px;
	
}

.PCamNavBottom {
	width: 544px;
	height: 25px;
	margin-left: -17px;
	margin-bottom: -35px;
	padding-top:10px;
	font-weight: normal;	
}

.PCamNavBottomImg {
	width: 544px;
	height: 25px;
	margin-left: -17px;
	margin-bottom: -16px;
	padding-top:10px;
	font-weight: normal;	
}

body:last-child:not(:root:root) .PCamNavBottom {
	width: 544px;
	height: 25px;
	margin-left: -17px;
	margin-bottom: -34px;
	padding-top:10px;
	
}

body:last-child:not(:root:root) .PCamNavBottomImg {
	width: 544px;
	height: 25px;
	margin-left: -17px;
	margin-bottom: -17px;
	padding-top:10px;
	
}

#jumpMenuMain {
	width: 400px;
	padding-top: 9px;
	margin-left: 482px;
}

#jumpSearchMenuMain {
	width: 400px;
	padding-top: 9px;
	margin-left: 442px;
}


#header_info {float:right; }

#header_search { float: left; height:25px; }

#header_search form { float: left; }
#header_search .search_field { color:#000066; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border:1px solid #8c8ca5; float: left; height: 25px; padding: 5px; }

#header_search .search_icon { float:left; margin-left:-1px;  }

#header_shortcut { float: left; margin-left:5px; }