html, body
{
    height:100%;
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote, label, fieldset
{ 
	margin:0; 
	padding:0; 
	border:0;
}

ul li 
{ 
	list-style-type:disc; 
}

body 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000000;
	background-color:#FFFFFF;
	margin-bottom:30px;
}

a:link, a:visited, a:active, a:hover
{
	outline:none;
}

/* generic styles */
.invisible, hr { display:none;	}
.clear { clear:both; line-height:0px; font-size:0px; height:0px; }
.bold { font-weight:bolder;	}
.gfxheader { text-indent:-5000px; height:2px; line-height:2px;}
.invisible { display:none; }
.nomargin { margin:0; }

.error 
{
    color:#E40101;
    margin-left:12px;
}

h1
{
	color:#294171;
	font-size:2em;
	margin-bottom:10px;
}

h2
{
	color:#294171;
	font-size:1.6em;
	margin:5px 0;
}

h3
{
	color:#294171;
	font-size:1.4em;
	margin:5px 0;
}

h4
{
	color:#294171;
	font-size:1.2em;
	margin:5px 0;
}

h1.red, h2.red, h3.red, h4.red
{
	color:#9e2b1e;
}

h1.black, h2.black, h3.black, h4.black
{
	color:#000;
}


p
{
	line-height:1.4em;
	font-size:1.2em;
	margin-bottom:8px;
}

a
{
	text-decoration:underline;
	font-size:1.1em;
	font-weight:bold;
	color:#9e2b1e;
}

a:hover
{
	text-decoration:underline;
}


body.homepage ul li 
{ 
	list-style-type:none; 
}

/* ========= HOMEPAGE STYLES ==============*/
body.homepage #homepage_wrapper
{
	background:url(../images/homepage_background.jpg) no-repeat;
	height:840px;
	width:790px;
	margin:0px auto 30px auto;
	font-size:62.5%;
}

body.homepage #homepage_right
{
	width:530px;
	float:right;
}

body.homepage #homepage_left
{
	width:250px;
	float:left;
}

body.homepage #homepage_right_header
{
	width:530px;
	height:290px;
	float:left;
}
body.homepage #homepage_right_header h1
{

	float:right;
	text-indent:-5000px;
	display:block;
	margin:30px 30px 58px 0;
	width:131px;
	height:133px;
	font-weight:normal;
	background:url(../images/PleckgateHighSchoolLogo.png) no-repeat;
}

body.homepage #homepage_right_header h2
{
	position:relative;
	display:block;
	margin:0px 0 0 15px;
	font-weight:normal;
	color:#9e2b1e;
	font-size:2.6em;
}

body.homepage #homepage_right_header h2 span
{
	font-weight:900;
	color:#294171;	
}

body.homepage #homepage_navigationblock
{
	width:530px;
	height:280px;
	margin-bottom:200px;
	float:right;
}

body.homepage #homepage_navigationblock div#navigation_buttons
{
	width:238px;
	height:250px;
	margin-left:30px;
	float:left;
}

body.homepage #homepage_navigationblock div#navigation_buttons ul li
{
	width:238px;
	height:38px;
	text-align:center;
}

body.homepage #homepage_navigationblock div#navigation_buttons ul li a
{
	padding-top:10px;
	text-decoration:none;
	width:250px;
	height:38px;
	display:block;
	font-size:1.4em;
	background:url(../images/homepage_button_2.png) no-repeat 0px 0px;
	color:#51658c;
}
body.homepage #homepage_navigationblock div#navigation_buttons ul li a:hover
{
	background-position:-255px 0px;
	color:#9e2b1e;
}

body.homepage #homepage_navigationblock div#navigation_text
{
	float:right;
	width:194px;
	margin:0 30px 0 36px;
}
body.homepage #homepage_navigationblock div#navigation_text p
{
	font-size:1.6em;
	color:#ffffff;
}

body.homepage #homepage_left_image
{
	height:326px;
	background:url(../images/birdlogo.png) no-repeat 15px 100px;
}

body.homepage #homepage_quoteblock
{
	float:left;
	width:210px;
	text-align:center;
	margin:5px 0 0 40px;
}

body.homepage #homepage_quoteblock h3
{
	color:#ffffff;
	line-height:1.5em;
	font-size:1.8em;
}

body.homepage #homepage_footer
{
	margin:0px 30px 0 0;
	text-align:right;
}

body.homepage #homepage_footer p, #homepage_footer a
{
	color:#ffffff;
	font-size:1.2em;
	line-height:1.7em;
	font-weight:normal;
	text-decoration:none;
}
body.homepage #homepage_footer p span
{
	font-weight:bolder;
}

/* =================== GENERIC STEP DOWN PAGE ======================= */
ul#top_nav
{
	width:780px;
	height:35px;

}

ul#top_nav li
{
	float:left;
	padding:4px 4px;
	background:url(../images/nav_seperator.png) no-repeat right;
}

ul#top_nav a
{
	text-decoration:none;
	font-size:1.1em;
	color:#51658c;
	font-weight:normal;
}

ul#top_nav a:hover
{
	text-decoration:underline;
}


ul#top_nav li.last
{
	float:left;
	padding:4px 0 4px 4px;
	background:none;
}

ul#top_nav li a.selected
{
	color:#9e2b1e;
	font-weight:bolder;
	font-style:italic;
}

#sitewrapper
{
	width:790px;
	margin:7px auto 30px auto;
	font-size:62.5%;
}

#sitewrapper ul li 
{ 
	list-style-type:none; 
}

/* FOR 3 COLUMN TEMPLATES */
#keylines
{
	width:780px;
	display:block;
	background:url(../images/keylines.gif) repeat-y;
	float:left;
}

/*FOR 2 COLUMN TEMPLATES*/
#keyline
{
	width:780px;
	display:block;
	background:url(../images/keyline.gif) repeat-y;
	float:left;
}

#stepdown_header
{
	width:780px;
	height:116px;
	background:url(../images/stepdown_header.jpg) no-repeat center;
}

#stepdown_header a
{
	width:780px;
	height:116px;
	display:block;
}

#stepdown_nav_left
{
	float:left;
	width:165px;
}

div.box_header
{
	width:155px;
	height:17px;
	padding:1px 0 0 5px;
	margin-bottom:2px;
	background:url(../images/box_header.png) no-repeat;
}

div.box_header h4
{
	font-size:1.2em;
	font-style:italic;
	margin:0px 0 0 4px;
	color:#ffffff;
}

div.box_footer
{
	width:155px;
	height:17px;
	display:block;
}

#stepdown_nav_left ul#leftnav li
{
	width:155px;
	background-color:#d5e8fa;
	margin-bottom:2px;
}

#stepdown_nav_left ul#leftnav li a
{
	display:block;
	width:145px;
	padding:2px 5px;
	color:#294171;
	text-decoration:none;
}

#stepdown_nav_left ul#leftnav li ul
{
	background-color:#ffffff;
}
#stepdown_nav_left ul#leftnav li ul li a
{
	width:141px;
	background-color:#d5e8fa;
	font-size:0.9em;
	padding:4px 7px;
	display:block;
}

#stepdown_nav_left ul#leftnav li a:hover, #stepdown_nav_left ul#leftnav li a.selected
{
	background-color:#e8ceb6;
	color:#9e2b1e;
	font-weight:bolder;
	text-decoration:none;
}

#stepdown_nav_left ul#keydates li
{
	background-color:#ffffff;
}

#stepdown_nav_left ul#keydates li ul
{
	margin-bottom:10px;
}

#stepdown_nav_left ul#keydates li ul li
{
	font-size:1.1em;
	color:#000000;
}
#stepdown_nav_left ul#keydates li h1
{
	font-weight:bolder;
}

#call_to_action
{
	width:169px;
}

#footer
{
	width:780px;
	height:74px;
	background:url(../images/footer.jpg) no-repeat;
	float:left;
	margin-top:10px;
	padding:15px 0 0 30px;
}

#footer p
{
	margin:0;
	color:#ffffff;
	line-height:1.7em;
	font-weight:normal;
}

#footer a
{
	text-decoration:none;
	font-weight:normal;
	color:#ffffff;
}
#footer p span
{
	font-weight:bolder;
}

#footer_left
{
	float:left;
	width:605px;
}

#footer_right
{
	float:right;
	width:170px;
	height:74px;
	background:url(../images/birdlogo_smaller.png) no-repeat 0px 0px;
}

/* ====================== THREE COLUMN STEP DOWN PAGE ============================= */

#stepdown_3col_leftcont
{
	width:610px;
	float:left;
}

#stepdown_3col_center
{
	float:right;
	width:419px;
	padding:0 10px;
	overflow:auto;
}

#stepdown_3col_right
{
	float:left;
	width:160px;
	margin-left:10px;
}

/* ====================== TWO COLUMN STEP DOWN PAGE ============================= */

#stepdown_2col_left
{
	width:165px;
	float:left;
}

#stepdown_2col_right
{
	width:569px;
	float:right;
	margin-right:10px;
	padding:0 10px;
	overflow:auto;
}

#stepdown_2col_right li
{
	list-style-type:disc;
	font-size:1.2em;
	margin:3px 15px;
}

/* ====================== TWO COLUMN STEP DOWN GALLERY PAGE ============================= */

#stepdown_2col_right div#stepdown_2col_content
{
	width:535px;
	float:left;
}

#stepdown_2col_right div#stepdown_2col_content div#stepdown_2col_image_block
{
	position:relative;
	width:300px;
	margin-left:30px;
	float:right;
}

#stepdown_2col_right div#stepdown_2col_content div#stepdown_2col_image
{
	width:300px;
	height:200px;
	float:right;
	background:url(../images/event_plcholder.jpg);
	/*border:2px solid #9e2b1e;*/
}

#stepdown_2col_right div#stepdown_2col_gallery
{
	width:569px;
	float:left;
	margin-bottom:10px;
}

#stepdown_2col_right div#stepdown_2col_gallery ul li
{
	margin:2px;
	list-style-type:none;	
	width:104px;
	padding:2px;
	height:66px;
	float:left;
	display:inline;	
}

#stepdown_2col_right #stepdown_2col_gallery ul li a
{
	text-align:center;
	width:102px;
	height:66px;
	display:block;
	padding:2px;
	border:1px solid #ffffff;
}

#stepdown_2col_right #stepdown_2col_gallery ul li a.selected, #stepdown_2col_right #stepdown_2col_gallery ul li a:hover
{
	border:1px solid #9e2b1e;
}

#stepdown_2col_image_caption
{
	margin-top:5px;
	width:260px;
	margin-right:20px;
	float:right;
	/*border:1px solid red;*/
}

#stepdown_2col_image_caption p span
{
	color:#9e2b1e;
	font-weight:bolder;
}

ul#ul_latest_news li
{
	float:left;
	width:153px;
	height:193px;
	display:block;
	margin-bottom:2px;
}
ul#ul_latest_news li a
{
	width:133px;
	height:173px;
	padding:10px;
	display:block;
	text-decoration:none;
	border:1px solid #ffffff;
}

ul#ul_latest_news li a span.header
{
	font-weight:bolder;
	font-size:1.2em;
	color:#294171;
	margin-bottom:5px;
	display:block;
	clear:left;
}

ul#ul_latest_news li a span.snippet
{
	line-height:1.3em;
	font-size:1.1em;
	color:#000000;
	margin-bottom:15px;
	display:block;
	font-weight:normal;
	clear:left;
}

ul#ul_latest_news li a:hover
{
	border:1px solid #c4c4c4;
	background-color:#f4f4f4;
}