/*

Table of Contents
=================
1. Body		 (self-explanatory)
2. Main Divs (header/footer)
3. News Divs (for displaying news)
4. Page Divs (for displaying pages)
5. Sidebar Divs
6. Universal Links
7. Navbar Links

*/


/********************************/
/************ 1. BODY ***********/
/********************************/

body {
	margin: 0;
	padding: 0;
	width: 100%;

	background-color: #dddddd;   
/*	background-image: url(header_prototype_2_sm.jpg);  */
}

p{
	padding: 0px;
	margin: 0px;
}

/*************************************/
/************ 2. MAIN DIVS ***********/
/*************************************/

/* All divs */
div
{
	font-family: arial;
	font-size: 12px;
}

/* Main (gray, top) header box: SHOULD HAVE GRAPHIC OVERLAY. [inc/global_header.php] */
#MAIN_headerbox
{

	position: relative;
	/*left: -10px;*/

	width: 100%;
	height: 100px;
	padding-top:	0px;
	padding-left:	0px;
	padding-right:	0px;
	padding-bottom:	0px;
	
	background-color: #000000; 
	background-image: url(http://www.granitebayhigh.org/academics/ap/style/header_prototype_4.JPG); 
	background-repeat: no-repeat;
/*	background-position: center;  */ 
/*  DESIRED EFFECT: Split straight down the middle, black and white */


/*	background-color: #000000;
	color: #FFFFFF;*/
	
}

#MAIN_dynamic_title
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 5;
	color: #FFFFFF;

	font-weight: bold;
	font-size: 34px;
	font-family: sans-serif;
	font-style: italic;	
	text-decoration: underline;

/*	background-color: #FF0000; */
}

/* Main navigation (green, underneath header) box [inc/global_header.php] */
#MAIN_navbox
{
	color: #FFFFFF;
	text-decoration: none;

	border-top: solid #222 1px;
	border-bottom: solid #222 1px;
	padding-top:	5px;
	padding-bottom:	5px;
	width:100%;
	background-image: url(http://www.granitebayhigh.org/academics/ap/style/nav_bg.gif);
	background-repeat: repeat-x;
}


/* Main content box (includes everything between navbox and footerbox) [inc/global_header.php] */

#MAIN_contentbox
{
	padding-left: 1em;
 /*	padding-right: 246px; FOR USE WITH DIVS operates alongside sidebar: if sidebar is 200px, this should be 207. (side) + 7 */
	padding-top: 1em;
	padding-right: 1em;
	background-color: #dddddd; 
	vertical-align: top;
	text-align: left;
/*	1px red border for testing
	border-style:solid;
	border:1px;
	border-color:#FF0000; */
}

	


/* Main footer box (green, very bottom) [inc/global_footer.php] */
#MAIN_footerbox
{
	color: #FFFFFF;
	text-decoration: none;

	border-top: solid #222 1px;
	border-bottom: solid #222 1px;
	padding-top:	5px;
	padding-bottom:	5px;
	width:100%;
	background-image: url(http://www.granitebayhigh.org/academics/ap/style/nav_bg.gif);
	background-repeat: repeat-x;
}

/* Main below footer box */
#MAIN_belowfooter
{
	width:100%;
	height: 100%;
	background-color: #000000; 
	
}



.plaintable
{
	margin: 0px;
	padding: 0px;
/*	border: solid 1px red; */
	border-collapse: collapse;
	text-align: center;
}


/*************************************/
/************ 3. NEWS DIVS ***********/
/*************************************/

/* CAUTIONARY NOTE: many 
   news CSS functions have 
   been left in class_news as inline */

.NEWS_capsule
{
	border: solid 1px #000000;
}

.NEWS_content
{
	padding: 3px;
}

.NEWS_datestamp
{
	float: right;
}

.NEWS_title
{
/*	border: solid #000000;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px; */
	border-bottom: solid 1px #000000;
	font-weight: bold;
	font-size: 12px;
	padding-left: 3px;
}


/*************************************/
/************ 4. PAGE DIVS ***********/
/*************************************/

.PAGE_capsule
{
	border: solid 1px #000000;
}

.PAGE_content
{
	padding: 3px;
}

.PAGE_datestamp
{
	float: right;
}

.PAGE_title
{
/*	border: solid #000000;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px; */
	background: #CCCCCC;
	padding-left: 3px;
	border-bottom: solid 1px #000000;

	color: #000000;
	font-weight: bold;
	font-size: 18px;
	font-family: sans-serif;
	font-style: normal;	
	text-decoration: none;
	letter-spacing: 3px;
	text-align: center;

	
}





/*************************************/
/************ 5. SIDE DIVS ***********/
/*************************************/

/* Main sidebar plugin, entire box [plugins/sidebar/plugin_sidebar.php] */
#SIDE_sidebar_capsule
{
/*	1px red border for testing  */
	width: 375px; /* <-- controls size of sidebar: designed for 200px */
/*	height: 100%;	*/
	padding-top: 10px; /* <-- moves entire sidebar down */
	padding-bottom: 18px;
	padding-right: 1em;
	float:	right;
	/* debug border 
	border: solid 1px red;*/
	
}

.SIDE_sidebar_repeating_titlebox
{
	border: solid #000000;
	border-top: 1px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 0px;
	font-weight: bold;
	padding: 2px;
	/*background: #CDCDCD;*/
	background: #336600;
	color: #FFFFFF;
	/* debug border 
	border: solid 1px green;*/

	font-weight: bold;
	font-size: 16px;
	font-family: sans-serif;
	font-style: normal;	
	text-decoration: none;
	letter-spacing: 1px;
	text-align: center;

}

.SIDE_sidebar_repeating_bigbox
{
	padding: 3px;
	border: solid 1px #000000;
	text-align: left;
	/* debug border 
	border: solid 1px blue;*/	
}









/********************************/
/****** 6. LINKS: UNIVERSAL *****/
/********************************/

a
{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

a:link
{
	color: #000000;
/*	text-decoration: none; */
}

a:active
{
	color: #000000;
/*	text-decoration: none; */
}

a:visited
{
	color: #000000;
/*	text-decoration: none; */
}

a:hover
{
	color: #000000;
/*	text-decoration: none; */
} 


/********************************/
/****** 7. LINKS: NAVHEADER *****/
/********************************/

.nav
{
	font-family: arial;
	font-size: 12px;
}

.nav:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.nav:active
{
	color: #FFFFFF;
	text-decoration: none;
}

.nav:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.nav:hover
{
	color: #FFFFFF;
	text-decoration: none;
}