/* 
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 #9B9DC6; 
	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: #B4E5E7;
	border: 1px solid #b3b3b3;
}

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

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

a:active {
    color: #417847;
}

h1,h2,h3 {
    color: #ffffff; 
}

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: 285px;
    padding: 0px;
    background: url(../images/logo.j) no-repeat;
}

#hd h1 {
	background: url(../images/logo.jpg) no-repeat;
	margin: 40px 0 0 0;
	height: 200px;
	width: 925px;
}
#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: 40px 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 {
    margin: 0px;
    width:100%;
	line-height: 1.5em;
	margin: 0px 0px 10px 0px;
}

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

/* Top Navigation Styling */
#search {
	float: right;
	padding:0px;
}
#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%;
}