/* Main elements */

html,body{margin:0;padding:0;width:100%; height: 100%}

body{font: 75%/1.3 Arial,sans-serif;
    text-align: center;padding-bottom:20px}

h1,h2{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}

h2{font-size:160%}

h3{font-size:120%; text-align:center; font-weight:bold; text-transform:uppercase;color: #000000}

h5{font-size:100%;font-weight:bold; text-decoration:underline; text-transform:uppercase;color: #000000}


/* Header element - this includes the menu element */

div#header 		{width:100%;overflow:hidden;background: #FFCC33}

div#header h1,div#menu 	{width:900px;margin:0 auto;text-align:left}

div#header h1 		{padding: 20px 0 20px;color: #000000}


/* Menu navigation - this is inside the menu element */

ul#nav,ul#nav li	{list-style-type:none;margin:0;padding:0}

ul#nav			{float:right;font-size: 95%}

ul#nav li		{float:left;margin-left: 3px;text-align: center}

ul#nav a		{float:left;width: 120px;padding: 5px 0;background: #FF9933 ;text-decoration:none;color: #000000}

ul#nav a:hover		{background: #CDFFA1;color: #006A35}

ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #Eeeeee;color: #003}


/* Container element - contains all elements */

div#container{width:900px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background: #eeeeee}


/* Content element */

div#content{float:left;display:inline;width:880px;margin:0 0 10px 10px}


/* Intro brings together all the contents elements and is inside the content*/

ul#intro,ul#intro li	{list-style-type:none;margin:0;padding:0}

ul#intro		{width:100%;overflow:hidden;margin-bottom:20px}

ul#intro li		{float:left;margin-right:5px;padding: 5px 0}

ul#intro p,ul#intro h3	{margin:0;padding: 0 10px}



div#content h3	{text-transform:uppercase; padding-bottom:3px;color: #000000; margin:0;padding: 0 10px; font-size:100%}


/* Main content'*/

div#leftmenu	div	{background: #fff;padding-left: 8px;padding-right: 8px;padding-top: 8px}
div#leftmenu	h3	{background: #FFCC33 ;padding:0px}

div#sectionone	div	{background: #fff; padding: 8px}
div#sectionone	h3	{background: #FFCC33 ;padding:0px}
div#sectionone	h4	{padding:0px;text-decoration: none;font-size: 100%;margin-top:-5px;margin-bottom:-15px}
div#sectionone	h5	{padding:0px;font-size: 100%;margin-top:-5px;margin-bottom:-10px;text-transform: none}

div#sectiontwo	div	{background: #fff;font-size: 95%; padding: 8px}
div#sectiontwo	h3	{background: #FFCC33 ;padding:0px}

div#sectionthree	div	{background: #fff;font-size: 95%; padding: 8px}
div#sectionthree	h3	{background: #FFCC33 ;padding:0px}

div#spacing	div	{background: #eeeeee}
div#spacing	h3	{background: #eeeeee ;padding:0px;padding-top: 8px;font-size: 50%}


div#maincontent div	{background: #fff;font-size: 95%;padding-left: 0px;padding-right: 0px}
div#maincontent	p	{background: #FFCC33 ;font-size: 100%;padding:0px}

div#summary 	div	{background: #fff;padding-left: 8px;padding-right: 8px;padding-top: 8px}
div#summary	h3	{background: #FFCC33 ;font-size: 100%;padding:0px}
div#summary	h5	{font-size: 100%;padding:0px;text-transform: none;margin-bottom:5px}



/*Footer - this is inside 'container' inside 'header'*/

div#footer{clear:both;width:880px;margin:0 10px 0;padding: 5px 0;
    background: #FFCC33;color: #000000;text-align:center}
div#footer p{margin:0;font-size: 80%}
div#footer a:link{text-decoration: none; color:#0000FF; font-weight:bold}
div#footer a:visited{text-decoration: none; color:#0000FF; font-weight:bold}
div#footer a:active{text-decoration: none; color:red; font-weight:bold}
div#footer a:hover{text-decoration: none;  color:#33FF33; font-weight:bold}

/*New elements*/


TABLE          	{border-collapse: collapse; padding:0px}
.spacer		{text-align:center;border-collapse: collapse;border-bottom: solid;border-bottom-style: groove;border-bottom-width: thin; padding-left: 2px;padding-right: 2px;margin:0px}
.spacercomp	{text-align:center;border-collapse: collapse;border-bottom: solid;border-bottom-style: groove;border-bottom-width: thin; padding-left: 2px;padding-right: 2px;margin:0px; font-weight:bold}
.spacernew	{border-collapse: collapse;border-bottom: solid;border-bottom-style: groove;border-bottom-width: thin; padding-left: 2px;padding-right: 2px;margin:0px}
.spacerbig	{font-size: 120%;text-align:center;border-collapse: collapse;border-bottom: solid;border-bottom-style: groove;border-bottom-width: thin; padding-left: 2px;padding-right: 2px;margin:0px}
.pricesize	{font-size: 120%;font-weight:bold}
.fup 		{border-style: double;border-color:black;border-width:medium;background: #9CC0FF}
.spacertwo 	{border-bottom-style: groove;border-bottom-width: thin;border-color:black}
.spacerthree 	{border-bottom-style: groove;border-bottom-width: thin}
.outline 	{border-style: groove;border-width:thin;}




/*Links*/

A:link {text-decoration: none; color:#FF9933; font-weight:bold}
A:visited {text-decoration: none; color:#FF9933; font-weight:bold}
A:active {text-decoration: none; color:red; font-weight:bold}
A:hover {text-decoration: none;  color:#33FF33; font-weight:bold}


