/* CSS Document */

/*
	 Jon R Wilson
	 by Jon R Wilson
	 http://JonRWilson.com
	 
	 COLOR KEY:
	 	White: #FFFFFF;
		Light Gray (33%): #AAAAAA;
	 	Dark Gray (66%): #535353;
	 	Black: #000000
		Yellow: #FFFF00
		YellowOrange: #FFAA00
		OrangeRed: #FF5500
		Red: #FF0000
*/

/*	RESET AND BASICS	*/
*		{ margin: 0; padding: 0; }
html 	{ overflow-y: scroll;}
body	{ font: 62.5% Tw Cen MT, Helvetica, Arial, sans-serif; 
		  background:#535353;}

ul {list-style: none inside;}
p {font-size:2em; line-height: 1.2em; margin-bottom: 1.2 em;}
p a, h1 a {color:#000000}
p a:hover, p a:active, h1 a:hover, h1 a:active {color:#aaaaaa }
a {outline: none;}
a img {border: none;}

h {		font-family: Tw Cen MT, Arial, sans-serif ; 
		font-size: 3em;
		font-weight: normal;
		color: #000000;
		}

h1 {	font-family: Tw Cen MT, Arial, sans-serif ; 
		font-size: 2.5em;
		font-weight: normal;
		color: #000000;
		}
	
/*	END RESET	*/



/*	MAIN STRUCTURE	*/
#accordion	{
	width: 1024px; 
	margin: 0 auto;
	margin-top: 35px;
	background-color:#535353;
	}

h3.toggler {
		cursor:pointer;
		font-size:3em;
		text-indent:-9999px;
		}
		
h3.toggler a{
		display:block;
		height:150px;
		margin-top:5px;
		margin-bottom:5px;
		}

		
		h3.photography a { width: 1024px; background: url(images/nav-photo.png) top center no-repeat; background-color:#FFFFFF;}
		h3.education a { width: 1024px; background: url(images/nav-edu.png) top center no-repeat ; background-color:#FFFFFF;}
		h3.engineering a { width: 1024px; background: url(images/nav-eng.png) top center no-repeat ; background-color:#FFFFFF;}
		h3.jon a { width: 1024px; background: url(images/nav-jon.png) top center no-repeat ; background-color:#FFFFFF;}
			
			h3.photography a:hover, h3.photography a:active { background-position: bottom center; background-color:#FFFF00;}
			h3.education a:hover, h3.education a:active { background-position: bottom center; background-color:#FFAA00;}
			h3.engineering a:hover, h3.engineering a:active { background-position: bottom center; background-color:#FF5500}
			h3.jon a:hover, h3.jon a:active { background-position: bottom center; background-color:#FF0000}


/*	END STRUCTURE	*/