/* CSS Document */

 
/*==================== 
	Global Styles 
======================*/ 
* {
	margin: 0;
	padding: 0px 10px 0px 0px;
} 
body, html { 
	background-image: url(../images/BG_g11line02.gif);
	color: #000; 
	padding: 0; 
	margin: 0; 
} 
body { 
	font: 85%/1.3em Arial, Helvetica, sans-serif; 
} 

ul { list-style-position: inside; } 
ol { list-style-position: outside; }

/*==================== 
	Link Styles 
======================*/ 
a:link { 
	color: #FFFFFF; 
} 
a:visited { 
	color: #FFFFFF; 
} 
a:focus { 
	color: #06c; 
} 
a:hover { 
	color: #336699;
	background-color:#FFFFFF; 
} 
a:active { 
	color:#FFFFFF;
	background-color: #CCCC99; 
} 

/*==================== 
	Heading Styles 
======================*/ 
h1,h2,h3,h4,h5,h6 { 
	color: #008000; 
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; 
}

h1 { font-size: 1.8em; margin: 1.0em 0 .9em; } 
h2 { font-size: 1.6em; margin: 1.0em 0 .8em; } 
h3 {
	font-size: 1.4em;
	margin: 1.0em 0 0.7em;
	text-align: center;
} 
h4 { font-size: 1.2em; margin: 1.0em 0 .6em; } 
h5 { font-size: 1em; margin: 1.0em 0 .5em; } 

p {
	margin: 1em 0;
	text-align: center;
} 

/*============================ 
  Page Styles (alpha order)
=============================*/ 
#address {
	position:relative;
	font-size:0.85em;
	color:#FFCC33;
	text-align:left;
}
#addresshome {
	position:absolute;
	top:131px;
	Right:9px;
	padding-right:2px;
	text-align:right;
}
#frontmessagehome {
	position:absolute;
	top:550px;
	left:10px;
	font-size:1.3em;
	text-align:center;
}
#backlogo {
	width:800px;
	height:100%;
	background-image:url(../images/bglogo02.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:22px;
	left:8px;
}
#backlogohome {
	width:800px;
	height:100%;
	background-image:url(../images/home01.jpg);
	/*background-repeat:no-repeat;*/
	position:absolute;
	top:22px;
	left:8px;
}

#clear {
    clear: both;
    height: 1px;
}
#container {
	width:760px;
	position:absolute;
	left:150px;
	top:0px:
}
#content {
	width:698px;
	positon:relative;
	float:left;
	margin-top:-12px;
	margin-left:61px;
	padding: 0 0 0 0;
}
#content_l2 {
	width:690px;
	background-color:#FFFFFF;
	min-height:450px;
	padding: 35px 25px 10px 45px;
	font-size:1.0em;
	line-height:1.8em;
	text-align:left;
	z-index:20;
}
#content_l2 a
{
color:#0000FF;
}
.content_l2 a
{
color:#0000FF;
}
#content_cal {
	width:100%;
	positon:relative;
	background-color:#FFFFFF;
	min-height:450px;
}
#footer {
	width:100%;
	height:30px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
	font-size:0.9em;
	text-align:center;
	color:#FFCC33;
	padding-top:12px;
}
#footer_l2 {
	width:759px;
	height:30px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
	font-size:0.9em;
	text-align:center;
	color:#FFCC33;
	padding-top:12px;
}
#header {
	width:100%;
	height:80px;
	background-image:url(../images/StPeterAcademy_head2.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-left:10px;
	z-index:20;
}
#hometopbox {
	width:150px;
	height:263px;
	margin-left:31px;
	padding-top:50px;
	padding-left:10px;
	border-left: #CCCCCC thin solid;
	border-bottom: #CCCCCC thin solid;
}
#lev2_navbak {
	background-image:url(../images/lev2_navback.gif);
	width:150px;
	height:100%;
	/*min-height:620px !important;*/
	position:absolute;
	top:0px;
	left:-150px;
}
#photo {
	width:540px;
	height:415px;
	position:absolute;
	top:109px;
	left:1px;
	border:#FFFFFF thin solid;
	background-color:#000033;
	z-index:0;
}
#photolev2 {
	position:relative;
	float:right;
	margin-top:70px;
	margin-right:30px;
}
#sidenav {
	width:150px;
	position:absolute;
	top:100px;
	left:2px;
	background-color:#000033;
	color:#FFCC33;
	font-size:0.8em;
	text-decoration:underline;
}
#tabs {
	width:400px;
	height:31px;
	position:absolute;
	left:360px;
	top:428px;
	z-index:20;
}
#tabs_l2 {
	width:319px;
	height:19px;
	position:absolute;
	left:441px;
	top:108px;
}
.jscriptwrap {
	position:absolute;
	z-index:1;
}
#topnav {
	position:relative;
	float:right;
	padding-right:15px;
	font-size:0.9em;
	color:#FFCC33;
}

/* ======================
	Top Nav link text
========================*/
a.topnav:link { 
	color: #FFCC33;
	text-decoration:none; 
	padding: 0 2px 0 2px;
} 
a.topnav:visited { 
	color: #FFCC33; 
	text-decoration:none; 
	padding: 0 2px 0 2px;
} 
a.topnav:hover{ 
	color: #003366;
	text-decoration:one; 
	padding: 0 2px 0 2px;
} 
a.topnav:active { 
	color:#FFCC33;
	text-decoration:none; 
	padding: 0 2px 0 2px;
} 


/* ======================
	Content area links
========================*/
a.content:link { 
	color:#336699;
	text-decoration:none; 
	padding: 0 2px 0 2px;
} 
a.content:visited { 
	color: #336699; 
	text-decoration:none; 
	padding: 0 2px 0 2px;
} 
a.content:hover{ 
	color: #FFFFFF;
	background-color:#336699;
	text-decoration:one; 
	padding: 0 2px 0 2px;
} 
a.content:active { 
	color:#FFCC33;
	text-decoration:none; 
	padding: 0 2px 0 2px;
} 


/* =====================
	Formatting
======================*/

.underline {
	text-decoration: underline;
	font-weight: bold;
	font-size: xx-large;
}

.boldbk {
	font-size:14px;
	font-weight:bold;
}

img.floatLeft { 
    float: left; 
    margin: 10px; 
}

img.floatRight { 
    float: right; 
    margin: 10px; 
}