﻿/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    background-color: teal;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 

/* Containers */

#wrapper { width:900px; margin:0px; background-color:#CCFFFF; margin:auto; }

#banner { padding:10px 10px; align-items:center; height:10%}

#gw-logo { width:10%; float:left }

#ban-text { width:75%; text-align:center; float:none }

#reg-a-logo { width:10%; float:right; }

#sidebar { float:left; width:150px;  float:left; padding:10px 10px }

#content { width:700px;  padding:10px 10px; margin-left: 150px; }

#footer { width:100%; padding:10px 10px; text-align:center; }

/* Standard Formatting (Black) */

h1 { font-size:36px; font-family:Arial, Helvetica, sans-serif; }

h2 { font-size:24px; font-family:Arial, Helvetica, sans-serif }

p { font-family:Arial, Helvetica, sans-serif; font-size:medium; }

#p01 { font-family:Arial, Helvetica, sans-serif; font-size:large; }

#p02 { font-family:Arial, Helvetica, sans-serif; font-size:x-large; }

#p03 { font-family:Arial, Helvetica, sans-serif; font-size:xx-large; }

#p04 { font-family:Arial, Helvetica, sans-serif; font-size:small; }

#p04b { font-family:Arial, Helvetica, sans-serif; font-size:small; font-weight:bold}


/* Saddlebrown Section */
#p10, li10 { color:#FFCC66; font-family:Arial, Helvetica, sans-serif; font-size:medium; }

#p11 { color:#FFCC66; font-family:Arial, Helvetica, sans-serif; font-size:large; }

#p12 { color:#FFCC66; font-family:Arial, Helvetica, sans-serif; font-size:x-large; }

#p13 { color:#FFCC66; font-family:Arial, Helvetica, sans-serif; font-size:xx-large; }

#p14 { color:#FFCC66; font-family:Arial, Helvetica, sans-serif; font-size:small; }

/* Red Section */
#p20, li20 { color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:medium; }

#p21 { color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:large; }

#p22 { color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:x-large; }

#p23 { color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:xx-large; }

#p24 { color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:small; }

/* White Section */ 
#p30, li30 { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:medium; }

#p31 { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:large; }

#p32 { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:x-large; }

#p33 { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:xx-large; }

#p34 { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:small; }

p.b {
  font-style: italic;
}

/* Buttons*/

.Buttons {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#000000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
height:30px;
	line-height:30px;
width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}.Buttons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.Buttons:active {
	position:relative;
	top:1px;
}