/* Reset
--------------------------------------------*/
*											{ margin: 0; padding: 0; }


/* Global Layout
--------------------------------------------*/
body										{ font: 13px/18px "lucida grande", "lucida sans unicode", "trebuchet ms", sans-serif; }
body#pacificSocialPlanning					{ background: url('/template/background.jpg') repeat center -20px; text-align: center; color: #464646; }

div#container								{ width: 1020px; margin: 0 auto 20px; background: url('/template/container-bg.gif') repeat-y left top; text-align: left; }
div#containerTop 							{ /* background: url('/template/container-top.gif') no-repeat left top; */ }
div#containerBottom 						{ padding: 0 20px 0; background: url('/template/container-bottom.gif') no-repeat left bottom; }

div#header									{ width: 980px; height: 164px; background: #fff; font-size: 0; line-height: 0; }
div#nav										{ float: left; width: 171px; background: #a02a1e url('/template/nav-bg.gif') no-repeat left top; }
div#contentContainer						{ position: relative; float: left; width: 809px; background: #fff; overflow: auto; }
div#content									{ margin: 0 40px; }
div#footer									{ clear: both; border-top: solid 2px #b5be2f;  }

body.atHome div#nav,
body.atHome div#contentContainer			{ height: 420px; }
body.atHome div#footer						{ background: #fff url('/template/footer-bg.gif') repeat-y; }

body.atContent div#nav,
body.atContent div#contentContainer			{ height: 570px; }
body.atContent div#footer					{ background: #fff; }

div.column									{ display: inline; float: left; width: 200px; margin: 20px 0 10px 40px; line-height: 18px; }
div.column#contact							{ width: 170px; margin-left: 70px; }


/* Navigation
--------------------------------------------*/
div#nav ul									{ margin: 105px 0 40px 0; list-style: none; font-size: 18px; }
div#nav ul li								{  }

div#nav ul li a:link,
div#nav ul li a:visited						{ display: block; margin: 0 0 5px; padding: 10px 0 10px 42px; color: #fff; text-decoration: none; }
div#nav ul li a:hover,
div#nav ul li a.current:link,
div#nav ul li a.current:visited,
div#nav ul li a.current:hover				{ background: url('/template/nav-current.gif') no-repeat right center; color: #cb775f; text-decoration: none; }


/* Special Layout
--------------------------------------------*/
div#archives								{ height: 215px; padding: 0 20px; background: #eee; font-size: 11px; overflow: auto; }


/* Global Typography
--------------------------------------------*/
p											{ margin: 10px 0; }

h1											{ margin: 40px 0 20px; color: #afbd21; font-size: 36px; line-height: 40px; font-weight: normal; }
h2											{ margin: 20px 0; font-size: 18px; font-weight: normal; line-height: 30px; }
h3											{ margin: 0 0 10px; font-size: 14px; }

ul											{ margin: 10px 0 10px 30px; }


/* Special Typography
--------------------------------------------*/
div#header h1								{ margin: 0; font-size: 0; line-height: 0; }
p.meta										{ margin-top: -10px; }
p#blogLinks									{ margin: 0; padding: 10px 0 10px 211px; }
p#footerLinks								{ margin: 2px 0 0; padding: 0 0 0 0; color: #ccc; font-size: 11px; text-align: center; }

div#archives h3								{ padding: 20px 0 0; }

div#footer p								{ font-size: 11px; }

body.atHome div#content p 					{ width: 550px; }

p span										{ font-size: 11px; }


/* Links
--------------------------------------------*/
a											{ outline: none; }
a img										{ border: none; }

a:link, a:visited							{ color: #a73124; text-decoration: none; }
a:hover										{ color: #000; text-decoration: none; }

p#blogLinks a:link,
p#blogLinks a:visited						{ color: #666; text-decoration: none; }
p#blogLinks a:hover							{ color: #333; text-decoration: none; }

p#footerLinks a:link,
p#footerLinks a:visited						{ color: #ccc; text-decoration: none; }
p#footerLinks a:hover						{ color: #fff; text-decoration: none; }


/* Miscellany
--------------------------------------------*/
div.clear									{ clear: both; }


