/*----------------------------------------------------
                 Avalium - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
font-family:Arial,Tahoma,Verdana;
font-size:12px;
margin:0 auto;
padding:0;
color:#676767;
background-color:#fbfbfb;
height:100%;
}
*{
margin:0;
padding:0;
}
*:focus{
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{margin-bottom:10px;	font-family:Arial, Verdana;	font-weight:normal;}
h1{color:#5d5d5d; font-size:34px;}
h2{color:#5d5d5d;font-size:24px;}
h3{color:#5d5d5d; font-size:18px;}
h4{color:#5d5d5d;font-size:16px; font-weight:bold;}
h5{font-size:12px; margin:3px 0px; padding:0px; font-weight:bold; letter-spacing:1px;}

/* links */
a{color:#7a7a7a;text-decoration:underline;}
a:hover{color:#7a7a7a;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
font-size:12px;
line-height:18px;
margin-bottom:20px;
color:#676767;
}
ul, ol{
margin:10px 0 35px 40px;
}
li ol, li ul{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol{list-style:decimal;}
blockquote{
font-style:italic;
margin:25px 0 25px 0px;
color:#333;
padding:10px 20px 10px 35px;
background-image:url(../images/quote.png);
background-repeat:no-repeat;
}

/* code */
code{
font-family:Verdana, Arial;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #676767;
padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#main_container{background-image:url(../images/bg-top-container.jpg); background-repeat:no-repeat; margin:0px auto 0px auto; }
#bottom_container{background-image:url(../images/bg-bottom-container.jpg); background-repeat:no-repeat; width:960px; height:14px; margin:0px auto 0px auto; clear:left;}


/* Frame
------------------------------------------------------*/
#frame{width:960px; margin:0px auto 0px auto; }


/* Top
------------------------------------------------------*/
#top{height:113px;}
#logo{width:255px; float:left;}
#pad_logo{padding:31px 0px 0px 45px;}
#topmenu{width:675px; float:left; padding-right:10px;}
#rss {float:right; padding:18px 55px 0px 0px; }
.rss-text{float:left; padding-top:32px; }
.rss-img{float:left; padding:5px 0px 0px 5px; }
.rss-text a{color:#7a7a7a;text-decoration:none;}

/* Top Navigation bar menu styling */
#nav{margin:0px; padding:16px 0px 0px 0px; float:right;}
#nav ul{ 
padding:0;
margin:0;
width:auto;
list-style: none;
height:30px;
position: relative;
float:right;
}
#nav li{
list-style:none;
float:left;
text-align:center;
padding:0;
font:normal 12px Arial;
line-height:26px;
}
#nav .lavaLamp li a{
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 20px;
color:#333333;
text-decoration:none;
}
#nav .lavaLamp li a:hover{
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 20px; 
color:#333333;
}
#nav .lavaLamp li .active{
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 20px; 
color:#333333;
}
#nav .lavaLamp li.back{
background: url(../images/lava.png) no-repeat right -29px;
width: 9px; height: 29px;
z-index: 8;
position: absolute;
}
#nav .lavaLamp li.back .left{
background: url(../images/lava.png) no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
#nav a:link{color:#464833; text-decoration:none;}
#nav a:hover{color:#FFFFFF; text-decoration:none;}
#nav a:active{color:#FFFFFF; text-decoration:none;}


/* Featured Box
------------------------------------------------------*/
#feature-box{background-image:url(../images/feature.gif); background-repeat:no-repeat; height:96px; padding:12px 0px 0px 10px;}
.feature{width:312px; font-size:11px; line-height:18px; color:#909090; background-image:url(../images/feature-line.gif); background-position:right; background-repeat:no-repeat; height:76px; float:left;}
.feature-last{width:312px; font-size:11px; line-height:18px; color:#909090; float:left;}
.feature h3{color:#909090; margin-bottom:8px;}
.feature-last h3{color:#909090; margin-bottom:8px;}
.img1{padding-left:20px; padding-right:10px; float:left;}
.img2{padding-left:10px; padding-right:10px; float:left;}
.img3{padding-left:10px; padding-right:10px; float:left;}


/* Content
------------------------------------------------------*/
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgleft-box{float:left; border:solid 1px #dadada; padding:6px; margin-right:15px; background-color:#fbfbfb;}
.imgright-box{float:right; border:solid 1px #dadada; padding:6px; margin-left:15px; background-color:#fbfbfb;}
#content-left{float:left; width:630px;}
#content-right{float:left; width:299px; margin-left:31px;}
.map{border:solid 1px #dadada; padding:6px; margin:0px; background-color:#fbfbfb;}
.side-box p{margin:10px 0px 10px 0px;}
.newsfeed{float:left; margin-top:3px; margin-right:7px;}
.line-side{border-bottom:1px solid #ccc; width:299px; margin:16px 0px 16px 0px;}


/* Footer
------------------------------------------------------*/
#footer{width:960px;}
#foot{padding:25px 0px 0px 0px; font-size:12px; height:40px;}
#foot a, #foot a:visited{color:#676767; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
.left-foot{float:left;}
.right-foot{float:right;}