/* 

STYLE SHEET FOR 
Created by Craig Grannell
www.snubcommunications.com

Table of contents
-------------------
	1. page defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
    6. tables
	7. grid over-rides
-------------------

>> baseline: 
>> grid settings: 

-------------------

Colour settings

-------------------

*/

/* ---- 1. defaults  ---- */

@import url(css-defaults.css);
@import url(css-clearing.css);

/*  ---- 2. structure  ---- */

body {
		padding: 20px 0;
		background: #bdc7c8 url(images/shared/body-background.png) repeat-x;
		}

#wrapper {
		margin: 0 auto;
		width: 940px;
		background: #ffffff url(images/shared/wrapper-background.png) repeat-y;
		padding: 0 20px 0 0;
		}

#masthead {
		border-bottom: 1px solid #d2d2d2;
		margin-right: -20px;
		position: relative;
		padding: 10px 0;
		background: #ffffff url(images/shared/masthead-revised.jpg);
		height: 123px;
		}

#masthead a#logo {
		display: block;
		text-decoration: none;
		width: 650px;
		margin: 30px 0 0 225px;
		height: 85px;
		}

#emailLink {
		position: absolute;
		top: 10px;
		right: 20px;
		}

#sidebar {
		float: left;
		width: 200px;
		padding-left: 10px;
		margin-right: 20px;
		}

#mainContent {
		float: left;
		width: 710px;
		padding-top: 20px;
		}
		
#footer {
		clear: both;
		background: #ffffff;
		border-top: 1px solid #d2d2d2;
		margin-right: -20px;
		padding: 20px;
		}

#donate {
		border-bottom: 1px solid #d2d2d2;
		margin-left: -10px;
		padding: 0 10px 10px;
		margin-bottom: 10px;
		font-size: 10px;				
		}

form {
		text-align: center;
		height: 50px;
		padding-top: 5px;
}

/* >> =masthead */

/* >> =content area */		

/* >> =main content */		
		
/* >> =sidebar */
		
/* >> =footer */

/* ----- 3. links/nav ----- */

#emailLink {
		background: url(images/shared/email-background-s.png) no-repeat;
		height: 15px;
		padding-left: 25px;
		}

#emailLink a {
		line-height: 15px;
		text-decoration: none;
		color: #777777;
		}
		
#emailLink:hover {
		background-position: 0 -25px;
		}		

#emailLink:hover a {
		text-decoration: underline;
		color: #333333;
		}

#sidebar ul {
		font-weight: bold;
		}

#sidebar a {
		color: #27546a;
		text-decoration: none;
		}

#sidebar a:visited {
		color: #4c7285;
		}

#sidebar a:hover {
		text-decoration: underline;
		}

#sidebar #mainNav ul {
		margin-left: -10px;		
		}

#mainNav a, #mainNav span {
		background: url(images/shared/nav-item-background.png) 0 50% repeat-x;
		border: 1px solid #fcfcfc;
		border-right-color: #d2d2d2;
		border-bottom-color: #d2d2d2;
		display: block;
		height: 22px;
		line-height: 23px;
		padding: 0 10px;
		}

#mainNav a:hover {
		background: #dddddd;
		}

#mainContent a, #footer a {
		color: #27546a;
		}

#mainContent a:visited, #footer a:visited {/*4c7285*/
		color: #777777;
		}

#mainContent a:hover, #footer a:hover {
		color: #000000;
		background: #f5f7f7;
		}


/* >> link overrides */


/* ----- 4. _fonts ----- */

body {	 /* default font definition */
		font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial;
		font-size: 12px;
		line-height: 16px; 
		color: #363636;
		}

/* >> headings =h1 =h2 =h3 =h4 =h5 =h6 */

#sidebar h2 {
		color: #666666;
		font-size: 12px;
		margin-bottom: 12px;
		}

#sidebar h3 {
		color: #555555;
		text-transform: uppercase;
		font-size: 12px;
		}

#sidebar h3, #sidebar li {
		line-height: 19px;
		}

#mainContent h1 {
		font-size: 18px;
		color: #222222;
		line-height: 18px;
		margin-bottom: 18px;
		background: #edf0f0;
		border-bottom: 1px solid #d2d2d2;
		padding: 8px 8px 4px;
		text-transform: uppercase;
		}

#mainContent h2 {
		font-size: 15px;
		color: #000000;
		margin-bottom: 5px;
		margin-top: 16px;
		}

#mainContent h3 {
		font-size: 12px;
		color: #111111;
		text-transform: uppercase;
		margin-top: 16px;
		}

/* >> paragraphs =p */

#mainContent ul {
		
		}

#mainContent p {
		line-height: 18px;
		margin-bottom: 12px;
		}

#footer p {
		font-size: 11px;
		text-align: center;
		}

blockquote {
		border: 1px solid #dddddd;
		border-bottom-width: 5px;
		background: url(images/shared/blockquote-background.png) 10px 10px no-repeat;
		margin-bottom: 16px;
		padding: 10px 10px 10px 80px;
		}

#mainContent blockquote p {
		margin: 0;
		font-size: 13px;
		}

#mainContent .citation {
		text-align: right;
		font-style: italic;
		font-size: 12px;
		}

/* >> lists =ul =li */

#sidebar ul {
		margin-bottom: 16px;
		list-style-type: none;
		}

#mainContent ul, #mainContent ol {
		margin-left: 20px;
		margin-bottom: 12px;
		}

#mainContent li {
		font-size: 12px;
		line-height: 18px;		
		}
		
pre {
		font: 12px/20px "Courier New", Courier, monospace;
		}
/* ----- 5. images ----- */

a img {
		border: 0;
		}
		
/* ----- 6. tables ----- */

		
#mainContent .ac p {
		border-bottom: 1px dotted #aaaaaa;
		padding-bottom: 16px;
		margin-bottom: 16px;
		}
		
.db {
		border-bottom: 1px dotted #aaaaaa;
		padding-bottom: 16px;
		margin-bottom: 16px;
		margin-left: 0 !important;
		padding-left: 20px !important;
		}		
	
p.db {
		padding-left: 0 !important;
		}
	
table {
		margin-bottom: 16px;
		border-collapse: collapse;
		}

.ac table {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 6px;
		}

caption {
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 3px;
		}
		
th {
		font-weight: bold;
		text-align: center;
		}		
		
th, td {
		font-size: 12px;
		line-height: 18px;
		/*border: 1px solid #666666;*/
		vertical-align: center;
		}
		
.nb th, .nb td {
		border: 0;
		}		
		
td img {
		border: 1px solid #aaaaaa;
		background: #ffffff;
		padding: 5px;
		margin-right: 10px;
		margin-bottom: 10px;
		}
		
#terms {
text-align: left;
}