/*
	------

	This stylesheet is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike License. 
	To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/2.0/ 
	or send a letter to 

	Creative Commons
	559 Nathan Abbott Way
	Stanford, California 94305, USA.
	------
	
	color wheel
	#ccc - lt. grey
    #6f6e6e - grey
	#666 - dk. grey
	
	#18425B - blue
	#627E8F - greyblue
	#B22222 - red
	#C6EEDA - lt green
	
	#fff - white
	#000 - black

    this is the default template, see styleprint.css for a printable stylesheet.
	
*/

body  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	text-align:center;
	background-color: #CCCCCC;
	background-image:URL(darren_seaweed.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

A 			
{
	text-decoration: underline;
	font-weight: bold;
} 

A:visited	
{
	color: #940001;
	text-decoration: none;
} 

A:link  
{
	color : #940001;
	text-decoration: none;
}

A:active	{
	text-decoration: none;
} 

A:hover		{
	background-color:#f8b94f;
	text-decoration: none;
} 

/*

This is where the magic happens. If you are on a 640x480 monitor for some reason, or have low resolution, you can set the width to something like 600.

*/

.main
{
	width:750px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:300px;
	background:#ffffff;
	text-align:left;
	border: 1px solid #666;
	font-weight: bolder;
    background: url(back.png);
}

.center {
text-align:center;
}

.padding {
	padding-left:35px;
	padding-right:35px;
	padding-bottom:20px;
}

.padding_fingers {
    background-image: url(hands_string.gif);
	background-position: 90% 76%;
    background-repeat: no-repeat;
	padding-left:35px;
	padding-right:35px;
	padding-bottom:20px;
}


/*

anything set to <span class="no"> will be invisible on screen but visible in print.

*/


.no {
display:none;
}

/*

this makes a little red triangle for a list item, you can delete the list-style if you don't want any images in your presentation

*/

ul
 {
	padding-left: 20px;
	list-style-image:url(dingbat.gif);
} 

li
{
	padding-bottom:2px;
	padding-top: 2px;
}

h3, h4
{
	color: #3b5061;
	font-weight: bold;
	padding-bottom: 5px;
}

h1, h2 {
    color: #000;
	font-weight: bold;
}

/*

headers for slides have some style associated with them, they are black and white in the print version

*/

h3.header {
    font-family: "Times New Roman", Times, serif;
    background: #a0a06e;
	font-weight: bold;
	font-size: 24px;
	font-style: italic;
	margin-top:0px;
	padding:10px;
	padding-left: 30px;
	border-bottom: 1px dotted #666;
}

blockquote	
{
	font-family: "Times New Roman", Times, serif;
	margin-left : 15px;
}

/*

text put into small tags is NOT bold like text otherwise

*/

small {
font-weight: normal;
}

/*

makes small gridlines around table data elements

*/


td {
border :1px solid #666;
padding:4px;
}

/*

puts the next button in the right place

*/

.next
{
font-size: 12px;
color: #6f6e6e;
font-weight: normal;
padding-top:6px;
text-align: right;
}