/* style-form.css - transcendent css style sheet template for Essential Quality */


/* === normalizing settings === */

/* normalize margins and paddings */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
	width: auto;
}

/* normalize font sizes for headers */

h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* normalize lists */

ol, ul
{ list-style: none; }


/* === link treatment === */

a:link { color: gray; }
a:hover { color: lime; }
a:visited { color: black; }
a.footer:visited { color: gray; }


/* === window positioning === */

html {
 height: 100%;
}

body {
 position: relative;
 width: 1002px;
 min-width: 770px;
 margin: 0 auto;
 padding: 10px 0;
}

body#iframe {
 position: relative;
 width: 200px;
 margin: 0;
 padding: 0;
}

div#content {
 position: relative;
 margin: 0;
 width: 100%;
 height: 100%;
 min-height: 100%;
 height: auto !important;
}

div#site-info {
	clear: both;
	position: relative;
	top: 1em;
	height: 170px;
	margin-left: 5px;
	width: 1002px;
	background: url(footer-block.jpg) no-repeat top left;
	overflow: auto;
}

div#main-block {
	float: right;
	top: auto;
	margin-right: 15px;
	width: 734px;
	height: auto;
	background: url(main-section-bg.jpg) repeat-y;
	left: auto;
}

div#main-block-contact {
 float: right;
 top: 0;
 margin-right: 15px;
 width: 734px;
 height: 1020px;
 background: url(main-section-bg.jpg) repeat-y;
}

div#main-block-links {
 float: right;
 top: 0;
 margin-right: 15px;
 width: 734px;
 height: 740px;
 background: url(main-section-bg.jpg) repeat-y;
}

div#service-content {
	float: left;
	top: 0;
	margin-left: 5px;
	width: 238px;
	height: 1400px;
	background: transparent url(extra-nav-area.jpg) no-repeat top left;
	padding: 0px;
}

div#service-content-contact {
 float: left;
 top: 0;
 margin-left: 5px;
 width: 238px;
 height: 1020px;
 background: transparent url(extra-nav-area.jpg) no-repeat top left;
}

div#service-content-links {
 float: left;
 top: 0;
 margin-left: 5px;
 width: 238px;
 height: 740px;
 background: transparent url(extra-nav-area.jpg) no-repeat top left;
}

div#service-content-items {
 position: relative;
 top: 221px;
}

div#main-content {
 position: relative;
 top: 2em;
 width: 698px;
 margin-left: 1em;
}

div#branding {
	position: relative;
	height: 210px;
	background: transparent url(framingpic-header.jpg) no-repeat top right;
	top: auto;
	padding: 0px;
}


/* === specific positioning of elements === */

h1 {
	position: relative;
	top: 10px;
	left: 10px;
	height: 20;
	font-size: smaller;
}

h1 + p {
	position: absolute;
	top: 120px;
	left: 114px;
	height: 26px;
}

h2#service-content {
 margin: 5px 5px 0 5px;
}

h2#body {
 margin-bottom: 9pt;
}

h3#service-content {
 position: relative;
 left: 12px;
 margin-top: 12px;
}

iframe {
 float: left;
 left: 0;
 margin-left: 0;
 padding-left: 0;
}

img#logo-layer {
	position: absolute;
	top: 48px;
	left: 6px;
	width: 235px;
	height: 195px;
}

img.floatLeft { 
    float: left; 
    margin-right: 10px; 
}
img.floatRight { 
    float: right; 
    margin-left: 10px; 
}

li#service-events {
 margin-bottom: 1em;
}

p#bottoming {
 margin-bottom: 1em;
}

p#footer-left {
 float: left;
 margin-left: 9px;
 margin-top: 9px;
}

p#footer-middle {
 float: right;
 margin-right: 29px;
 margin-top: 9px;
}

table {
 border-spacing: 5px 20px;
}

ul#service-content {
 position: relative;
 left: 12px;
 margin: 0;
}

ul#service-events {
	position: relative;
	left: 5px;
	margin: 0;
	width: 220px;
	visibility: visible;
	padding: 0px 2px 0px 0px;
}

ul#mission {margin-top: 9pt; margin-bottom: 9pt; }
ul#representatives {margin-top: 9pt; margin-bottom: 9pt; }


/* === text styles and treatments === */

a#footer-content {
 text-decoration: none;
 color: gray;
 font: 8pt "Arial Black", sans-serif; 
}

a#service-content {
 text-decoration: none;
}

a.text {
 text-decoration: none;
}

a.text { font-family: "Eras Demi ITC", sans-serif; font-size: 12pt; line-height: 18px; }

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11pt;
	line-height: 18px;
	top: 10px;
}

div#site-info { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 6pt; line-height: 10px; }

div#service-content {  font-size: 10pt; line-height: 12px; }

h1 {
	font: 36pt "Palatino Linotype", "Palatino", sans-serif;
	margin: auto;
	padding: 10px;
}

h1 + p { font: 18pt "Palatino Linotype", "Palatino", sans-serif;}

h2 { font: bold 16pt/32px "Palatino Linotype", "Palatino", sans-serif;}

h2#service-content {
 font: 20pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 text-align: center;
}

h3#service-content { font: 20pt/1.5 "Palatino Linotype", "Palatino", sans-serif; }

h3#forum-content { font: bold 12pt/1.5 "Palatino Linotype", "Palatino", sans-serif; }

li#service-content { font: 10pt/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
li#service-events { font: 10pt/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

ul#mission {list-style-type: disc; list-style-position: inside; margin-left: 1em; }
ul#representatives {list-style-type: disc; list-style-position: inside; margin-left: 1em; }