/* CSS Document */


/*

	controls entire body

*/
body {
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
}

p {
	font-size: 14px;
}

/*

   !!!!!!!NAVIGATION!!!!!!!

*/

/*

	controls navigation links
	
*/
#navigation a {
	display: block; 
	padding: 4px 8px; 
	margin: 0; 
   	text-decoration: none; 
   	text-align: right;
   	border-top: 1px solid #330033;
   	color: #330033;
	font-size:12px
}

#navigation a:hover {
	background-color:#330033;
	color:#FFFFFF;
}

/*

	controls navigation header

*/
#navhead {
	color:#FFFFFF;
	background-color:#330033;
	margin: 0; 
	padding: 0.33em 0 0; 
   	border-bottom: 1px solid #330033;
}

/*

	controls navigation
	location and appearance
	
*/	
#navigation {
	width: 130px; 
   	font-size: 11px;
   	border: 3px solid #330033;
   	margin-left: 1em;
   	position: fixed;
   	left: 2px;
   	top: 16em;
}

/*

    controls portfolio and review dropdown menus

*/
#portfolio {
	display: none;
}

#reviews {
	display: none;
}

#portfolio a {
	text-align:left;
}

#reviews a {
	text-align:left;
}

#reviews a:hover {
	background-color:#CC66CC;
	color:#FFFFFF;
}

#portfolio a:hover {
	background-color:#CC66CC;
	color:#FFFFFF;
}

/*

    !!!!!!!!!LOGO!!!!!!!!!

*/

/*

	controls logo location
	
*/
#logo img {
	position:relative;
	left:150px;
	top:0px;
	width: 408px;
	height: 150px;
	padding: 0;
}

/*

    !!!!!!!!!HEADER/SUBHEADER!!!!!!!!

*/

/*

	controls header
	location, appearance, colors, etc
	
*/
#header {
	position:relative;
	top:inherit;
	width:85%;
	margin: 0 150px 1em 150px; 
	padding: 0 0 0 5px;
	min-width:100px;
	background-color:#330033;
	color:#FFFFCC;
}

/*

	controls subheader color
	
*/
.subhead {
	color:#CC66CC;
	font-style:italic;	
}

/*

    !!!!!!!!CONTENT!!!!!!!!

*/

/*

	controls content
	location and format
	
*/
#content {
	margin: 0 150px 1em 150px; 
	padding: 0 0 0 5px;
	min-width: 100px;
}

/*

	controls review
	question appearance
	
*/
.rev {
	color:#CC66CC;
	font-style:italic;
	font-size: 16px;
}

/*

	controls resume
	header appearance
	
*/
.reshead {
	color:#CC66CC;
	font-style:italic;
	font-size: 18px;
}

.subres {
	font-weight:bold;
	font-size: 14px;
}

.film {
	font-weight:bold;
}

/*

	controls link
	appearance
	
*/
#content a:link {
	color:#330033;
	font-weight: bold;
}

#content a:hover {
	color:#CC66CC;
	font-style:italic;
	text-decoration:none;
}

#content a:visited {
	text-decoration:none;
	color:#330033;
	font-weight:bold;
}

/*

    !!!!!!!!!!SURVEY!!!!!!!!!

*/

/*

	displays background on every other survey question
	easier readability

*/
.survey_bg {
	background-color:#CC66CC;
}

/*

	adds padding to cells within questionaire

*/
.questionaire td {
	padding:3px;
}

/*

	ensures that tables do not have borders

*/
table {
	border:0px;
}

/*

    !!!!!!!PHOTOS!!!!!!!

*/

/*

	formats location of information on page

*/
.imageInfo {
  	text-align:center;
   	width:575px;
	margin: 0 100px 1em 100px;
}

/*

	creates a border around images

*/
.image {
	border:solid 5px;
	border-color:#330033;
}

/*

	adds padding to a specified area
	(allows headspace for esier viewing)

*/
.pad {
	padding:20px;
}

/*

    !!!!!!!PORTFOLIO PAGES!!!!!!!

*/

/*

	positions table on plants page

*/
#imageTable {
  	text-align:center;
   	width:575px;
}

/*

	changes color of links within plants table green
	takes out underline on links

*/
#imageTable a {
	color:#330033;
	text-decoration:none;
}

/*

	gives image links within table a white border
	this way the table doesn't move when links are hovered

*/
#imageTable a img {
	border:solid 2px;
	color:#FFFFFF;
}

/*

	changes border color to green

*/
#imageTable a:hover img {
	color:#330033;
	border:solid 2px;
}