/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: '';  }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

body, html { background-color: #666; background-image: url(http://www.clydejohnston.com/images/bg.jpg); background-repeat: repeat-x; background-position: top; font-size:9pt; font-family: Helvetica, Verdana, Arial, Geneva, sans-serif; color:#fff; }

p {
	color: #fff;
	line-height:1.3em;
	margin-bottom:1em;
}

div#footer {
	width:732px;
	margin:2em auto 0;
	text-align:center;
	line-height:1.2em;
	font-family: Helvetica, Verdana, Arial, Geneva, sans-serif;
	font-size: 8pt;
	color: #23254E;
}

h1 { color:#ccc; font-weight:normal; font:1.6em Georgia, "Times New Roman", Times, serif; padding-top:0px; margin-bottom:.5em}
h2 { color:#fff; font-weight:bold; font-size:1.2em; font-family: Helvetica, Verdana, Arial, Geneva, sans-serif;; padding-top:3px; margin-bottom:.5em}

ul { list-style: disc outside; margin: 0px; padding:0 0 5px 15px; }
ol { list-style: decimal outside; margin: 0px; padding:0 0 5px 25px; }
li { padding:0 0 5px 5px; line-height:1.3em; color: #fff}

td { padding: .5em; vertical-align:top; line-height:1.3em;}

div#frontcontainer { width:704px; margin:0 auto; color:#fff; }
div#frontmain { width: 700px; margin: 20px auto;  }
div#frontlogo { width:556px; height:68px; margin:0 auto; background:url(http://www.clydejohnston.com/images/logo.png) top center no-repeat; text-indent: -5000em;}
div#frontpicture { width:700px; height:322px; border:2px solid #222; margin:10px auto 0 auto; position:relative}
div#frontpicture div#slogan { width: 260px; height: 50px; position: absolute; left: 425px; top: 270px; background:url(/images/legends.png) top left no-repeat; text-indent: -5000em;}
div#frontlinks { width:700px; margin: 10px auto 5px; border: 2px solid #CFC388; border-left: 0; border-right: 0; padding:5px 0 5px 10px; text-align:center; height: 1.3em; color:#fff}
div#frontlinks a:link { color: #fff; text-decoration:none }
div#frontlinks a:visited { color: #fff; text-decoration:none }
div#frontlinks a:hover { color: #CFC388; text-decoration:underline }
div#asgca { background:url(/images/asgca.png) top center no-repeat; margin:10px auto 0; text-align:center; width:50px; height:50px; text-indent: -5000em;}

div#container { background:#555; width:800px; margin:0 auto; padding: 0 3px; border-left: 2px solid #777; border-right: 2px solid #777;}

div#header { padding-top:20px; width:600px; text-align:center; margin: 0 auto; }
div#crumb { font-size:.8em; color: #fff; padding:5px 0; }

div#navigation { width:780px; margin: 10px auto 5px; border: 2px solid #CFC388; border-left: 0; border-right: 0; padding:5px 0; height: 1.3em; text-align:center; color:#fff }

div#content { width: 780px; margin: 0 auto; }
div#content a:link { color: #CFC388; text-decoration:underline }
div#content a:hover { text-decoration: none; }
div#content a:visited { color: #ddd }
div#content img.right { float: right; padding: 2px; margin:0 0 10px 10px; border:2px solid #9D8D3F; }
div#footer {
	width:732px;
	margin:0 auto;
	padding: 2em 0;
	text-align:center;
	line-height:1.2em;
	font-family: Helvetica, Verdana, Arial, Geneva, sans-serif;
	font-size: 8pt;
	color: #CFC388;
	margin-top:4em;
}
div#footer a { color: #fff; text-decoration:underline }