/* CSS Document 

Lea Valley High School
March 2007
Maxelcat Web and Graphic Design*/


/*setting all things equal li, */
html, body, ul, ol, p, h1, h2, h3, h4, h5, h6, forms, fieldset	{
margin:0px;
padding:0px;
border:0px;
}


body	{
background-color:#253a74;
margin-bottom:20px;
margin-top:20px;
}

#wrapper {
margin:0 auto;
position:relative;
background-color:#0066CC;
/*border:1px solid #ffffff; wrapper has no border since the table cells will have them*/
width:764px; /*table is 760px wide but there are 4 borders of 1 px*/
text-align:left; /*undoes an iE5 bug*/
}


.table {
/*border:1px solid #99beac; this is the original design colour*/
/*this is the one that came in the logo...*/
border:1px solid #002b45;
background-color:#002b45;
}
/* Original table background background-color:#002b45;*/

.form {
background-color:#C7E2C7;
}

.form_cell	{
vertical-align:top;
background-color:#C7E2C7;
padding-bottom:10px;
}

.info_table	{
margin-left:50px;
margin-top:20px;
margin-bottom:20px;
border:1px solid #9bbdac;
}

.info_table_cells {
vertical-align:top;
}

.header {
background-color:#CCFF99;
border:1px solid #ffffff;
}

.left_hand_cell	{
background-color:#003399;
border-left:1px solid #ffffff;
}

.top_hand_cell	{
background-color:#003399;
border-left:1px solid #ffffff;
}

#banner_text	{
font-family:Arial, Helvetica, sans-serif;
position:absolute;
top:15px;
left:190px;
font-size:22px;
letter-spacing:0.3em;
color:#FFFFFF;
}

#head_links {
background-color:#253a74;
width:100%;
margin-top:45px;
margin-bottom:15px;
}
/* background-colour was 253a74

/*move 1px over and down to account for the border around the table*/
#logo	{
position:absolute;
top:16px;
left:10px;
}



#table_wrapper	{
width:100%;
/*border:10px solid red;*/
}


#strap	{
float:left;
width:auto;
padding-top:20px; /*needs to be accurately set to line up the footer strap line*/
}

#strap ul {
padding-left:0px;
margin-right:30px;
}

#strap ul li {
list-style:none;
display:inline;
padding-right:7px;
letter-spacing:3px;
color:#6699c2;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#footer_images_container	{
margin-top:10px;
float:right;
width:200px;
}

.footer_images	{
float:right;
padding-left:10px;
border:0px;
}


/*-------- borders --------------*/
.bottom_image_top	{
border-top:1px solid #99beac;
}

.center_block	{
background-color:#C7E2C7;
}
/*border-left:1px solid #99beac;
border-right:1px solid #99beac;Original background colour read: background-color:#6699c2; (Light blue)*/



/*--------============

textual elements

==============--------------*/
h1	{
font-family:Arial, Helvetica, sans-serif;
font-size:18px; 
color:#093368;
padding-left:10px;
padding-right:10px;
padding-top:5px;
font-weight:normal;
margin:0px;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#06274F;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
/*margin-bottom:20px;*/
}


li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style-type:circle;
list-style:
color:#6699c2;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
/*margin-bottom:20px;*/
}

/*this is the page titles that go in the top, left hand box*/
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
padding-right:10px;
padding-bottom:10px;
text-align:left;
}

/*subtitles within the main copy*/
h3	{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#06274F;
padding:10px 10px 0px 10px;
text-align:left;
}

/*smallsubtitles within the main copy*/
h4	{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
color:#06274F;
padding:10px 10px 0px 10px;
text-align:left;
}

.form_error_message {
font-style:italic;
font-weight:bold;
}



/*-------------header links-----------------*/
/* old text colour was color:#ffffff; */
#head_links a	{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding-right:8px;
color:#FFFFFF;
}

#head_links a:link, #head_links a:visited, #head_links a:active{
color:#FFFFFF;
text-decoration:none;
}


#head_links a:hover	{
color:#FFFFFF;
text-decoration:underline;
}

#head_links a.current:link, #head_links a.current:visited, #head_links a.current:active	{
color:#FFFFFF;
text-decoration:underline;
}

#head_links a.current:hover	{
text-decoration:underline;
color:#FFFFFF;
}


/*-------------header links-----------------*/
#top_left_cell p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
/*margin-bottom:20px;*/
}

#top_left_cell a	{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding-right:8px;
color:#FFFFFF;
}

#top_left_cell a:link, #top_left_cell a:visited, #head_links a:active{
color:#FFFFFF;
text-decoration:none;
}

#top_left_cell a:hover	{
color:#FFFFFF;
text-decoration:underline;
}

#top_left_cell a.current:link, #top_left_cell a.current:visited, #top_left_cell a.current:active	{
color:#FFFFFF;
text-decoration:underline;
}

#top_left_cell a.current:hover	{
text-decoration:underline;
color:#FFFFFF;
}

#top_left_cell blockquote	{
margin:15px
}

.edge_pictures {
border:1px solid #ffffff;
}








/*----------------non header links--------------*/

a	{
font-size:12px;
}

a:link, a:visited, a:active	{
color:#093368;
text-decoration:none;
}

a:hover	{
text-decoration:underline;
}


/*links in the text*/

p a:link, a:visited, a:active {
color:#093368;
text-decoration:underline;
}

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



.error {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FF0000;
}