﻿*{ margin: 0; padding: 0; }* 
body { font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #fff url(../images/body/bg.gif) repeat-x; color: #8E8E91; width:100%; }
a {	color: #EB0000;	xbackground: inherit; text-decoration: none; outline:none; }
a:hover { color: #ffffff; xbackground: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; }
h1 { font: normal 2.4em Georgia, "Times New Roman", Arial; color: #444; }
h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
img { border: 0; }
#content { width: 910px; margin: 25px auto; height:85px; }
#logo { margin: 10px 0 20px 0; width: 440px; float: left; padding-left:5px; }
#logo p { margin: 0; }
#menu { float: right; padding: 37px 0 0; margin: 0 0 18px; }
	#menu li { font-size: 1.1em; display: inline; }
	#menu li a { float: left; width: 63px; padding: 0px 0 7px; text-align: center; margin: 0 0 0 10px; color: #636365; outline:none;  }
	#menu li a.current { color: #000000; cursor: default; }
	#menu li a:hover { text-decoration: none; color: #000; background: #fff url(../images/body/button_grey.jpg) no-repeat;}
	#menu li a.current:hover { text-decoration: none; color: #000; background:#fff;}
.clear { clear: both; }
.caption { background: #fff url(../images/body/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.caption p { margin: 0; }
.captionwide { background: #fff url(../images/body/title-wide.jpg) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.captionwide p { margin: 0; }
#left { margin: 0 0 20px; clear: left; width: 290px; float: left; background-color:#efefef; }
.callout { background: #eee; }
#left img { padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;}
.smallthumb { width: 109px; }
#center { width: 240px; float: left; margin: 0 0 20px 15px; }
#right { float: right; width: 290px; background-color:#efefef; }
.callout { background: #eee; padding: 10px; }
x.callout li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
x.callout li a { padding: 0 5px; }
#footer { font-size: .84em; xclear: both; padding: 15px; background: #eee; color:White; }
x#footer a { color: #444; }




















/* ----------------------------------------------------------------------------------------------------------
main.css
    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Generally HTML styles (table, ul, dl...)
        4) Layout
        5) Page: Home
        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */
/*
* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {padding-bottom:20px; background:url("../design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial",sans-serif; text-align:center;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}
*/
p, table, ul, ol, dl, fieldset {xmargin:15px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item; color:#666;}

dt {font-weight:bold;}
dd {margin-left:30px; color:#636365;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */            

table.table-style01 {width:100%;}
table.table-style01 th {text-align:center;}

ul.ul-style01 {margin:15px 0 15px 20px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url("../images/tmp/ul-style01.gif") 0 5px no-repeat;} 
ul.ul-style01 ul {margin:0; padding:0; list-style:none;}
ul.ul-style01 ul li {background:url("../images/tmp/ul-style01-sub.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:910px; margin:0 auto; text-align:left;}
    #cols {background:url("../images/body/cols.gif") 0 0 repeat-y;}

        #content2 {float:left; width:655px; overflow:hidden;}
        
            #content2 #content-title {margin:0; height:20px; padding:15px 15px 10px 20px; background:url("../images/body/content-title.jpg") 0 0 no-repeat; font-size:140%; font-weight:normal;}
            #content2 #content-in {padding:15px 15px 10px 20px;}
        
        #aside {float:right; width:255px; overflow:hidden;}
        
            #aside #aside-title {margin:0; padding:15px 15px 10px 15px; height:20px; background:url("../images/body/aside-title.jpg") 0 0 no-repeat; font-size:100%; font-weight:normal; color:White;}
            #aside .aside-in {padding:10px 10px 15px 10px;}
            #aside .aside-box {padding:8px; padding-bottom:18px; background:url("../images/body/aside-box.jpg") 0 0 no-repeat; background-color:#efefef; margin-right:5px; width:214px; }
            x#aside .aside-box-bottom {padding:10px; background:url("../images/body/aside-box-bottom.jpg") 0 0 no-repeat; background-color:#efefef; margin-right:5px; }
            #aside .title {margin:0 5px 0 0; padding:10px 15px; background:url("../images/tmp/aside-title-02.gif") 0 0 repeat-x; font-size:100%;}    

    #cols-bottom {width:910px; height:12px; font-size:0;}
    
    #footer {width:870px; height:40px; padding:20px 20px 0 20px; background:url("../images/body/footer.jpg") 0 0 no-repeat; text-align:left;}
    #footer p {margin:0;}
 
/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */

#perex {margin-left:5px; padding:15px; background:url("../images/tmp/perex.gif") 0 100% no-repeat; background-color:black;}
#perex p {margin:0;}

#sections {background:url("../images/tmp/sections.gif") 0 0 repeat-y;}
#sections-bottom {width:620px; height:7px; background:url("../images/tmp/sections-bottom.gif") 0 0 no-repeat; font-size:0;}

    .section {float:left; width:200px;}
    .section p {margin:0;}
    .section.margin {margin:0 10px;}
    .section h3 {margin:0; padding:10px; background:url("../images/tmp/section-titlex.gif") 0 0 no-repeat; font-size:100%;}
    .section-in {margin-bottom:10px; padding:0 10px 10px 10px;}

dl#news, dl#news dd {margin:0;}
dl#news dt {clear:both; padding-left:18px; background:url("../images/tmp/ico-list.gif") 0 2px no-repeat;}
dl#news dd {margin:7px 0 10px 0; padding-bottom:5px;}
dl#news dd span.date {padding-right:10px; background:url("../images/tmp/date.gif") 100% 50% no-repeat; font-size:85%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
6) Podcasts
---------------------------------------------------------------------------------------------------------- */
.postTitle a {color:#98002e; font-size:18px; float:left;}
.postTitle a:hover {text-decoration:none;}

.postDate {float:left; width:auto; clear:left; padding-bottom:15px; margin-right:20px; font-size:11px;}
.podcastLength {float:left; padding-bottom:15px; font-size:11px; width:300px;}

.postPlayOptions {float:left; clear:left; padding-bottom:20px; width:245px;}
.postPlayOptions .postPlayImages {margin-right:12px; cursor:pointer; float:left;}

.postBody {float:left; padding-bottom:20px; margin-bottom:30px; border-bottom:solid 1px #666; width:550px;}

.podcastContainer {float:left; width: 550px; margin-left: 10px;}
.postBody a {color:Black; background: url('../../_resources/images/body/link.jpg') no-repeat 0 4px; padding-left:15px;}
.postBody a:hover {color:Black; background: url('../../_resources/images/body/links-hover.gif') no-repeat 0 4px; padding-left:15px;}

.podcastContainer strong {color:#666;}
.podcastIcon {width:50px; float:left;}

.pollTop {background: url('../images/body/poll_top.png') no-repeat 0 0px; width:226px; height:38px;}
.pollCenter {width:224px; height:auto; background-color:#efefef; margin-left:1px; overflow:hidden;}
.pollBottom {background: url('../images/body/poll_bottom.png') no-repeat 0 0px; width:226px; height:38px;}
