/* -- Teacher's First Beta Stylesheet -- */


/*--------------------------*/
        /* Tag's - Outside */
html
{
height:100%;
}

body
{
height:100%;
text-align:center;
margin-top:0px;
margin-bottom:0px;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-color:#A7A5A5;
/*background-image:url(images/background_bottom_shadow.gif);
background-position:bottom;
background-repeat:repeat-y;*/

/* -- Firefox -- *//* Replaced by margin's in -- 1 -- */
/*text-align:-moz-center;
#text-align:center;*/
/* -- Firefox -- */
}

/*--------------------------*/


/*--------------------------*/
        /* Div's - Outside */
/* -- 1 -- */
div.background
{
min-height:100%;
background-image:url(images/background_bottom_shadow_new1.gif);
width:840px;
margin-left: auto;
margin-right:auto;
padding-bottom:30px;	
}
div.container
{
background-color:#FFFFFF;
width:800px;
border-left:1px solid #000033;
border-right:1px solid #000033;
position:relative;
margin-left:auto;
margin-right:auto;
}
/* -- 1 -- */
/*--------------------------*/


/*--------------------------*/
         /* Tag's - Inside */

p.main_text
{
width:580px;
margin-left:30px;
margin-top:25px;
text-align:justify;
font-family:"lucida sans", "century gothic", arial;
font-size:12px;
line-height:20px;
}
p.main_text a.general
{
color:#3366FF;
}
p.main_text a.general:visited
{
color:#3366FF;
}
p.main_text a.general:hover
{
color:#660000;
}
/*a.w3c
{
float:right;
margin-right:15px;
margin-bottom:5px;
clear:right;
}*/
a.w3c img
{
border:none;
}
a.hide
{
text-decoration:none;
color:#FFFFFF;
cursor:text;
}
a.hide:hover
{
color:#FFFFFF;
}
a.contact_status
{
position:relative;
left:270px;
text-align:center;
font-family:"lucida sans", "century gothic", arial;
font-size:12px;
color:#FF0000;
font-weight:bold;
}
form.contact_form
{
padding-left:30px;
padding-top:30px;
padding-bottom:30px;
margin-top:20px;
background-color:#E8E8FF;
}
input.contact
{
border:1px solid #000033;
margin-bottom:10px;
font-family:"lucida sans", "century gothic", arial;
color:#000066;
padding:2px;
font-size:13px;
width:200px;
}
input.contact_center
{
text-align:center;
border:1px solid #000033;
margin-bottom:10px;
font-family:"lucida sans", "century gothic", arial;
color:#000066;
padding:2px;
font-size:13px;
width:200px;
}
input.contact_password
{
text-align:center;
border:1px solid #000033;
margin-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000066;
padding:2px;
font-size:13px;
width:200px;
}
input.school_finder
{
border:1px solid #000033;
margin-bottom:10px;
font-family:"lucida sans", "century gothic", arial;
color:#000066;
padding:2px;
font-size:13px;
width:225px;
}
input.contact_buttons
{
border:2px solid #FFFFFF;
margin-top:10px;
margin-right:5px;
background-color:#000066;
font-family:"lucida sans", "century gothic", arial;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
}
input.password_characters
{
font-family:"lucida sans", "century gothic", arial;
border:1px solid #FF0000;
margin-bottom:10px;
color:#000066;
padding:2px;
font-size:13px;
width:140px;
}
select.school_list
{
float:left;
color:#000066;
width:300px;
font-family:"lucida sans", "century gothic", arial;
font-size:13px;
border:1px solid #000033;
}
select.subject_list
{
border:1px solid #000033;
color:#000066;
font-family:"lucida sans", "century gothic", arial;
font-size:13px;
border:1px solid #000033;
margin-bottom:10px;
padding:1px;
margin-left:160px;
}
input.contact_buttons:hover
{
border:2px solid #000033;
}
textarea.contact_comments
{
border:1px solid #000033;
width:580px;
height:170px;
font-family:"lucida sans", "century gothic", arial;
color:#000066;
line-height:18px;
font-size:13px;
}
blockquote
{
font-family:"lucida sans", "century gothic", arial;
color:#FF0000;
font-size:11px;
margin-left:325px;
margin-top:40px;
height:85px;
}

ul
{
list-style:none;
margin-left:0px;
padding-left:5px;
}
li.button_list
{
list-style:none;
}
li.button_list a
{
display:block;
width:80px;
line-height:80px;
text-decoration:none;
background-position:top;
background-repeat:no-repeat;
}
a.button_home
{
margin-top:15px;
background-image:url(images/button_home.gif);
}
a.button_home:hover
{
background-image:url(images/button_home_glow.gif);
}
a.button_members
{
background-image:url(images/button_members.gif);
}
a.button_members:hover
{
background-image:url(images/button_members_glow.gif);
}
a.button_teachers
{
background-image:url(images/button_teachers.gif);

}
a.button_teachers:hover
{
background-image:url(images/button_teachers_glow.gif);
}
a.button_students
{
background-image:url(images/button_students.gif);
}
a.button_students:hover
{
background-image:url(images/button_students_glow.gif);
}
a.button_news
{
background-image:url(images/button_news.gif);
}
a.button_news:hover
{
background-image:url(images/button_news_glow.gif);
}
a.button_news_flash
{
background-image:url(images/button_news_flash.gif);
}
a.button_news_flash:hover
{
background-image:url(images/button_news_glow.gif);
}
a.button_contact
{
background-image:url(images/button_contact.gif);
}
a.button_contact:hover
{
background-image:url(images/button_contact_glow.gif);
}

a.header
{
font-size:14px;
color:#000066;
font-style:italic;
font-weight:bold;
}

li.members_list
{
margin-left:60px;
font-family:"lucida sans", "century gothic", arial;
font-size:14px;
line-height:35px;
color:#FF0000;
}

/*--------------------------*/


/*--------------------------*/
         /* Div's - Inside */
/* -- 2 -- */
div.top
{
width:800px;
height:230px;
background-image:url(images/header.jpg);
}
/* -- 2 -- */

/* -- 6 -- */
div.banner
{
width:800px;
height:30px;
background-color:#000066;
text-align:left;
font-family:Calibri, "Trebuchet MS", arial;
font-weight:bold;
font-size:25px;
color:#FFFFFF;
line-height:30px;
}
/* -- 6 -- */

/* -- 3 -- */
div.main
{
width:800px;
min-height:500px;
text-align:left;
overflow:visible;
}
/* -- 3 -- */

/* -- 4 -- */
div.bottom
{
width:800px;
height:150px;
border-bottom:1px solid #000033;
border-top:1px solid #000033;
background-image:url(images/footer.jpg);
}
/* -- 4 -- */

/* -- 5 -- */
div.buttons
{
width:90px;
height:510px;
position:relative;
float:right;
bottom:150px;
margin-right:70px;
background-image:url(images/buttons3.gif);
}
div.buttons_IE6
{
width:90px;
height:510px;
position:relative;
float:right;
bottom:150px;
margin-right:35px;
background-image:url(images/buttons3.gif);
background-repeat:no-repeat;
}
/* -- 5 -- */
/*--------------------------*/