/*
--------------------------------------------------------------------------
style.css
@author: CSC305 Spring2008 - Fighting Mongooses (Last modified by Peter Cho)
@date: February 18, 2008
@description: The official stylesheet for the Friends of Canonchet website
--------------------------------------------------------------------------
*/



/*------
This controls the formatting of the universal header  
------*/
#topbanner {
	position: relative;
	width: 48em;
	vertical-align: middle;
	text-align: center;
	clear: both;
	display: block;
}

/*------
THE FOLLOWING DOES NOTHING.  DELETE FOR CONCISENESS.
------*/
#header { 
	border: medium double rgb(1,1,1);
	background: #000098;
	color: #FFFFFF;
}
/*------
THE STUFF BELOW IS FINE
-------*/


/*
This is the properties for the content on all the pages.
*/
body {
	background-image: url(backgroundPhoto.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top;
	text-align: center;
}

/*------
This is the ID tag for the designationletter.php page.
The pictures were too small to fit into our small box.
------*/
#letters {
	border: medium double rgb(1,1,1);
	background-color: #29712F;
}


/*-----
Below are all the properties of the gateway page
-----*/
#index {
	margin-left:auto;
	margin-right: auto;
	width: 766;
	margin-top: 50;
	text-align: center;
}

/*-----
This is the gateway page table
-----*/
table.index {
	width: 767;
	background-image:url(cfLogowWall.gif);
	height: 230px;
	background-repeat: no-repeat;
	background-position: center;
}
#letters {
	border: medium double rgb(1,1,1);
	background-color: #29712F;
}
#index {
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 10%;
	background-color: #FFFFFF; 
	text-align: center;
}

/*----- 
This contains the attributes for the header
-----*/
#head {
	text-align:left;
	vertical-align:baseline;
	margin-top: 2%;
	margin-bottom: 2%;
	background-color: #9A8C7D;
	border: medium double rgb(54,51,29);
}


/*-----
These are the properties for the text that goes in the body
-----*/
#body {
	text-align: center;
	border: medium double rgb(1,71,1);
 	background-image:url(greenBG40.png);
	margin-left: 7.5em;
	padding-left: 2%;
}


/*-----
These are the properties for the panel on the left (left navigation).
----*/
#left {
	width: 7em;
	float: left;
	text-align: center;
	border: medium double rgb(1,71,1);
 	background-image:url(greenBG65.png);
}



/*-----
This contains the attributes global to all the pages 
-----*/
#main {
	/*the margins of the entire page*/
	margin-left: auto;
	margin-right: auto;
	
	/*the width of the page content*/
	width: 48em;
}


h1 {color: #251F09} /*color of the heading text*/
h3 {color: #251F09}
p {color: #251F09}


/*---------------------------
       LINK PROPERTIES
----------------------------*/
a:link {
	color: #502608;
	text-decoration: underline;
}
a:active { color: #F7C9BB; text-decoration: none; }
a:visited { color: #5F4532; text-decoration: none; }
a:hover { color: #35441B; text-decoration: underline; }

a.headlink {
	text-align:center;
}

/* When creating internal page links, it'll highlight the words that it jumps to
 * as if it were a hyperlink.  Using this as the style for it makes that go away.
 * */
a.not { text-decoration: none; }
a.not:hover { color: black; }
a.not:active { color: black; }
a.not:visited { color:black; }
a.not:link { color: black; }

/* These are the attributes for the hidden link to the admin page */
a.hidden:hover { color:white; }
a.hidden:active { color:white; }
a.hidden:visited { color:white; }
a.hidden:link { color:white; }
a.hidden { color:white; text-decoration:none; }

/* These are the attributes for standard links found throughout the page */
a.links:hover { color: green; }
a.links:visited { color: red; } 
a.links:link {  color: white; }

/* These are the attributes for images that are used as links */
a.pictures:active { border: 0; }
a.pictures:link { border: 0; }
a.pictures:visited { border: 0; }
a.pictures:hover { border: 0; }