/* CSS Document */


/*** BEGIN: Main Page ***************************************************************************************************/
body 
{
	background-color: #317B94;
	margin-top: 10px;
}

#PageContainer
{
	width: 950px;
	background-image: url(../images/bg_950.jpg);
	background-color:#FFFFFF;
	/*border: 3px outset #808080;*/
	margin-left: auto; 
	margin-right: auto;
}

#BodyContainer
{
	width: 930px;
	background-color: #ffffff;
	border: 0px solid #000000;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#Header
{
	width: 924px;
	height: 80px;
	background-color:#ffffff;
	border: 0px solid #000000;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding: 3px;	
}

#MasterMenu
{
	width: 930px;
	height: 25px;
	border: 0px solid #000000;
	margin-top: 2px;
	margin-bottom: 2px;
}

#Banner
{
	float: left;
	/* width: 743px;*/
	/* width: 569px; */
	width: 600px; 
	height: 130px;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ffffff;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: 3px;
}

#Widget
{
	float: left;
	width: 173px; 
	height: 130px;
	vertical-align: middle;
	text-align:center;
	background-color: #eeeeee;
	border: 0px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: 3px;
}

#HeaderLogin
{
	height: 25px;
	background-color: #F87620;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 25px;
	padding-left: 3px;
}

.signout
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

.signout:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
}

#Login
{
	float: left;
	width: 150px;
	height: 130px;
	background-color: #deebf3;
	border: 0px solid #000000;
	border-right: 1px solid #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

#SectionContainerOne
{
	width: 930px;
	height: 240px;
	background-color: #ffffff;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	clear: left;
	padding: 3px 0px 3px 0px;
	
}

#HeaderNews
{
	height: 25px;
	/*background-color: #666666;*/
	background-color: #58BA4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 25px;
	padding-left: 3px;
}

#News
{
	float: left;
	/*background-color: #dddddd;*/
	background-color: #deebf3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: 3px;
	width: 231px;
	height: 100%;
	padding: 0px 0px 0px 0px;
}

#HeaderSectionOne
{
	height: 25px;
	background-color: #6ac0d0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 25px;
	padding-left: 3px;
}

#SectionOne
{
	float: left;
	width: 229px;
	height: 100%;
	background-color: #ffffff;
	border-right: 1px solid #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: 3px;
}

#HeaderSectionTwo
{
	height: 25px;
	background-color: #6ac0d0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 25px;
	padding-left: 3px;
}

#SectionTwo
{
	float: left;
	width: 229px;
	height: 100%;
	background-color: #ffffff;
	border-right: 1px solid #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: 3px;
}

#HeaderSectionThree
{
	height: 25px;
	background-color: #6ac0d0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 25px;
	padding-left: 3px;
}

#SectionThree
{
	float: left;
	width: 229px;
	height: 100%;
	background-color: #ffffff;
	border-right: 1px solid #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

#SectionContainerTwo
{
	width: 930px;
	height: 200px;
	background-color: #ffffff;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding-bottom: 3px;
	clear: left;
}

#HeaderQuickLinks
{
	height: 25px;
	background-color: #317B94;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 25px;
	padding-left: 3px;
}

#QuickLinks
{
	float: left;
	width: 231px;
	height: 100%;
	background-color: #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: 3px;
}

#HeaderSectionFour
{
	height: 25px;
	background-color: #F87620;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 25px;
	padding-left: 3px;
}

#SectionFour
{	
	float: left;
	width: 229px;
	height: 100%;
	background-color: #deebf3;
	border-right: 1px solid #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: 3px;	
}

#HeaderSectionFive
{
	height: 25px;
	background-color: #F87620;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 25px;
	padding-left: 3px;
}

#SectionFive
{
	float: left;
	width: 462px;
	height: 100%;
	background-color: #deebf3;
	border-right: 1px solid #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

#Footer
{
	width: 930px;
	height: 30px;
	background-color: #cccccc;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	clear: left;
}

/*a.master_menu_button*/
.master_menu_button
{
	float: left;
	width: 184px;
	background-color: #317B94;
	/* background-image: url(../images/button_bg.jpg); */
	border: 1px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 23px;
	text-decoration: none;
}

a.master_menu_button:hover
{
	/* text-decoration: underline; */
	background-image: url(../images/button_bg.jpg);
	color: #000000;
}

a
{
	text-decoration:none;
	color:#0000FF;
}

a:hover
{
	background-color:#FFFF99;
	text-decoration:underline;
}

input.text
{
	font-size: 10px;
	width: 125px;
}

form.mysjbs
{
	display: inline;
	margin: 0;
}

/*
a.mysjbs_header
{
}

a.mysjbs_header:hover
{
}

a.news_header
{
}

a.news_header:hover
{
}
*/


.SectionText
{
	padding: 3px 3px 3px 3px;
}

.SectionText_SaintOfTheDay
{
	height: 169px;
	padding: 3px 3px 3px 3px;
	font-size: small;
	overflow: auto;
}

.SectionText_News, .SectionText_Students, .SectionText_Parents, .SectionText_Prospective_Families
{
	height: 210px;
	padding: 3px 3px 3px 3px;
	font-size: small;
	overflow: auto;
}


#SiteLogo
{
	float: left;
	color: #000000;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: oblique;
	font-weight: bold;
	width: 112px;
	height: 80px;
	vertical-align:bottom;
}

.SiteTitle
{
	float: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: oblique;
	font-weight: bold;
}

/*** END: Main Page *****************************************************************************************************/

/*** BEGIN: Content Page ************************************************************************************************/

#Breadcrumb
{
	float: left;
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	/*width: 927px;*/
	width: 770px;
	padding-left: 3px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	margin-top: 0px;
}

#ContentContainer
{
	float: left;
	width: 930px;
	background-color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
}

#MenuTitle
{
	height: 25px;
	background-color: #317B94;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 25px;
	padding-left: 3px;
}


#Menu
{
	float: left;
	/*background-color: #deebf3;*/
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: 3px;
	width: 150px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#Menu a
{
	display:block;
	padding: 3px 3px 3px 3px;
}

.menu_children
{	
	background-color:#DEEBF3;
	padding-left: 5px;
}

.menu_children a
{
	background-color:#FFFFFF;
}


#Content
{
	float: left;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 753px;
	height: 100%;
	padding: 10px 10px 10px 10px;
	border: 1px solid #dddddd;
}

#extraHeader
{
	float: left; 
	height: 80px;
	width: 150px;
	background-color:#ffffff;
	border: 0px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.Tabs
{
	padding-bottom: 10px;
}

.Tabs a
{
	border: 1px solid #eeeeee;
	padding: 3px 3px 3px 3px;
}

.Tab_Content
{
	border: 1px solid #eeeeee;
	padding: 10px 10px 10px 10px;
}

.Section
{
	border: 1px solid #eeeeee;
	padding: 10px 10px 10px 10px;
}

.Section_Title a
{
	font: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.Section_Content
{
	margin-top: 10px;
}


/*** BEGIN: Class Link ***/

#classlink_announcements_items_list
{
}

.classlink_announcements_item_published
{
	border: 1px solid #999999;
	padding: 10px;
	background-color:#EDF5FF;
	margin-bottom:20px;
}

.classlink_announcements_item_not_published
{
	border: 1px dashed #999999;
	padding: 10px;
	background-color:#EEEEEE;
	margin-bottom:20px;
}

.classlink_announcements_item_title
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.classlink_announcements_item_description
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.classlink_announcements_item_date_posted
{
	font-size:small;
	font-style:italic;
}

#announcementsMessage
{
	text-align:center;
	background-color:#FFCC00;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
}
/*** END: Class Link ***/
/*** END: Content Page **************************************************************************************************/

/************* fake link ********************/
.fake_link
{
	color:#0000FF;
	text-decoration:none;
	cursor: pointer;
}

.fake_link:hover
{
	text-decoration:underline;
	cursor: pointer;
}


/*** START: X-Theory **************************************************************************************************/
.xtheory
{
	color:#FFFFFF;
}

.xtheory:hover
{
	color:#0000FF
}
/*** END: X-Theory **************************************************************************************************/

/*** START: YUI Styles ********/
.ygtvlabel,.ygtvlabel:link,.ygtvlabel:visited
{
	margin-left:2px;
	text-decoration:none;
	background-color:#eeeeee;
}

.ygtvlabel:hover
{
	background-color:#FFFF99;
	text-decoration:underline;
}