body{margin: 0;padding: 0;background: #18007c}
{margin: 0;padding: 0;border: 0;font-family:  Arial, Helvetica, sans-serif}
/*----------------------------------------------Basic styles------------------------------------------------*/
h4{font-family: Georgia, Georgia, serif;margin: 15px 0 0 5px;color: #3300ff;font-weight: normal;text-decoration: none}
h3{font-family: Georgia, Georgia, serif;margin: 15px 0 0 5px;color: #0033ff;font-weight: normal;text-decoration: none}
h2{font-family: Georgia, Georgia, serif;margin: 15px 0 0 5px;color: #33cc00;font-weight: normal;text-decoration: none}
h1{font-family: Georgia, Georgia, serif;margin: 15px 0 0 5px;color: #0033ff;font-weight: normal;text-decoration: none}
h4 em{font-family: Georgia, Georgia, serif;font-weight: normal}
h3 em{font-family: Georgia, Georgia, serif;font-weight: normal}
h2 em{font-family: Georgia, Georgia, serif;font-weight: normal}
h1 em{font-family: Georgia, Georgia, serif;font-weight: normal}

/* italic words in titles */

h1{position: absolute;right: 0px;top: 30px;font-size: 2.25em;letter-spacing: 0.1em;line-height: 1.00em;padding-right: 10px;border-right: 15px solid #fff}
h1:first-letter{font-family: Georgia, Georgia, serif;font-size: 2.25em}/* styles the first letter of the main title to make it large */
p#tagline{position: absolute;right: 0px;top: 125px;font-style: italic;color: #3300ff;font-size: 0.90em}/* sits under main title */
h2{font-size: 1.30em;letter-spacing: 0.05em}ol{margin: 10px 10px 0 7px;font-size: 0.70em;line-height: 1.60em;color: #000;letter-spacing: 0.05em}
ul{margin: 10px 10px 0 7px;font-size: 0.70em;line-height: 1.60em;color: #000;letter-spacing: 0.05em}
p{margin: 10px 10px 0 7px;font-size: 1.0em;line-height: 1.60em;color: #000;letter-spacing: 0.05em}
code{font-family: monospace;font-size: 1.20em;color: #E20000}
p span{font-size: 1.50em;font-weight: bold;color:blue}/* shouting words */
a:visited{color: #792533;font-weight: bold;text-decoration: none;border-bottom: 1px solid #792533}
a:link{color: #792533;font-weight: bold;text-decoration: none;border-bottom: 1px solid #792533}
a:active{color: #00cc00;border-color: #00cc00}a:hover{color: #00cc00;border-color: #00cc00}
ul{list-style: inside square}/* general lists */acronym{font-weight: bold;border-bottom: 1px dashed #000;cursor: help}
/*-----------------------------------------------Layout DIVS------------------------------------------------*/

#container{/* keeps everything together */
position: relative ;margin: 1.5em auto 1.5em auto;width: 820px; background: url("images/bkgrnd2.gif") 0 0 repeat-y #ffffff;/* Important image, do not remove */
overflow: hidden; border: 3px #0033ff solid;}
#hdr{/* div containing h1, nav and grapes image */float: left;width: 620px;height: 200px;background: url("images/grapes2.gif") 0 0 no-repeat #fffffff /* Image of Grapes */}
#lftcol{/* left column */position: absolute;left: 0px;top: 150px;margin-left: 3px;/* leave this so that background image lines up with edge of this div */
width: 175px;background: transparent;overflow: hidden;}

#rgtcol{float: right; width: 570px;padding-bottom: 12px;background: transparent;overflow: hidden; margin-right: 35px;}/* right column */
#bttmbar{float: right;text-align: center;font-size: 0.75em;height: 10em;line-height: 1.5em;width: 570px;background: #fffff;border-top: 1px solid #3300ff;}
#quote{/* Quote box in left column */
	float: left;margin: 10px 0 20px 10px;padding: 5px 0;width: 170px;text-align: center;background: url("images/quote2.gif") no-repeat 0 0}
	#quote p{color: #3300ff;font-size: 0.80em;font-weight: bold;line-height: 2.00em}
	
	/* Quote box text *//*---------------------------------------------Main Navigation-----------------------------------------------*/ul#nav{/* navigation list */
	margin: 53px 0 20px 0;/* the 53px is where the nav begins (margin top) */
	padding: 0;list-style: none inside}
	
	ul#nav li{float: left;display: block}
		ul#nav li a{width: 170px;margin: 3px 0 0 0;/* a little top margin */
	border: 0;border-left: 10px solid #fffff;padding: 10px 5px;font-family: Verdana;font-weight: normal;display: block;color: #33cc00; background: #ffffff;text-decoration: underline;font-size: large;}ul#nav li a#current{border-color: #fff}/* current page, move id in the xhtml when creating a new page */
	ul#nav li a:hover{background: #33cc00;color: #fff}