/* 
YUI CSS Notes:
- YUI CSS nuetralizes the browser CSS for html elements in attempt to create a normailzed platform
across browsers.  It then rebuilds a consistent style foundation from which to build your template from.
- This custom CSS file builds on top of the YUI foundation.
- Font sizes should be defined using percentages.  This perserves ability for users to zoom in/out.  See 
cheatsheet here (http://developer.yahoo.com/yui/docs/assets/cheatsheets.zip) for more 
information and percent to pixel conversion chart.
*/ /* YUI CSS overrides */
body { /* YUI CSS sets a default font-family of Arial and provides a degradation path from there
	so only set one here if you wish to override that. YUI also sets a default font-size of 100% (13px) so
	the same goes for that setting. */
    padding: 5px;
    background: url(../images/page_bg.png) repeat-x #d5d4d4;
    color: #333;
}

strong,b {
    font-weight: bold;
}

em,i {
    font-style: italic;
}

ul  li {
    list-style-type: circle;
    list-style-position: inside;
    padding: 0 0 0 0px;
}

ol  li {
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0 0 0 0px;
}

img {
    border: none;
}

.main-body {
    background-color: #FFFFFF;
    border: 1px solid #b3b3b3;
}

a:link,a:visited {
    color: #2f5e3c;
    text-decoration: none;
}

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

a:active {
    color: #417847;
}

.brokenlink {
    text-decoration: line-through !important;
}

h1,h2,h3 {
    color: #2f5e3c;
}

h1,h2 {
    font-weight: normal;
}

h1 {
    font-size: large;
}

h2 {
    font-size: medium;
}

h3 {
    font-size: small;
}

ul {
    margin: 5px;
    padding: 5px;
}

li {
    line-height: 18px;
    padding-left: 5px;
    padding-top: 0px;
    list-style-type: disc;
    list-style-position: inside;
}

/* header details */
#hd {
    width: 100%;
    height: 135px;
    padding: 0;
    background: url(../images/bg.png) repeat-x;
}

#hd h1 {
    background: url(../images/logo.png) no-repeat;
    height: 100px;
    width: 363px;
    text-indent: -5000px;
}

#hd h1 a,#hd h1 a:link,#hd h1 a:visited,#hd h1 a:active {
    font-size: xx-large;
    color: #CDEB8B;
    text-decoration: none;
}

/* Left & Right Column Styling */
#leftcol .moduletable,#rightcol .moduletable {
    border: 1px solid #d5d4d4;
    background: url(../images/leftcol_modbg.png) repeat-x top;
    padding: 0;
    margin: 0 5px 5px 5px;
    width: auto; *
    width: 100%;
}

#leftcol .moduletable td,#rightcol .moduletable td {
    padding: 5px;
}

#leftcol .moduletable h2,#rightcol .moduletable h2 {
    margin: 0;
    padding: 3px;
    font-size: 1em;
    font-weight: bold;
    background: url(../images/leftcol_modhd.png) repeat-x bottom;
    border-bottom: 1px solid #d5d4d4;
}

/* mia specific class styling */
.contentheading {
    color: #333333;
    font-size: large;
    font-weight: normal;
    width: 100%;
}

.componentheading {
    padding-top: 5px;
}

.createdate,.modifydate {
    color: #55437b;
    padding: 0 0 5px 0;
    font-size: .8em;
    line-height: 80%;
}

.itemtitle {
    padding: 5px;
}

/*Top Module Styling */
#top-modules .yui-u {
    margin: 0px;
}

#top-modules .moduletable {
    border: 1px solid #d5d4d4;
    background: url(../images/mod_bg.png) repeat-x bottom;
    padding: 5px;
    margin: 0px 5px 5px 0px;
}

#top-modules li {
    background: url(../images/bullet.png) no-repeat 0px 7px;
    padding: 0 0 0 9px;
}

.moduletable th {
    font-size: large;
    color: #FFFFFF;
    text-align: left;
}

#top-modules .moduletable h2 {
    font-size: 1.2em;
    padding: 5px;
    color: #FFFFFF;
    margin: 0;
    background: url(../images/mod_hdr.png) repeat-y left #69568c;
}

/*Bottom Modules Styling */
#bottom-modules .yui-u {
    margin: 0px;
}

#bottom-modules .moduletable {
    border: 1px solid #d5d4d4;
    background: url(../images/mod_bg.png) repeat-x bottom;
    padding: 5px;
    margin: 0px 5px 5px 0px;
}

#bottom-modules li {
    background: url(../images/bullet.png) no-repeat 0px 7px;
    padding: 0 0 0 9px;
}

#bottom-modules .moduletable h2 {
    font-size: 1.2em;
    padding: 5px;
    color: #FFFFFF;
    margin: 0;
    background: url(../images/mod_hdr.png) repeat-y left #69568c;
}

.moduletable h2 {
    font-size: 1.2em;
    color: #69568c;
    margin: 0;
    border-bottom: 1px solid #69568c;
}

.moduletable h3 {
    font-size: 125%;
}

.pathway {
    font-size: x-small;
    color: #55437b;
    line-height: 20px;
}

.contentdescription {
    padding: 5px 0 5px 0;
}

.sectiontableheader {
    font-weight: bold;
}

#topmenu li {
    display: inline;
    padding: 3px;
}

#topmenu li a {
    color: #FF0084; /*Flickr Pink [#FF0084]*/
}

#topmenu {
    padding: 0px;
}

#categorylist {
    margin-top: 5px;
}

#filters {
    margin-top: 5px;
}

#categorylist td {
    padding: 3px 5px 3px 0;
}

#ft {
    margin-top: 5px;
    padding: 10px;
    text-align: center;
    font-color: #666;
    font-size: .9em;
}

#login { /*background-color: silver;*/
    
}

#comments {
    margin-top: 5px;
}

.comment_wrapper {
    margin-top: 15px;
}

li.sitefold {
    list-style-type: none;
}

li.siteitem {
    padding-left: 15px;
    list-style-position: inside;
}

#main-content {
    width: 100%;
    line-height: 1.5em;
    margin: 0px 0px 10px 0px;
    padding-left: 10px;
}

#main-content p {
    padding-bottom: 10px;
}

/* Top Navigation Styling */
#search {
    float: right;
    padding: 10px;
}

#topbar {
    background: url(../images/menu_bg.png) repeat-x;
    border-top: 1px solid #FFFFFF;
}

#date {
    float: left;
    width: 200px;
    line-height: 30px;
    height: 30px;
    color: #d5d4d4;
    font-size: .9em;
    padding-left: 10px;
}

#topnav {
    width: 100%;
    padding: 0px;
    margin: 0 0 5px 0px;
    height: 30px;
    line-height: 30px;
    text-align: right;
}

#topnav ul {
    display: inline;
    padding: 0 1px 0 0;
}

#topnav ul li {
    list-style: none;
    list-style-image: none;
    display: inline;
    padding: 0 1px 0 0;
    border-left: 1px solid #478c50;
}

#topnav a:link,#topnav a:visited {
    color: #F5F4F4;
    text-decoration: none;
    padding: 7px 10px 7px 10px;
}

#topnav a:hover {
    background: #2f5e3c;
}

/** pdf, printer version, and email to friend button **/
.buttonheading {
    width: 16px !important;
    height: 16px !important;
    text-align: right;
    padding: 0 5px 0 5px;
}

/** content title **/
.componentheading {
    color: #69568c;
    font-size: 20px;
    line-height: 25px;
    padding-top: 15px;
    display: block;
}

.contentheading,.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:active,a.contentpagetitle:visited {
    font-size: 16px;
    color: #2f5e3c;
    font-weight: bold;
    padding-top: 0px;
    background-color: inherit;
    width: 100%;
    border-bottom: 1px dotted #d5d4d4;
}

/** pdf, printer version, and email to friend button **/
.buttonheading {
    width: 16px !important;
    text-align: right;
}

.sectiontableheader {
    font-weight: bold;
}

.category,.categorytitle {
    font-weight: bold;
    color: #69568c;
    background-color: inherit;
}

.inputbox {
    border: 1px solid #d5d4d4;
}

.sectiontableentry1,table.pollstableborder tr.sectiontableentry1 {
    background-color: #F5F4F4;
    padding: 5px;
    color: #333333;
}

.sectiontableentry2,table.pollstableborder tr.sectiontableentry2 {
    background-color: #FFFFFF;
    padding: 5px;
    color: #333333;
}

.sectiontableentry1 td,.sectiontableentry2 td {
    padding: 5px 0px 5px 0px;
}

/** blog Styles **/
.blogsection {
    color: #69568c;
    background-color: inherit;
}

.blog_more {
    font-weight: bold;
    line-height: 25px;
    padding-top: 20px;
    color: #69568c;
    background-color: inherit;
}

/** small text in content **/
.small {
    color: #999999;
    font-size: 10px;
    font-weight: bold;
    background-color: inherit;
}

/** toc page navigation  **/
.pagenav_prev,.pagenav_next {
    font-size: 11px;
}

/** content item navigation  **/
.pagenavbar {
    display: block;
    width: 100%;
    background-color: inherit;
    height: 20px;
    line-height: 25px;
    text-align: right;
    letter-spacing: 2px;
    color: #999999 !important;
    clear: both;
    font-size: 11px !important;
    margin-top: 10px;
    background-image: url(../images/bg_pagenav.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
}

.pagenav {
    height: 20px;
    line-height: 25px;
    text-align: right;
    letter-spacing: 2px;
    color: #999999;
    clear: both;
    font-size: 11px;
    margin-left: 0;
    margin-right: 0;
    background-color: inherit;
}

.back_button {
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

/** highlight word search result **/
.highlight {
    font-weight: bold;
    background-color: #FFFF00;
    padding: 2px 0 2px 0;
}

/** table of content layout **/
table.contenttoc {
    border: 1px solid #000000;
    padding: 1px;
    width: 130px;
    margin: 0 0 10px 10px;
}

/** table of content header **/
.contenttoc th {
    color: #FFFFFF;
    background-color: #666666;
    font-size: 11px;
    display: block;
    width: 124px;
}

/** unordered list for latest news module **/
ul.latestnews li,ul.mostread li {
    line-height: 18px;
    font-size: 11px;
    font-weight: bold;
    list-style-type: none;
    list-style-position: outside;
}

table.contentpane {
    margin: 5px 0 0 0;
    width: 98%;
}

.contentpaneopen {
    margin: 5px 10px 0 0;
    line-height: 140%;
}

.contentpaneopen img {
    padding: 3px;
}

.content_rating {
    line-height: 30px;
}

.content_vote {
    line-height: 30px;
}

.readon {
    line-height: 30px;
}

#banner table {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.greeting {
    line-height: 30px;
}

.login-module-wrapper {
    padding: 5px;
}

.logout-module-wrapper {
    text-align: center;
}

#openid-wrapper,#regular-login {
    padding-top: 10px;
}

.loginlogoutbutton {
    margin: 5px 0 5px 0;
}

input.openidurlbox {
    background: #FFFFFF url(../../../images/M_images/openid.png) no-repeat scroll 0 50%;
    padding-left: 18px;
}
}