/*_________________________________________________________________________________
		GENERAL LAYOUT AND COLUMN LAYOUT
===================================================================================*/
body { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 13.5px; line-height: 1.3em; background-color: #666; }

/*_________________________________________________________________________________
		LOGO STYLES
===================================================================================*/
#header { background-color: #e5e3e4; }
#header h1.siteName { width: 203px; height: 100px; margin: 0px 7px 0px 0px; padding: 0px; border: none; position: relative; float: left; z-index: 10; font-size: 1px; line-height: 5px; background: url("../images/ct/misc/logo2012.png") no-repeat top left; }

#header h1.siteName a { width: 203px; height: 100px; margin: 0px; padding: 0px; border: 0px none; position: absolute; top: 0px; left: 0px; text-decoration: none; background: url("../images/ct/misc/logo2012.png") no-repeat top left; }

#header h1.siteName a:hover { background-position: 0px -100px; }
#header h1.siteName a span { border: 0px none; display: block; text-indent: -9999px; }

/* this is for accessibility, and does not have to be replaced with an image*/
#header p.tagLine { height: 10px; margin: 0px; padding: 0px; position: absolute; top: 68px; left: 14px; display: none; font-size: 10px; line-height: 10px; letter-spacing: 1.5px; text-align: justify; }

/*_________________________________________________________________________________
		NAV LAYOUT
===================================================================================*/
div#nav { overflow: hidden; clear: both; background-color: #fff; }

div#nav div#nav_main { overflow: hidden; }
div#nav div#primary_nav { height: 32px; border-bottom: 1px solid #000; border-top: 1px solid #000; background: url("../images/ct/misc/redGradient-11.gif") repeat-x 0px 0px; }
div#primary_nav ul { height: 33px; margin-bottom: -1px; position: relative; overflow: hidden; list-style: none; }

div#primary_nav ul li { margin: 0px; padding: 0px; height: 33px; float: left; }
div#primary_nav ul li a { height: 32px; padding: 0px 10px; border-style: solid; border-color: #000; border-width: 0px 1px 1px 0px; display: block; display: inline-block; color: #fff; font-weight: bold; font-size: 15px; line-height: 32px; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,.5); background: url("../images/ct/misc/redGradient-11.gif") repeat-x 0px 0px; }
div#primary_nav ul li a:hover { text-decoration: underline; background-position: 0px -100px; }
div#primary_nav ul li a:active { color: #fff; color: rgba(255,255,255,.9); text-shadow: -1px -1px 1px rgba(0,0,0,.8); background-position: 0px 0px; -moz-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.8); -webkit-box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.8); box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.8); }
div#primary_nav ul li.curr_page a { border-bottom-color: #fff; color: #000; background: #fff; text-shadow: none; }
div#primary_nav ul li.curr_page a:active { color: #000; background: #fff; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

div#nav div#secondary_nav { height: 32px; overflow: hidden; border-bottom: 1px solid #000; }
div#secondary_nav ul { height: 32px; position: relative; overflow: hidden; list-style: none; }

div#secondary_nav ul li { float: left; height: 30px; padding: 1px 0px; }

div#secondary_nav ul li a { padding: 5px 0px; display: block; color: #888; font-weight: bold; font-size: 14px; line-height: 20px; text-decoration: none; background-color: #fff; }
div#secondary_nav ul li a span { padding: 0px 10px; border-style: solid; border-color: #000; border-width: 0px 1px 0px 0px; display: block; }
div#secondary_nav ul li a:hover { text-decoration: underline; }
div#secondary_nav ul li.curr_page a { color: #000; }

/*_________________________________________________________________________________
		FOOTER LAYOUT
===================================================================================*/
div#footer { padding: 7px 10px 5px; border-bottom: 1px solid #000; border-top: 1px solid #000; position: relative; clear: both; text-align: center; background-color: #e5e3e4; }

div#footer p { margin: 0px 0px 5px; color: #666; font-size: 11px; }
div#footer p a:link { color: #326076; }
div#footer p a:visited, div#footer p a:active { color: #666; }
div#footer p a:hover, div#footer p a:focus { color: #06f; }

/* not used except on the directory side */
div#footer p#reportBug { margin: 0px; padding: 6px 10px; position: absolute; top: 20px; left: 1px; font-weight: bold; font-size: 9px; line-height: 11px; text-transform: uppercase; text-align: right; background-color: #fff; }
div#footer p#reportBug a:visited { color: #326076; }

/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
p { margin: 5px 0 14px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; }

h1 { margin: 0px 0px 15px 0px; color: #222; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 32px; line-height: 36px; }

h2 { margin: 0px 0px 5px 0px; color: #222; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 19px; line-height: 22px; }

h3 { margin: 0px 0px 3px 0px; color: #222; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; line-height: 18px; }

h4 { margin: 0px 0px 3px 0px; color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; line-height: 11px; text-transform: uppercase; }

h5 { margin: -2px 0px 10px 0px; color: #222; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; line-height: 20px; } /* Author Names */

h6 { margin: 0px 0px -2px 0px; color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; line-height: 15px; } /* from issue or posted date */

/*_________________________________________________________________________________
		UTILITY STYLES
===================================================================================*/
/* button overrides per site: */
input.submit, div.formActions input, a.button, a.button:link, a.button:visited, button, p#purchaseLink a, p#purchaseLink a:link, p#purchaseLink a:visited, p.requestLink a, p.requestLink a:link, p.requestLink a:visited {
border-color: #000; color: #fff; background: #900 url("../images/ct/misc/redGradient-11.gif") repeat-x 0 0; }

input.submit:hover, input.submit:focus, div.formActions input:hover, div.formActions input:focus, a.button:hover, a.button:focus, button:hover, button:focus, p#purchaseLink a:hover, p#purchaseLink a:focus, p.requestLink a:hover, p.requestLink a:focus {
border-color: #666; color: #fff; background-color: #a00; background-position: 0px -100px; }

input.submit:active, div.formActions input:active, a.button:active, button:active, p#purchaseLink a:active, p.requestLink a:active {
border-color: #000; color: #e8e8e8; color: rgba(255,255,255,.9); background-position: 0px 0px; }

/* --- PAGINATION styles ----------------------------------------------------------- */
div#pagination { margin: 5px 0px; padding: 5px 0px; clear: right; text-align: center; }
div#pagination span { color: #fff; font-size: 11px; line-height: 11px; padding: 2px 5px; background-color: #ccc; border: 1px solid #ccc; text-decoration: none; }/* this is the style for a disabled button */
div#pagination a span { color: #326076; background-color: #fff; border: 1px solid #326076; text-decoration: none; }/*this is for the majority of the page #'s */
div#pagination a { text-decoration: none; } /*without this it adds an underline below the box which looks really weird*/
div#pagination a:hover span { color: #000; background-color: #e5e3e4; text-decoration: underline; }
div#pagination span.curr_page { background-color: #326076; border: 1px solid #326076; color: #fff; font-weight: bold; }

/*_________________________________________________________________________________
		LINK STYLES
===================================================================================*/
a:link { color: #326076; text-decoration:underline; }
a:visited { color: #666; }
a:hover, a:focus { color: #06f; }
a img { border: none; }