/* CSS Document */

body
{
    background-color:#ffffff;
/*background-image:url(../images/pgcps/back.jpg);
background-repeat:repeat-X;*/
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
/*background-color:#2c4b7a;*/
}

ul
{
margin:0px;
margin-left:10px;
padding:0px;
padding-left:5px;
}

li
{
margin:0px;
padding:0px;
line-height:1.35em;

list-style-type:square;
}

#container2
{
width:950px;
margin-left:auto;
margin-right:auto;
}
/*--------------------------------------search bar with date and links on top of page-------------------------------------*/

#searchbar
{
float:left;
background-color:#000000;
color:#ffffff;
width:950px;
}

#searchbar_links
{
   
    width:475px;
    text-align:right;
    color:#ffffff;
    padding:0px;
    margin:0px;
    float:left;
    
}
#searchbar_links p
{
    margin:0px;
    padding:0px;
}

#searchbar_links a
{
    color:#ffffff;
    text-decoration:none;
}

#searchbar_links a:hover
{
    color:#ffcc00;
}

#current_date
{
width:175px;
float:left;
padding-left:5px;
}

#google
{
float:right;
width: 260px;
}

/*-------------------------------------Emergency announcement section ----------------------------------------------------*/

#emergency
{
clear:both;
background-color:#ffffff;
padding: 0px;
color:#000000;
}

#emergency p
{
  margin:0px;
}

#emergency a
{
    color:#063682;
}
/* ----------------------------------------Contains logo and photo---------------------------------------------- */
#header
{
width:100%;
height:148px;
background-color:#000000;
}

#header img
{
border:none;
}

/* Top Level Navigation*/

#navigation
{
background-image:url(../images/pgcps/navBG.gif);
background-repeat:repeat-x;
height:23px;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
float:left;
width:950px;
padding-top:5px;
}
#navigation a
{color:#ffffff;text-decoration:none;}


#navigation a:visited
{color:#ffffff;}
#navigation a:hover
{color:#ffcc00;text-decoration:underline;}


#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8
{ float:left; width:100px;text-align:center;}

#menu4, #menu5, #menu7
{width:125px;}

#navigation1
{
background-image:url(../images/pgcps/navBG.gif);
background-repeat:repeat-x;
height:23px;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
float:left;
width:950px;
padding-top:0px;
}

/*------------------------------------------Main div tag below navigation-----------------------------------------*/

#main_layout
{
width:100%;
float:left;
background-color:#063682;
/*background-image:url(../images/pgcps/main_layout_gradient.gif);*/
background-repeat:no-repeat;
}

/* --------------------------------------------Top three buttons--------------------------------------------------- */

#top_buttons
{
height:100px;
border-bottom:1px solid #ffffff;
padding:0px;
}

#button_left
{
width:317px;
float:left;
height:100px;background-image:url(../images/pgcps/students_button_2.jpg);
border-right:1px solid #ffffff;
}
#button_center
{
width:324px;
float:left;
height:100px;background-image:url(../images/pgcps/parents_button_4.jpg);
border-right:1px solid #ffffff;
}

#button_right
{
width:307px;
float:left;
height:100px;background-image:url(../images/pgcps/employees_button_2.jpg);
}
#students_button,
#parents_button,
#employees_button
{
width:206px;
float:right;
padding-right:2px;
padding-top:2px;

}

#students_button_header a,
#parents_button_header a,
#employees_button_header a,
#bottom_left_col_header a,
#bottom_left_col_events_header a
{
color:#ffcc00;
text-decoration:none;
}

#students_button_header a:hover,
#parents_button_header a:hover,
#employees_button_header a:hover,
#bottom_left_col_header a:hover,
#bottom_left_col_events_header a:hover
{
color: #FFFFFF;
}
#students_button_header h2,
#parents_button_header h2,
#employees_button_header h2,
#bottom_left_col_header h2,
#bottom_left_col_events_header h2
{
margin: 0;	padding: 0;	border-bottom:0px; outline: 0;vertical-align: baseline;
font-size:1.25em;
text-transform:uppercase;
}

#students_sub,
#parents_sub,
#employees_sub
{
}

#students_links,
#parents_links,
#employees_links
{
padding:0px;
margin:0px;
}

#students_links a,
#parents_links a,
#employees_links a
{
color:#ffffff;
text-decoration:none;

}

#employees_links a
{
color:#000000;
text-decoration:none;

}

#parents_links a:hover,
#students_links a:hover,
#employees_links a:hover
{
color:#FFCC00;


}

#parents_links ul,
#students_links ul,
#employees_links ul
{
margin:0px;
margin-left:10px;
padding:0px;
padding-left:5px;
}
#parents_links ul
{
    margin-left:25px;
}

#parents_links li,
#students_links li,
#employees_links li
{
margin:0px;
padding:0px;
line-height:1.35em;

list-style-type:square;
color:#ffffff;
}

#more1, #more2, #more3
{
float:right;
padding-right:2px;
margin-top:-15px;
}
/* ----------------------------------------------- column below Parents and Employees----------------------------------------------- */

#main_center_col
{
background-image:url(../images/pgcps/midboxes_gradient2.jpg);
background-repeat:repeat-x;
float:left;
background-color:#90bbff;
width:633px;
}

#main_center_col a
{

text-decoration:none;

}
#main_center_col a:hover
{

text-decoration:underline;

}

/* --------------------------------------------------left column under Students------------------------------------------------------ */

#left_col
{

float:left;
}

/* --------------------------------------------------Social Bar------------------------------------------------------ */

#social_bar
{
    float:left;
    margin:0px;
    padding:0px;
    padding-top:5px;
    padding-bottom:5px;
 
  width:317px;
}

/* --------------------------------------------------Bottom Left Column------------------------------------------------------ */
#bottom_left_col
{
float:left;
width:317px;
color:#ffffff;
/*background-image:url(images/lftcol_grad.jpg);*/
}

#bottom_left_col h2
{
margin: 0;	padding: 0;	border-bottom:0px; outline: 0;vertical-align: baseline;
font-size:1.25em;
text-transform:uppercase;
text-align:center;
color:#FFCC00;
padding-top:10px;
width:100%;
float:left;
}

#bottom_left_col_news a,
#bottom_left_col_events a,
#bottom_left_col_news a:visited
{
color:#ffffff;
text-decoration:none;
line-height:1.25em;
}

#bottom_left_col_news,
#bottom_left_col_events
{
padding-left:10px;
padding-right:10px;
float:left;
margin-bottom:10px;
}

#bottom_left_col_events,
#bottom_left_col_news
{
    width:297px;
}

#bottom_left_col_news h2
{
border-top: 1px solid #ffffff;
padding-bottom:5px;
}

#bottom_left_col_news li
{
padding-bottom:3px;
}

#bottom_left_col_news a:hover
{
text-decoration:underline;
color:#ffcc00;
}


/* -------------------------------------------------From the Schools section--------------------------------------- */

#bottom_center_col
{
/*background-image:url(images/midboxes_grad.jpg);
background-repeat:no-repeat;*/
width:304px;
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
float:left;
padding-left:10px;
padding-right:10px;
padding-bottom:15px;
height:150px;

}

#bottom_center_col li
{
padding-bottom:3px;
color:#000000;
}


/* --------------------------------------------Highlights -----------------------------------------------------------------------*/

#bottom_right_col
{
/*background-image:url(images/midboxes_grad.jpg);
background-repeat:no-repeat;*/
width:287px;
padding-left:10px;
padding-right:10px;
float:left;
color:#000000;
}
#bottom_right_col li
{
padding-bottom:3px;
}
/* --------------------------------------- Styling for Bottom Right and Bottom Center -----------------------------------------*/

#bottom_right_col a,
#bottom_center_col a
{
/*background-image:url(images/midboxes_grad.jpg);
background-repeat:no-repeat;*/
color:#000000;
}


#bottom_right_col h2,
#bottom_center_col h2
{
margin: 0;	padding: 0;	border-bottom:0px; outline: 0;vertical-align: baseline;
font-size:1.25em;
text-transform:uppercase;
text-align:center;
color:#000000;
padding-top:10px;
padding-bottom:5px;
}


/*---------------------------------------------------- Story Section----------------------------------------------------- */


#bottom_story_column
{
Float:left;
width:612px;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;

background-color:#FFFFFF;
min-height:200px;
background-image:url(../images/pgcps/story_back.gif);
background-repeat:repeat-x;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}


#bottom_story_column h2
{
margin: 0;	padding: 0;	border-bottom:0px; outline: 0;vertical-align: baseline;
font-size:1.5em;
text-transform:uppercase;
text-align:center;
color:#FFFFFF;
padding-bottom:5px;
}

#qr_code
{float:right;
}
#qr_code p
{margin:0px;
 padding:0px;
}

/*----------------------------------------------------- Footer section---------------------------------------------------- */
#footer
{
background-color:#000000;
float:left;
width:950px;
border-top:1px solid #ffffff;
color:#ffffff;
padding-top:10px;
padding-bottom:10px;
}

#footer a
{color:#ffffff;
 text-decoration:none;
}

#footer a:hover
{
    color:#ffcc00;
    text-decoration:underline;
}

#weblogin
{
    float:left;
    width:100px;
}

#main_footer_content
{
    float:left;
    width:840px
}

.social
{
    z-index:1000;
    position:relative;
    float:right;
    width:940px;
    text-align:right;
    margin-top:10px;
    margin-right:10px;
}