@import "dropdown.css";

* {
	margin:         0;
	padding:        0;
}

html {
	text-align:     center;
	background:     #ccc; /*#a8de04 url(../images/bg2.jpg) no-repeat fixed center center; /*#f3f3f3;*/
}

body {
    font-size:      10px;
    font-family:    Verdana, Arial, Helvetica;
	text-align:     left;
	color:          #333;
	width:          75.0em;
	margin:         2.0em auto;
	background:     #fff;
	padding:        1.3em;
	background:     #fff url(../images/body_bg.gif) bottom repeat-x;
	border:         0.2em solid #bbb; /*#eaeaea;*/
}

p {
	font-size:      1.2em;
	line-height:    1.5em;
	margin:         1.0em 0;
	text-align:     justify;
}

a {
	color:          #004d85;
	text-decoration:none;
}

p a, td a, th a {
	background:     url(../images/link_underline.gif) bottom repeat-x;
	padding-bottom: 0.1em;
}

ul {
	list-style:     none;
}

#masthead {
	width:          750px;
	height:         100px;
	position:       relative;
	margin-bottom:  0.3em;
	background:     #555 no-repeat; /*url(../images/header_right.jpg) no-repeat right; /*url(../images/masthead_bg.gif) repeat-x;*/
	line-height:    100px;
}

#masthead h1 {
	font-size:      2.2em;
	font-family:    "trebuchet ms";
	background:     none; /*url(../images/header_left.jpg) no-repeat center left;*/
	overflow: hidden;
}

#masthead h1 a {
	color:          #fff;
	display:        block;
	width:          190px;
	height: 4.5em;
}

#masthead sup {
	font-size:      0.5em;
}

#mastheadBox {
	background:     url(../images/masthead_box.gif) left center no-repeat;
	z-index:        11;
	position:       absolute;
	height:         8.0em;
	top:            50%;
	margin-top:     -5.0em;
	right:          2.0em;
	width:          43.5em;
	padding:        1.0em 1.0em 1.0em 3.5em;
}

#mastheadBox h2 {
	line-height:    1.0em;
	color:          #f60;
	font-size:      1.2em;
}

#mastheadBox p {
	padding:        1.0em 0 0;
	margin:         0;
}

#breadCrumbs {
	clear:          both;
	padding:        0.5em 2.0em;
	margin-top:     0.3em;
	background:     #eaeaea url(../images/breadcrumbs_bg.gif);
}

#breadCrumbs li {
	display:        inline;
}

#breadCrumbs li a {
	margin-right:   0.5em;
	padding-right:  1.0em;
	background:     url(../images/breadcrumbs_bullet.gif) right 0.7em no-repeat;
}

#breadCrumbs li a:hover, #footer li a:hover {
	text-decoration:underline;
}

/* Main Column */
#fullContent {
    padding:        2.0em;
}

#mainContent {
	width:          53.0em;
	padding:        2.0em 0 2.0em 2.0em;
	float:          left;
}

img.feature {
    margin:         -1.5em 0 1.0em 1.0em;
    float:          right;
}

#mainContent h2, #fullContent h2 {
	color:          #f60;
	font-size:      1.5em;
}

#mainContent p + h2, #fullContent p + h2 {
	margin-top:     1.5em;
}

#mainContent h3, #fullContent h3 {
	font-size:      1.25em;
}

#mainContent blockquote, #fullContent blockquote {
	padding:        0 2.0em;
	font-style:     italic;
	font-size:      0.9em;
	color:          #444;
	border-left:    4px solid #f90;
}

#mainContent ul, #fullContent ul {
	color:          #f90;
}

#mainContent li, #fullContent li {
	background:     url(../images/li_bullet.gif) left 0.4em no-repeat;
	font-size:      1.2em;
	padding-left:   1.0em;
	margin:         0 0 0.5em 1.0em;
	color:          #333;
}

#secondaryContent li {
	background:     url(../images/li_bullet.gif) left 0.4em no-repeat;
	padding-left:   1.0em;
	margin:         0 0 0.5em 0;
	color:          #333;
}

#suckerfish {
	width:          100%;
	height:         10.0em;
	font-family:    monaco, courier;
}

/* Main Column Table */

#mainContent table, #fullContent table {
	margin-top:     1.5em;
}

#mainContent thead th, #fullContent thead th {
	background:     #eaeaea;
}

#mainContent td, #fullContent td {
	padding:        0.5em;
	background:     #f4f4f4;
}

#mainContent td:hover, #fullContent td:hover {
	background:     #eaeaea;
}

#mainContent th, #fullContent th {
	padding:        0.5em;
	background:     #f4f4f4;
	color:          #004d85;
}

#mainContent th strong, #fullContent th strong {
	color:          #f60;
}

/* Form */

fieldset {
	padding:        1.0em 1.0em 0.5em;
	border:         1px solid #EAEAEA;
	margin-top:     2.0em;
	background:     #f7f7f7;
	font-size: 0.75em;
}

label {
	display:        block;
	padding-bottom: 0.5em;
	font-weight:    bold;
}

input, textarea {
	border:         1px solid #ccc;
	padding:        0.25em;
}

#secondaryContent input, #secondaryContent textarea {
    width: 94%;
}

#secondaryContent li a {
    display: block;
}

#secondaryContent li a:hover, #secondaryContent li a.active {
    color: #555;
    background: #ddd;
}

textarea {
	width:          28.0em;
	height:         11.5em;
	font:           1.2em Verdana, Arial, Helvetica, sans-serif;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border-color:   #999;
}

#submit {
	color:          #fff;
	font-size:      1.0em;
	font-weight:    bold;
	width:          auto;
	background:     #f90 url(../images/nav_bg.gif) bottom repeat-x;
}

input#submit:hover {
	border-color:   #f60;
}

/* Side Column */

#secondaryContent {
	width:          16.0em;
	padding:        2.0em;
	float:          left;
}

#secondaryContent h2, #secondaryContent p {
	font-size:      1.2em;
}

#secondaryContent h2 {
	color:          #f60;
}

.secondaryContentBox {
	border:         1px solid #EAEAEA;
	background:     #f7f7f7;
	padding:        1.0em 1.0em 0.5em;
	margin-bottom:  2.0em;
}

.secondaryContentBox span {
	color:          #f60;
	font-weight:    bold;
}

#secondaryContent blockquote {
	font-style:     italic;
	font-size:      0.9em;
	padding:        0.5em 0 0 2.0em;
	background:     url(../images/left_quote.gif) no-repeat;
}

#secondaryContent blockquote p {
	background:     url(../images/right_quote.gif) right bottom no-repeat;
	padding-bottom: 1.0em;
}

#secondaryContent blockquote span {
	margin-left:    2.0em;
}

#secondaryContent .source {
	text-align:     right;
	margin:         -0.5em 0 2em;
	font-size:      1.0em;
}

#footer {
	text-align:     center;
	clear:          both;
	padding:        1.0em 0 0;
	background:     url(../images/footer_hr.gif) repeat-x;
}

#footer li {
	display:        inline;
	margin:         0.5em;
}

#copyright {
    text-align:     center;
}

#copyright a {
    color: #aaa;
}

/* List Styles */
#mainContent ul, #secondaryContent ul {
    margin-top:     1.0em;
}

#mainContent li, #secondaryContent li {
    margin-bottom:  1.0em;
}

#secondaryContent ul, #secondaryContent li {
    list-style: block;
}