/*================================================================================================================

				 Bishopbyrne.org Home Page Style Sheet
			       Author: Denardo Crawford, Creavolution Arts
				
===============================================================================================================*/




/* === Main ===*/

body {	
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #000000 url(images/background.jpg) repeat-x;
	
}



html, body {
	margin: 5px;
	padding: 0px;
}



h1 {
	margin: 0;
	padding: 0;
	float: right;	

}









/* === Page Containers ===*/

#page {	
	/* This style will allow for the red panel to bleed above the top and bottom of the page-container */
	margin: auto;
	width: 800px;
	height:1590px;

}



#page-container {
	margin: 10px auto 10px auto;	
	width: 800px;	
	background: #ffffff;

}









/*=== Red Panel ===*/

#panel {

	width: 204px;
	float:left;
	height:1595px;
	background: url(images/panel.png);
	margin-left: 24px;
	position: absolute;
	top: 5px;
	z-index: 10;
	
}




#panelFS {

	width: 204px;
	float:left;
	height:3860px;
	background: url(images/panel.png);
	margin-left: 24px;
	position: absolute;
	top: 5px;
	z-index: 10;
	
}



#panelAD {

	width: 204px;
	float:left;
	height:2850px;
	background: url(images/panel.png);
	margin-left: 24px;
	position: absolute;
	top: 5px;
	z-index: 10;
	
}



#logo {	
	margin: 50px 0px 0px 9px;	

}









/*=== Header Content ===*/

#header {	
	
	height: 30px;
	border-top: 5px solid #a20404;

}








/* === Banner Content ===*/

#bannerContainer {
	height: 50px;
	background: #000000;
	
}



#bannerLeftContent {
	
	margin:0px 0px 0px 232px;
	height: 100%;
	color: #a20404;
	
			
}




#bannerLeftContent dl {	
	
	position:absolute;
	margin: 10px 0px 0px 0px;
	
	
	

}



#bannerLeftContent dt {	
	
	
	display:inline;
	list-style-type:none;
	padding-left: 5px;
	

}

#bannerLeftContent dt#Active {	
	
	text-decoration: underline;
	color: #606060;

}

#bannerLeftContent dt#Heading {	
	
	font-family:"Book Antiqua";
	font-size: 20px;
	padding-right: 5px;
	

}



#bannerLeftContent a {	
	
	text-decoration: none;
	color: #a20404;

}

#bannerLeftContent a:hover {	
	
	color: #606060;

}









/* === Navigation ===*/

#nav {		
	width:173px;	
	overflow:hidden;
	margin: 20px 0px 0px 20px;
	

}



#nav dl {	
	margin:0;
	padding: 0;

}



#nav dt a{
	display: block;
	height:31px;
	overflow: hidden;
	background-repeat: no-repeat;
	
	

}



#nav dt#home a {

	background-image: url(images/homeLink.png);

}

#nav dt#home a:hover {

	background-image: url(images/homeHover.png);

}



#nav dt#about a {

	background-image: url(images/aboutLink.png);

}

#nav dt#about a:hover {

	background-image: url(images/aboutHover.png);

}



#nav dt#academics a {

	background-image: url(images/academicsLink.png);

}

#nav dt#academics a:hover {

	background-image: url(images/academicsHover.png);

}



#nav dt#student a {

	background-image: url(images/studentLink.png);

}

#nav dt#student a:hover {

	background-image: url(images/studentHover.png);

}



#nav dt#admissions a {

	background-image: url(images/admissionsLink.png);

}

#nav dt#admissions a:hover {

	background-image: url(images/admissionsHover.png);

}



#nav dt#fs a {

	background-image: url(images/fsLink.png);

}

#nav dt#fs a:hover {

	background-image: url(images/fsHover.png);

}



#nav dt#contact a {

	background-image: url(images/contactLink.png);

}

#nav dt#contact a:hover {

	background-image: url(images/contactHover.png);

}









/*=== Main Content ===*/

#content {
	width:550px;
	margin-left: 240px;
	margin-top:10px;	
	line-height: 18px;
	font-family:"Book Antiqua";
	font-size:12px;
	color: #181818;
	
	
	
}



#content h2 {
	margin: 0;
	color: #a20404;
	font-weight:normal;
	padding-bottom: 5px;

}

#content h2 span {	
	color: red;
	
}



#content p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	
}


#content p span {
	
	font-weight:bold;
	
}


#content a {
	color:#a20404;
	
}

#photo {	
	
	
	float:right;
	position: relative;
	padding-left:3px;
	top:-20px;
	
	

}





#photoLeft {	
	
	
	float:left;
	position: relative;
	padding-right:3px;
	
	

}



#photoRight {	
	
	
	float:right;
	position: relative;
	padding-left:3px;
	
	

}


#greyBoxLeft {	
	
	float:left;
	width: 430px;
	height:110px;
	padding: 2px 5px 0px 0px;
	background:#D8D8D8;
	line-height: 1;
	color:#404040; 
	clear:both;
	
}


#greyBoxLeft img {	
	
	float:left;
	position: relative;
	bottom: 20px;
	border: 2px solid #D8D8D8;
	
	
}

#greyBoxRight {	
	
	float:right;
	width: 430px;
	height:110px;
	padding: 2px 0px 0px 5px;
	background:#C8C8C8;
	line-height: 1; 
	color:#404040;
	clear:both;
	
}


#greyBoxRight img {	
	
	float:right;
	position: relative;
	bottom: 20px;
	border: 2px solid #C8C8C8;
	
	
}



#name {
	
	font-size: 20px;
	font-weight:bold;
	
	
	
}


#name span {
	
	font-size: 14px;
	color: #a20404;
		
}



#duty {
	
	font-size: 13px;
	font-weight:normal;
	font-color:black;
	padding-bottom:2px;
	
}




#credentials {
	
	font-size: 12px;
	font-weight:normal;
	font-color:black;
	font-style:italic;
}

#spacer {
	height:7px;
	clear:both;
}

#clear {	
	clear:both;
	
}









/*=== Footer Content ===*/

#footer{

	clear:both;
	width: 800px;	
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #606060;
	height: 30px;
	border-bottom: 5px solid #a20404;
	

}



#footerContent{

	border-top: thin solid #cc6060;
	margin-left:230px;
	margin-right: 5px;	

}



#footerLinks{
		
	float:left;
	padding: 5px 0px 5px 2px;
	
}



#footer a {
	color: #606060;
	text-decoration: none;

}

#footer a:hover {
	color: red;

}



#copyright {
	width: 250px;
	float: right;
	text-align: right;
	padding: 5px 2px 5px 0px; 

}