/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

html, body{
	height:100%;
}

/*div{
	border: 1px solid #f00;
}*/



/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:1024px; 
	overflow:hidden;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px;
	background:url("../images/cols.gif") 0 0 repeat-y;
	padding:0px;
	}
	
	/*IE6*/
	#main{height:100%;}
	

	#header {width:1024px; height:190px; overflow:hidden; background:url("../images/header.gif") 0 0 no-repeat; overflow:hidden;}

        #logo {position:relative; width:224px; height:100px; overflow:hidden; margin-top:30px; padding:0; font-size:300%;
			float:left;
			margin-left:100px;
		}
		
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; 0 0 no-repeat; cursor:pointer;}
		
		.javabox{
			margin-top:3px;
			overflow:hidden;
			width:700px;
			height:160px;
			float:left;
			}

		
/* ----------------------------------------------------------------------------------------------------------
3.5) Menu Tray
---------------------------------------------------------------------------------------------------------- */

#tray {padding:0px 0 0px 90px; background:url("../images/bkgd_tray.gif") left top no-repeat;}
    
#tray ul {
list-style:none;
line-height:1;
margin:0;
}

#tray ul li {
display:block;
float:left;
position:relative;
margin-right:0;
z-index:1000!important;
padding:0;
}

#tray ul li a {
text-transform:uppercase;
display:block;
float:left;
line-height:1;
color:#FFF;
text-decoration:none;
padding:11px 20px 9px;
}

#tray ul li#tray-active a {
text-decoration:none;
}

#tray ul li ul {
display:none;
border:none;
}

#tray ul li:hover a {
/*background-color:#0c82c6;*/
text-decoration:none;
}

#tray ul li:hover ul {
display:block;
/*width:12em;*/
height:32px;
position:absolute;
z-index:999;
top:32px;
margin-top:0;
left:0;
}

#tray ul li:hover ul li a {
text-transform:capitalize;
font-size:12px; /*This controls the style of the submenu */
letter-spacing:1px;
display:block;
width:150px;
line-height:1.3;
vertical-align:middle;
margin-left:0;
border-bottom:solid 1px #ccc;
background-color:#0c82c6;
font-weight:400;
color:#FFF;
padding:7px 25px 7px 10px; /*Dropdown item height*/
}

#tray table {
position:absolute;
top:-8px;
left:0;
border-collapse:collapse;
}

#tray ul li a:hover ul {
display:block;
width:12em;
position:absolute;
z-index:999;
top:3em;
left:0;
margin-top:.1em;
}

#tray ul li a:hover ul li a {
display:block;
width:10em;
height:1px;
line-height:1.3em;
border-left:solid 1px #167138;
border-right:solid 1px #167138;
background-color:#739240;
font-weight:400;
color:#FFF;
padding:4px 16px;
}

#tray ul li a:hover ul li a:hover {
background-color:#167138;
text-decoration:none;
color:#FFF;
}

#tray ul li a:hover{
	background:url('../images/bkgd_tray_hover.gif') left top repeat-x #faa547;
	text-decoration:none;
	color:#FFF;
}

#tray ul li:hover ul li a:hover {
	background-color:#faa547;
	background-image:none;
	text-decoration:none;
	color:#fff;
}



    #cols {position:relative; margin:0px 0; background:url("../images/cols.gif") 0 0 repeat-y; height:100%;}


    	#content {float:right; width:842px; overflow:hidden; margin-left:0px;}
    	
            #content-left { float:left; width:590px;  margin-left:21px;}
            #content-left-wide {float:left; width:750px;}
            #content-left-in {padding:0 0px;}
            
            #content-right {float:right; width:190px; margin-right:10px; margin-top:22px;}
				#content-right img{margin-bottom:15px;}

    	#constant-contact {background-color: #FFF; padding-bottom: 25px; margin-top: -15px;}
    	
    	#aside {position:relative; float:left; width:180px; overflow:hidden; margin-top:10px;}
        #aside-top {width:190px; height:5px; /*background:url("../images/aside-top.gif") 0 0 no-repeat;*/ background-color:#fff; font-size:0; line-height:0;}
        #aside-bottom {position:absolute; bottom:0; left:0; width:190px; height:5px; /*background:url("../images/aside-bottom.gif") 0 0 no-repeat;*/ font-size:0; line-height:0;}
        
            .nav {margin:0; list-style:none; text-transform:uppercase; line-height:1; letter-spacing:1px; font-size:12px; margin-bottom:20px;}
            .nav li {display:inline;}
            .nav li a {display:block; padding:10px 10px 10px 15px; /*background:url("../design/nav-link.gif") 15px 13px no-repeat;*/}
            .nav li#nav-active a {/*background:url("../design/nav-active.gif") 15px 13px no-repeat;*/ text-decoration:none; font-weight:100;}
            .nav #nav-active ul li a {padding-left:35px; /*background:url("../images/nav-sub.gif") 20px 10px no-repeat;*/}
            .nav a:hover {text-decoration:none;}

            #search {position:relative; height:22px; margin:0 -15px; padding:15px; text-align:center;}
            #search-input {position:absolute; top:15px; left:15px; width:100px; height:22px; border:0;}
            #search-submit {position:absolute; top:15px; left:115px; width:60px; height:22px; border:0;}
            #search-input, #search-submit {font-size:100%; font-family:"arial",sans-serif;}
            
           /* #aside h4 { font-family:"Comic Sans MS", cursive; font-size:170%; color:#ffffff;}
			.lighter_green {color: #167138;}
            #aside h4.margin {margin:15px 0 5px 0;}*/
			
.articles-template{
margin-top:20px;
}


	#footer {clear:both; height:30px; 
	background:url("../images/footer.gif") top left no-repeat; font-size:85%; 
	width:1024px; 
	margin:0 auto;
	/*position:absolute; bottom:0;*/ }
	
	.push{
	height:30px;	
	}
	
	#footer p {margin-right:30px; margin-left:30px; margin-top:8px; margin-bottom:0px; text-align:right; display:block; color:#fff; float:right;}
	#footer a {color:#fff; text-decoration:none;}
	#footer a:hover {text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#topstory-top {width:470px; height:5px; background:url("../images/topstory-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#topstory-bottom {width:470px; height:5px; background:url("../images/topstory-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#topstory {padding:5px 10px 10px 10px;}

    #topstory-img {float:left; width:180px;}
    #topstory-img img {display:block;}
    #topstory-desc {float:right; width:255px;}
    
        #topstory-desc h2 {margin:0; font-size:140%; font-weight:normal;}
        #topstory-desc .info {margin:0; font-size:85%;}

#topstory-list {padding:10px 0 5px 10px; overflow:hidden}
#topstory-list img {display:block; float:left; padding-right:10px;}
#topstory-list img.last {margin-right:0;}

.article {margin-bottom:10px; padding-bottom:10px; border-bottom: 1px solid #E91730;}
.article .article-img {float:left; width:180px;}
.article .article-img img {display:block;}
.article .article-desc {float:right; width:255px;}

    .article .article-desc h3 {margin:0; font-size:140%; font-weight:normal; line-height: 120%;}
    .article .article-desc .info {margin:0; font-size:85%;}
    .article .article-desc p.nomb {margin-top:8px; text-align:justify;}

.box-01-top {width:260px; height:5px; margin-top:5px; background:url("../images/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-01-top-b {padding:5px 10px 15px 10px; background:url("../images/box-01-top-b.gif") 0 100% no-repeat;}
.box-01-top-b .f-left {text-transform:uppercase;}
.box-01-top-b .f-right {padding-top:2px; font-size:85%;}
.box-01-bottom {width:260px; height:11px; background:url("../images/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-01 {padding:5px; background:url("../images/box-01.gif") 0 0 repeat-y;}
.box-01 .bg {margin:10px 0; padding:10px 0;}

    .news {margin:0;}
    .news dt {display:block; float:left; width:50px; font-weight:bold; text-align:center; line-height:1.2;}
    .news dt span {font-size:140%;}
    .news dd {display:block; float:left; width:190px; font-size:85%; line-height:1.6; margin-left: 20px;}

.box-02-top {width:260px; height:5px; margin-top:10px; background:url("../images/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-02-top-b {padding:5px 10px 15px 10px; background:url("../images/box-02-top-b.gif") 0 100% no-repeat; text-transform:uppercase;}
.box-02-bottom {width:260px; height:11px; background:url("../images/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-02 {padding:5px 15px; background:url("../images/box-02.gif") 0 0 repeat-y;}

    .mostreaded {margin:0; list-style:none;}
		.mostreaded p{ margin-bottom:10px;}
    .mostreaded span {font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

#aside .padding {padding:10px 15px;}

.more {padding-right:15px; background:url("../images/arrow.gif") 100% 50% no-repeat;}

.rss {padding-left:22px; background:url("../images/rss.gif") 0 50% no-repeat;}