html, body, div
	{
	margin: 0; padding: 0; border: 0;
	}

body
	{
	background: url(elements/bg.jpg);
	font: 80%/140% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
H1
	{
	text-align: right;
	font: bold 175% "Times New Roman", times, serif;
	border-bottom: 3px double;
	letter-spacing: 0.8em;
	}

H2
	{
	font: 175% "Times New Roman", times, serif;
	padding: 0.25em 0;
	letter-spacing: 0.2em;
	display: inline;
	}
	
H3	{
	text-align: center;
	font: bold 125% tahoma, verdana, sans-serif;
	border-top: 3px double black;
	border-bottom: 3px double black;
	letter-spacing: 0.2em;
	margin: 1em 15 2em%;
	}

a 	
	{
	text-decoration: none;
	color: #900;
	font-weight: bold;
	position: relative;
	z-index: 1;
	}	

a:hover 
	{
	color: red;
	border-bottom: 1px solid red;
	}

/* MAIN SECTIONS OF THE PAGE
   masthead, maincontent, and footer are the three separate sections of the page. */ 

#masthead
	{
	margin: 1.5em;
	border: 1px solid #666;
	}

#maincontent
	{
	margin: 1.5em;
	padding: 2em;
	background: #ededed url(elements/bg_sicily.jpg) no-repeat 25% 20%;
	border: 1px solid #666;	
	}

#footer
	{
	margin: 1.5em;
	padding: 6px;
	border: 1px solid #666;
	background-color: #ededed;
	text-align: center;
	}

/* PARTS OF MASTHEAD
   banner, pageinfobar, and mainmenubar are the three separte sections of masthead.
   pageinfo and mainmenu refer to the ul list within pageinfobar and mainmenubar */
   
#banner
	{
	background: #fff url(elements/logo.jpg) top left no-repeat;
	height: 65px;
	display: block;
	}

#pageinfo
	{
	padding: 0 0 0 5px;
	margin: 0;
	background: #fff url(elements/cell.jpg) top left repeat-x;
	font-family: verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	vertical-align: middle;
	}

#pageinfo li
	{
	display: inline;
	list-style: none;
	margin: 5px;
	float: left;
	}

#pageinfo #date
	{
	float: right;
	margin: 5px;
	}

#mainmenubar
	{
	border: 1px outset gray;	
	}
	
#mainmenu
	{
	padding: 0 0 0 5px;
	margin: 0;
	background: #fff url(elements/cell.jpg) top left repeat-x;
	font: bold 80% tahoma, verdana, sans-serif;
	height: 25px;
	vertical-align: middle;
	}

#mainmenu li
	{
	display: inline;
	list-style: none;
	margin: 5px 10px 5px 5px;
	float: left;
	}
	
#mainmenu #support
	{
	float: right;
	margin: 5px;
	}

#mainmenu li a
	{
	text-decoration: none;
	color: #900;
	}
	
#mainmenu li a:hover
	{
	color: red;
	}
	
/* PARTS OF MAINCONTENT */

#toptitle
	{
	margin: 0;
	pading: 0;
	}

#intropanel
	{
	min-height: 200px;
	}
	
	#leftimg
		{
		float: left;
		width: 260px;
		margin: 0 1.5em 0 0;
		padding: 1px;
		}

	#rightimg
		{
		float: right;
		width: 160px;
		margin: 0 0 0 1.5em;;
		padding: 1px;
		}

#primaryinfo
	{
	clear: both;
	margin: 1.5em 2em 0 0;
	}

#primaryinfo li
	{
	font-weight: bold;
	color: #fff;
	margin: 0.4em 0 0 0;
	padding: 0 0 0.5em 1em;
	border: 1px solid white;
	border-right: none;
	list-style: none;
	}

#primaryinfo ul.gen1 li
	{
	background-color: #633;
	}

#primaryinfo ul.gen2 li
	{
	background-color: #630;
	}
	
#primaryinfo ul.gen3 li
	{
	background-color: #663;
	}

#primaryinfo ul.gen4 li
	{
	background-color: #996;
	}
	
#primarycontent
	{
	margin: 0 340px 0 0;
	}

#sidebar
	{
	float: right;
	width: 300px;
	margin: 1.5em 0 0 0;
	padding: 3px 3px 10px 3px;
	border: 1px black solid;
	}

#sidebar p
	{
	margin: 1.5em;
	}

#sidebar ul
	{
	margin: 0 0.5em;
	padding: 0 1.5em;
	}
	
#sidebar li
	{
	text-align: center;
	}

#sidebar ul.iconkey li
	{
	font-weight: normal;
	color: #000;
	border: none;
	text-align: left;
	}	

#whatsnewbox
	{
	margin: -1em 0 2em 2em;
	width: 300px;
	float: right;
	background-color: #cc9;
	padding: 1em;
	border: 3px outset gray;
	}
	
#whatsnewbox H1
	{
	text-align: center;
	font: bold 125% tahoma, verdana, sans-serif;
	border-top: 3px double black;
	border-bottom: 3px double black;
	letter-spacing: 0.2em;
	}
	
.whatsnewdate
	{
	color: #00c;
	font-weight: bold;
	}

#whatsnewlist li
	{
	font-weight: normal;
	color: #000;
	list-style: none;
	margin: 0.5em 1em 0 -2em;
	border: none;
	}

#newsitems li
	{
	font-weight: normal;
	color: #000;
	margin: 2em 5em 2em 0;
	border: 1px dashed black;
	padding-left: 22px;
	background: url(elements/announce.gif) 5px no-repeat;
	}

#newsitems li:first-line
	{
	color: #444;
	font-weight: bold;
	}

#bottomcontent
	{
	clear: both;
	}

/* PARTS OF FOOTER */

#footer img
	{
	vertical-align: middle;
	}
	
#copyright
	{
	font: bold 70% arial, sans-serif;
	color: #960;
	text-align: right;
	margin-right: 3em;
	}

/* CLASSES FOR ANYWHERE */

img.sendright
	{
	padding-left: 2em;
	float: right;
	}
	
div.introtext
	{
	font: 100%/200% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}

div.introtext p
	{
	margin-right: 2em;
	}
	
div.introtext p.firstpara:first-letter
	{
	font: bold 300% "Script MT Bold", Garamond, Helvetica, sans-serif;
	}


p.rightjustify
	{
	text-align: right;
	margin-right: 1.5em;
	}
	
#primaryinfo a.photolink, a.photolink:hover
	{
	margin: 0;
	padding-left: 16px;
	background: url(elements/camera.gif) 50% 50% no-repeat;
	border: none;
	}

#primaryinfo a.emaillink, a.emaillink:hover
	{
	margin: 0;
	padding-left: 16px;
	background: url(elements/email.gif) 50% 50% no-repeat;
	border: none;
	}

#primaryinfo a.biolink, a.biolink:hover
	{
	margin: 0;
	padding-left: 25px;
	background: url(elements/profile.gif) 50% 50% no-repeat;
	border: none;
	}
	
#centertext a.biolink
	{
	color: #900;
	margin: 0;
	padding-left: 28px;
	background: url(elements/profile.gif) left no-repeat;
	border: none;
	}
	
#centertext a.biolink:hover
	{
	color: red;
	border-bottom: 1px solid red;
	}

#centertext a.photolink
	{
	color: #900;
	margin: 0;
	padding-left: 18px;
	background: url(elements/camera.gif) left no-repeat;
	border: none;
	}
	
#centertext a.photolink:hover
	{
	color: red;
	border-bottom: 1px solid red;
	}

#primaryinfo p.rightjustify a.photolink
	{
	color: blue;
	margin: 0;
	padding-left: 18px;
	background: url(elements/email.gif) left no-repeat;
	border: none;
	}
	
#primaryinfo p.rightjustify a.photolink:hover
	{
	color: red;
	border-bottom: 1px solid red;
	}