body, td 
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 86%; 
text-decoration: none; 
}

body
{
margin:0; 
padding: 10px; 
text-align: center;
}

a
{
text-decoration: underline;
color: #000000;
}

a:hover
{
text-decoration: underline;
color: #ff0000;
}

h3
{
margin:0;
}

ul
{
list-style-type: none;
}

hr
{
height: 1px; 
color: rgb(69,73,109); 
background-color: rgb(69,73,109);
border-style: none;
margin: 5px 0;
}

#main
{
width: 760px;
margin: 0 auto;
text-align:left;
padding:0;
}


/**** TOP BAR ****/

#top-bar
{
padding:0;
}

#top-bar #logo
{
float: left;
}

#top-bar .banner
{
float: right;
}

ul#topics
{
clear:both;
margin: 1em 0;
padding: 0;
background-color: #ededed;
}

ul#topics a
{
text-decoration: none;
color:#fff;
}

ul#topics a:hover
{
text-decoration: underline;
}

ul#topics li
{
float:left;
padding: 0.2em 0;
font-size: 0.9em;
text-align: center;
border-right: solid 7px #fff;
width: 120px;
}

ul#topics li.last-topic
{
border-right: solid 1px #fff;
}

ul#topics li.selected
{
font-weight: bold;
}

#search-bar
{
clear: both;
background-color: #f5f5f5;
color: #dc2828;
text-align: right;
padding: 1px;
margin: 10px 0;
}

#search-form
{
margin: 0;
}

.search-input
{
width: 100px;
font-size: 0.8em; 
}

.search-submit
{
font-weight: bold;
font-size: 0.8em; 
}

.search-submit
{
color: #4C599C;
border-color: #EAEAD5; 
}


/**** SUBTOPIC SUBTOPICS ****/

ul.subtopics
{
margin: 1em 0;
padding: 1em;
}

ul.subtopics li
{
background-color: #f5f5f5;
padding: 1px 3px;
font-size: 0.9em;
margin-bottom: 4px;
border-left: solid 6px #ff0000;
}

ul.subtopics li a
{
font-weight: bold;
text-decoration: none;
}

ul.subtopics li a:hover
{
text-decoration: underline;
}


/**** BREADCRUMB ****/

.breadcrumb
{
margin: 0;
padding: 0.2em 0.5em;
background-color: #ddd;
}

.breadcrumb a
{
text-decoration: none;
}


/**** BACKGROUND COLORS ****/

.bg-t0
{
background-color: #ededed;
}

ul#topics li.bg-t0 a
{
color: #4d4d4d;
}

.bg-t4
{
background-color: #0099ff;
}

.bg-t5
{
background-color: #ff0000;
}

.bg-t6
{
background-color: #33cc33;
}

.bg-t7
{
background-color: #ffcc00;
}

.bg-t8
{
background-color: #cc66cc;
}

.bg-t9
{
background-color: #ff9900;
}

#right-bar h3 {
background-color: #ddd;
}


#nav-menu
{
padding: 10px;
}

#nav-menu ul
{
margin: 0 0 1em 0;
padding: 0;
}

#nav-menu li
{
width: 110px;
background-color: #fff;
padding: 1px 2px;
font-weight: bold;
font-size: 0.9em;
margin-bottom: 4px;
border-left: solid 6px #ff0000;
}

#nav-menu li a
{
text-decoration: none;
color:#4d4d4d;
}

#nav-menu li a:hover
{
text-decoration: underline;
color: #ff0000;
}

#nav-menu ul.menu li.selected a,
#nav-menu ul.menu li.selected a:hover
{
color: #fff;
}

#nav-menu .banner
{
margin: 1em 0;
}

.menu-footer
{
font-size:0.8em;
}

#content
{
margin: 0;
padding: 0;
text-align: left;
}

ul.articles
{
}

ul.articles li
{
margin: 1em 0em;
}

ul.menu li.selected
{
font-weight:bold;
}

ul.menu li
{
font-weight:normal;
}

img
{
border: solid 0 white;
}

img.right
{
float:right;
margin: 1em 0em 1em 1em;
}

img.left
{
float:left;
margin: 1em 1em 1em 0em;
}

img#gra-8
{
margin: 4px;
}

#tool-bar
{
float:right;
border: solid 1px #888;
padding: 0.5em;
margin: 1em 0 1em 1em;
}

#right-bar
{
padding: 10px;
}


/*** EVENTS LIST ***/

ul.events
{
margin: 0 0 1em 0;
padding: 0;
}

ul.events li
{
width: 120px;
background-color: #fff;
padding: 1px 2px;
font-size: 0.9em;
margin-bottom: 4px;
}

ul.events li a
{
text-decoration: none;
font-weight: bold;
}

ul.events li a:hover
{
text-decoration: underline;
}


.event-type
{
text-transform: uppercase;
}


/*** ITEMS LIST ***/

ul.items
{
margin: 1em 0;
padding: 0 1em;
}

ul.items li
{
margin: 0 0 0.8em 0;
}



/* ARTICLE BOXES */

.article-box
{
border: solid 1px black;
padding: 1em;
margin: 1em 0;
}

.article-box.align0
{
float:right;
margin: 1em 0 1em 1em;
}

.article-box.align1
{
float: left;
margin: 1em 1em 1em 0;
}

.article-box.width0
{
width: 100px;
}

.article-box.width1
{
width: 200px;
}


.article-box.width2
{
width: 300px;
}

.article-box .title
{
font-weight: bold;
text-align: center;
}



/* ARTICLE DOCS */

.article-docs
{
border: solid 1px black;
margin: 1em 0;
}

.article-docs .title

{
font-weight: bold;
padding: 0.2em 1em;
}

.article-doc
{
clear: left;
border: solid 1px black;
padding: 1em;
margin: 0;
}

.article-doc .format-info
{
float: right;
border: solid 1px #ddd;
padding:0.5em;
margin:0.5em;
}

.paging-bar
{
font-size: 0.8em;
text-align: right;
padding: 2px 0;
border-bottom: 1px solid #4d4d4d;
color: #4d4d4d;
}

.pusher
{
clear: both;
border-bottom: solid 1px #fff;
}


/* FORMS */

td.input-label
{
text-align:right;
}


.error-msg
{
margin: 1em 0;
background-color: #fda;
padding: 0.5em;
border: solid 1px #da8;
}

#rss
{
text-align:center;
margin: 0.5em 0.2em;
}

#phpeace
{
font-size:0.8em;
color:#555;
}

#phpeace a
{
color:#555;
}


.hidden
{
position:absolute;
left:0;
top:-1000em;
height:1px;
width:1px;
margin:-1000em;
}

#share h4 {
margin:0;
}

#share ul {
margin:0;
padding:0 0.5em;
}

#share ul li a {
background-image:url(/logos/icons-sprite.png);
background-repeat:no-repeat;
padding:0 0 0 20px;
line-height:1.6;
display:block;
text-decoration:none;
}

#share li.digg a {
background-position:0px -1097px;
}

#share li.facebook a {
background-position:0px -1197px;
}

#share li.stumbleupon a {
background-position:0px -897px;
}

#share li.delicious a {
background-position:0px -997px;
}

#share li.reddit a {
background-position:0px -1397px;
}

#share li.googlebookmarks a {
background-position:0px -1297px;
}


ul.form-inputs li label.invalid { color:#AA0000; font-style:italic; font-weight:bold; margin-left:10px; float:none; width:auto; text-align:left; }
ul.form-inputs li.invalid { background-color:#FFCCCC; }


