body {
margin: 0;
padding: 0;
background-color: #7ba6d5;
color: #fff;
background-image: url(../images/bkg_page_img.jpg);
background-repeat: no-repeat;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: small;
}
/* --------------------------------------------------
PAGE CONTENT WRAPPER 
----------------------------------------------------- */
#wrapper {
background-color: #fdf8f2;
color: #000;
margin: 20px 50px 20px 50px;
padding: 10px 10px 10px 10px;
}

/* --------------------------------------------------
HEADER BOTTOM
----------------------------------------------------- */
#header-bottom {
margin-top: 5px;
border-top: 1px solid #1a50b8;
border-bottom: 3px solid #1a50b8;
background-color: #bad9fe;
height: 1%;
}
#header-bottom ul {
margin: 0;
padding: 6px 20px 6px 0px;
text-align: left;
}
#header-bottom li {
display: inline;
background-color: #bad9fe;
color: #036;
}
#header-bottom a:link, #header-bottom a:visited {
margin: 5px;
padding: 5px 10px;
font-weight: bold;
text-decoration: none;
color: #036;
background-color: #bad9fe;
}
#header-bottom a:hover {
margin: 5px;
padding: 6px 10px;
background-color: #1a50b8;
color: #fff;
}
#tagline {
font-weight: bold;
font-size: 100%;
background-color: #bad9fe;
color: #0065a4;
font-style: italic;
margin: 0;
width: 450px;
padding: 5px 0 5px 0;
float: right;
}
#header-img {
position: absolute;
top: 26px;
right: 55px;
}
/* --------------------------------------------------
CONTENT WRAPPER
----------------------------------------------------- */
#content-wrapper {
position: relative;
top: 0;
left: 0;
width: 100%;
margin-top: 10px;
}

/* --------------------------------------------------
CONTENT
----------------------------------------------------- */
/* Content can have multiple columns or areas within. */
#content {
/*chg margin to move sidebar. chg #sidebar too */
margin: 0 240px 0 0;
border: 1px solid #069;
background-color: #fff;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
color: #000;
}

/* --------------------------------------------------
MAIN FEATURE - AREA WITH LARGE IMAGE & MESSAGE
----------------------------------------------------- */
#main-feature {
background-image: url(../images/mainimg.jpg);
background-repeat: no-repeat;
background-color: #d6e3f2;
color: #036;
padding: 1em 1em 1em 250px;
}
#main-feature a:link, #main-feature a:visited {
text-decoration: none;
}
/* LINK-X - EXTERNAL LINK */
#main-feature .link-x a:link, #content .link-x a:visited {
border-bottom: 1px dotted #666;
background: url(../images/icon_xlink.gif) no-repeat right top;
padding-right: 12px; }
}
#main-feature .link-x a:hover {
color: #f30;
border-bottom: 1px dotted #666;
background: url(../images/icon_xlink.gif) no-repeat right top;
padding-right: 12px; }
}

#main-feature h1 {
margin: 0;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px; 
color: #036;
font-size: 140%;
}
#main-feature h2 {
margin: 0;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bold;
color: #036;
font-size: 100%;
}
#main-feature ul {
margin: 10px 0 0 20px;
list-style: square;
}
#main-feature li {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 100%;
}
#main-feature p {
font-size: 90%;
}
#main-feature p.more {
margin: 0;
text-align: right;
}
#main-feature p.more a:link, #main-feature p.more a:visited {
color: #036;
font-size: 90%;
background-image: url(../images/more-bullet.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 14px;
}
#main-feature p.more a:hover {
color: #f60;
background-image: url(../images/more-bullet.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 14px;
border-bottom: 1px dotted #666;
}
/* --------------------------------------------------
MAIN FEATURE QUOTES
----------------------------------------------------- */
#main-feature q {
display: block;
margin: 0; 
padding: .5em; 
width: 98%; 
font-family: "Times New Roman", sans-serif;
font-style: normal;
font-size: 110%;
border: 1px solid #ccc; 
}
#main-feature q p {
margin-bottom: 1em;
padding: 0;
text-align: justify;
}
#main-feature q img {
float: left;
margin-top: 2px;
margin-left: 2px;
margin-right: 10px;
margin-bottom: 5px;
padding: 3px;
border: 1px solid #000;
}
#main-feature q .source {
border: 0 ; 
margin: 0; 
padding: 0; 
font-size: 80%;
font-style: italic;
font-weight: bold;
text-align: right;
}
#content q a:link, #content q a:visited  {
font-size: 90%;
color: #333;
text-decoration: none;
}
#content q a:hover, #content q a: active {
font-size: 90%;
color: #f30;
text-decoration: 1px solid #666;
}
#content q a:hover, #content q a: active {
font-size: 90%;
color: #f30;
text-decoration: 1px solid #666;
}

/* --------------------------------------------------
MAIN CONTENT - AREA UNDER FEATURE ITEM
----------------------------------------------------- */
#content .main {
margin: 10px 20px 10px 40px;
}
#content .main h1 {
color: #245185;
padding-bottom: 0.1em;
border-bottom: 1px solid #b9d2e3;
font-size: 140%;
}
#content .main h2 {
color: #245185;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
padding-bottom: 0.1em;
font-size: 120%;
}
#content .main h3 {
margin-bottom: .1em;
font-size: 105%;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bolder;
letter-spacing: -1px; 
color: #333;
}
#content .main h3 a:link, #content .main h3 a:visited {
color: #245185;
text-decoration: none;
}
#content .main h4 {
margin-bottom: .1em;
font-size: 90%;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px; 
}
#content .main ul {
list-style-type: square;
color: #333;
}

hr { height: 1px; color: #369; border-bottom: dotted; }

/* LINK-X - EXTERNAL LINK */
#content .link-x a:link, #content .link-x a:visited {
border-bottom: 1px dotted #666;
background: url(../images/icon_xlink.gif) no-repeat right top;
padding-right: 12px; }

#content p.date {
margin: 0;
font-size: 80%;
text-align: right;
}
#content .main p.more {
margin-top: 0;
text-align: right;
}
#content .main p a:link, #content .main p a:visited {
color: #245185;
text-decoration: none;
}
#content .main p a:hover {
color: #f60;
text-decoration: none;
}

#content .main p.more a:link, #content .main p.more a:visited {
color: #000;
background-image: url(../images/more-bullet.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 14px;
font-size: 90%;
color: #1e4c82;
text-decoration: none;
}
/* --------------------------------------------------
CONTENT QUOTES
----------------------------------------------------- */
#content .main q {
display: block;
margin: 0; 
padding: .5em; 
width: 100%;
border-top: 0; 
border-right: 0; 
border-bottom: 1px dotted #ccc; 
border-left: 0; 
}
#content .main q p {
margin-bottom: 1em;
padding-top: 10px;
padding-right: 15px;
font-size: 80%;
line-height: 1.75em;
text-align: justify;
}
#content .main q .source {
border: 0 ; 
margin: 0; 
padding-right: 15px; 
font-style: italic;
font-weight: bold;
text-align: right;
padding-left: 14px;
padding-bottom: 5px;
}
#content .main q img {
float: left;
margin-top: 2px;
margin-left: 2px;
margin-right: 10px;
margin-bottom: 5px;
padding: 3px;
border: 1px solid #000;
}
#content .main q a:link, #content q a:visited  {
font-size: 90%;
color: #333;
text-decoration: none;
}
#content .main q a:hover, #content q a: active {
font-size: 90%;
color: #f30;
text-decoration: 1px solid #666;
}
#content .main q a:hover, #content q a: active {
font-size: 90%;
color: #f30;
text-decoration: 1px solid #666;
}
.odd { background-color: #efefef; }
/* --------------------------------------------------
CONTENT FOOTER
----------------------------------------------------- */
#content .main p.ftr {
margin-top: 0;
padding: 3px 10px;
text-align: center;
background-position: center;
background-color: #fff;
border-top: 1px solid #ccc;
color: #666666;
font-size: 85%;
}
#content .main p.ftr a:link, #content .main p.ftr a:visited {
font-size: 90%;
color: #1e4c82;
text-decoration: none;
}
#content .main p.back {
margin-top: 0;
text-align: left;
}
#content .main p.back a:link, #content .main p.back a:visited  {
background-image: url(../images/arrow_l.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 14px;
font-size: 90%;
color: #1e4c82;
text-decoration: none;
}

/* --------------------------------------------------
QUOTES
----------------------------------------------------- */
q {
display: block;
margin: 0; 
padding: .5em; 
width: 90%;
border: 0px solid #ccc; 
}
q p {
margin-bottom: 1em;
padding: 0;
text-align: justify;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-style: normal;
font-size: 100%;
line-height: 1em;
}
#content q a:link, #content q a:visited  {
font-size: 90%;
color: #333;
text-decoration: none;
}
#content q a:hover, #content q a: active {
font-size: 90%;
color: #f30;
text-decoration: 1px solid #666;
}
#content q a:hover, #content q a: active {
font-size: 90%;
color: #f30;
text-decoration: 1px solid #666;
}

q img {
float: left;
margin-top: 2px;
margin-left: 2px;
margin-right: 10px;
margin-bottom: 15px;
padding: 10px;
border: 1px solid #000;
}
q .source {
border: 0 ; 
margin: 0; 
padding: 0; 
font-style: italic;
font-weight: bold;
text-align: right;
}

/* --------------------------------------------------
STYLE FORMS 
----------------------------------------------------- */
/* BUTTON */
.button {
font-family: 100% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 90%;
font-weight: bold;
text-align: center;
color: #444;
background-color: #e5e5e5;
width: auto;
border-top: 1px solid #ccc;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #ccc;
text-transform: normal; }

/* FIELDSET - DEFINES FIELDSET */
fieldset {
display: block; }

/* FORM */
form {
font-family: 100% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 90%;
width: 100% ; 
}
caption {
caption-side:bottom;
}
table {
margin: 0;
padding: 0;
width: 100%;
border: 1px solid #ccc;
}
table.no-bdr {
margin: 0;
padding: 0;
width: 100%;
}
table.data {
margin: 0;
padding: 0;
width: 100%;
font-size: 80%;
border: 1px solid #ccc;
}

th {
background-color: #ccc;
text-transform: uppercase;
text-align: left;
font-size: 80%;
}
tr .odd {
background: #e5e5e5;
}
td {
vertical-align: top;
}
td .highlight {
background: #ffc;
}
/* INPUT, SELECT */
input select, checkbox {
margin: 0 3px 0 0;
border: 1px solid #999;
text-transform: normal; 
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
font-size: 100%; 
}
/* RADIO */
input radio {
border: 0px;
}
/* SELECT - SELECTABLE LIST */
select {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
letter-spacing: -1px; 
}
/* TEXTAREA - TEXT INPUT */
textarea {
border-top: 1px solid #ccc;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #ccc;
text-transform: normal; 
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
font-size: 100%; 
}

/* --------------------------------------------------
SIDEBAR COLUMN
----------------------------------------------------- */
#sidebar {
position: absolute;
top: 0;
/*chg rgt/left to move sidebar. chg #content too */
right: 0;
/* left: 0; */
width: 220px;
background-color: #fdf8f2/*#256290*/;
color: #069;
margin: 0;
padding: 0;
}
#sidebar h3 {
font-size: 110%;
color: #fff;
background-color: #7097b6;
background-repeat: no-repeat;
margin: 0;
padding: 0.3em 0 0.3em 10px;
font-weight: bold;
text-align: left;
}
#sidebar h4 {
margin: 7px 0;
font-size: 100%;
font-weight: bold;
}

/* --------------------------------------------------
SIDEBAR CONTENT
----------------------------------------------------- */
#sidebar .sidebar-content {
padding: 10px;
}
#sidebar .sidebar-content h3{
text-align: left;
}
#sidebar ul {
list-style-image: url(../images/more-bullet.gif);
margin: 10px 0 0px 0;
padding-left: 20px;
text-align: left;
}
#sidebar p, #sidebar li {
margin: 0px;
font-size: 90%;
line-height: 1.4em;
text-align: left;
}
#sidebar ul a:link, #sidebar ul a:visited {
color: #069;
text-decoration: none;
font-weight: bold;
}
#sidebar ul a:hover {
color: #f60;
border-bottom: 1px dotted #f60;
}
#sidebar .date {
font-weight: bold;
}

/* --------------------------------------------------
SIDEBAR FORM
----------------------------------------------------- */
#search-form .text {
width: 196px;
border: 1px solid #45bac0;
}
#search-form .searchbutton {
text-align: right;
margin-top: 4px;
}
#search-form .btn {
border: 1px solid #45bac0;
background-color: #256290;
color: #fff;
}
#sidebar .x-img {
float: right;
margin: 0 30px 0 20px;
}
#sidebar .more {
clear: right;
margin: 0 30px 0 0;
text-align: right;
}
#sidebar p.more a:link, #sidebar p.more a:visited { 
color: #069;
padding-left: 14px;
font-weight: bold;
text-decoration: none;
background-image: url(../images/more-bullet.gif);
background-repeat: no-repeat;
background-position: center left;
}
#sidebar p.more a:hover {
color: #f60;
border-bottom: 1px dotted #f60;
background-image: url(../images/more-bullet.gif);
background-repeat: no-repeat;
background-position: center left;
}