/* 
    Document   : home
    Created on : 12-Aug-2010, 09:29:40
    Author     : John
    Description:
       Home page stylesheet

#10427a [blue]
#f7931e [orange]
*/
/* Layout */
#home-intro,#home-main{padding:0px;}
#home-intro{float:right;width:250px;}
#home-main{float:left;width:600px;padding-right:40px;border-right:1px dotted #ccc}
/* remember IE6 has a fixed width version (960px) */
#home #wrapper{    width:1000px}
* html #home-intro{width:200px;float:right;padding:0 0 0 40px;}
* html #home-main {width:600px;float:right;padding-right:0px;}
* html #home-content{padding:10px 20px}
#home-content{padding:20px 40px}
/* Type adjustments */
#home-intro li{
    list-style-image:url('img/orbullet.gif');
}
#home-intro h2{
    font-size:1.3em
}
#home .tabs .ui-tabs-nav li,#home-main h3{
font-size:1.3em;
background-image:url(img/home/corner.jpg);
background-position:top right;
background-repeat:no-repeat}
#home-main h3{    
background-color:#e5e5e5;
display:block;
padding:5px 5px 5px 10px;
margin-bottom:0;
max-width:100px;
*width:100px/* IE6 */
}
#carouselGallery img{padding:0;width:auto}
/*home intro*/
#home #intro p,#home-buttons p{margin:1em}/*restore default*/
#home #intro img{margin-bottom:5px;background:none}
/* home events */
#home-events{
position:relative;
background-image:url('img/home/e-tile.jpg');
background-repeat:repeat-y;
width:592px;
padding:20px}
#home-events .item{width:95%}
#home-events-top, #home-events-bottom{
margin:-20px;
display:block;
height:40px;
width:612px;}
#home-events-top{
background-image:url('img/home/home-events-top.jpg');
background-repeat:no-repeat;}
#home-events-bottom{
background-image:url('img/home/home-events-bottom.jpg');
background-repeat:no-repeat;
position:absolute;
bottom:0;
*bottom:-1px;/* IE6 */
}
/*home tabs*/
#home .tabs {margin-top:20px;width:612px;}
#home .tabs .ui-tabs-panel{position:relative;margin:0;padding:15px;background-color:#e6e6e6;;min-height:100px;}
#home .tabs .ui-tabs-panel,#home .ui-tabs-nav li{border:none;}
#home .tabs .ui-tabs-panel strong{color:#10427a}
#home .tabs .ui-tabs-panel li{}
#home .tabs .ui-tabs-nav{padding:0}
#home .tabs .ui-tabs-nav li a{display:block;padding:5px 20px;color:#10427a}
#home .tabs .ui-tabs-nav li.ui-state-default{background-color:#b2b2b2;background-image:url(img/home/corner-dk.jpg);}
#home .tabs .ui-tabs-nav li.ui-state-default a{}
#home .tabs .ui-tabs-nav li.ui-tabs-selected {background-color:#e5e5e5;background-image:url(img/home/corner.jpg);}
#home .tabs .ui-tabs-nav li.ui-tabs-selected a{}
/*Quick links*/
#home-quick-links{margin:0;padding:0}
#home-intro #home-quick-links li{
background-image:url('img/home/ql-top.jpg');
background-repeat:no-repeat;
list-style:none!important;
list-style-image:none!important;
display:block;
width:234px;
background-color:#10427a;
margin:5px 0;}
#home-quick-links li a{
display:block;
padding:20px;
font-size:1.1em;
background-image:url('img/home/ql-bottom.jpg');
background-repeat:no-repeat;
background-position:bottom left;
color:#fff;}
/* home-buttons */
.home-button{
position:relative;
padding:20px;
margin-bottom:20px;
background-image:url('img/home/home-button-t.jpg');
background-repeat:repeat-y;
display:block;
width:240px;}
.home-button h3,span.button-bottom{  margin:-20px;padding:20px;width:200px;}
.home-button h3{  
background-image:url('img/home/home-button-top.jpg');
background-repeat:no-repeat}
.home-button p{width:180px}
span.button-bottom{
position:absolute;
bottom:-20px;
display:block;
height:28px;
width:100%;
background-image:url('img/home/home-button-bottom.jpg');
background-repeat:no-repeat}
/* more */
#home #more{margin:20px 0 0 0;}
#home #more li{padding:5px 0; list-style:none}
#more #rss,#more #twitter{width:200px;float:left;height:40px}
#more #rss a,#more #twitter a{display:block;padding:5px 0 0 52px;height:40px}
#more #rss a{background:url(img/home/rss.jpg) no-repeat;}
#more #twitter a{background:url(img/home/twitter.jpg) no-repeat;}
* html #more #twitter{display:block;width:100%}
/* home page carousel */
.stepcarousel{
position: relative; /*leave this value alone*/
border: solid 1px #bdbdbd;
/*overflow: scroll;*/ /*leave this value alone*/
overflow:hidden; /*The value above is the orignal stepCarousel style. This was overridden in order to hide scroll bars (hence only display the first item) when javascript is disabled.*/
width: 612px; /*Width of Carousel Viewer itself*/
height: 310px; /*Height should enough to fit largest content's height*/}
.stepcarousel .carouselBelt{
position: absolute; /*leave this value alone*/
left: 0;top: 0;}
#home #carouselGallery .carouselPanel img{width:423px}

.stepcarousel .carouselPanel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 612px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:310px;}
.carouselPanel img{margin-top:-280px;border:none;float:left;}
.caption h2 {margin-bottom:5px;;text-align:left;}
.caption h2 a{color:#10427a;}
.caption a{color:#000;}
.samplebuttons img{
border:none;}
.caption{
background-color:#fff;
margin-left:440px;
display:block;
padding:10px;
height:260px;
overflow:hidden;
text-align:left;}
.caption-maintext {height:128px;}
div.blogcarouselavatar img {padding: 0;margin: 0 0 0 20px !Important;}
.samplebuttons{
background-color:transparent;
margin-top:-30px;
padding-left:5px;
position:relative;
height:30px;
z-index:100;}
.buttonbar{
background-color:#dfdfdf;
margin-top:280px;
padding:5px;
position:relative;
z-index:90;
height:25px;}
a.slider-button{
display:block;
color:#fff;
margin: 0 5px 0 0;
padding-left:5px;
float:left;
width:15px;
height:20px;
background-image:url('img/home/item.gif'); }
a.slider-button.selected{ background-image:url('img/home/item_selected.gif'); }
#allnews{ float:right;padding:2px 10px; }
#carousel-up,#carousel-down{text-decoration:none;}
* html #allnews{float:none}
*:first-child+html #allnews{float:none}
/* IE fixes */
span.button-bottom{
*bottom:-21px/* IE6 */
}
/* Misc Classes */
.ui-helper-clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.ui-helper-clearfix{display:inline-block;}/* Hides from IE-mac \*/
* html .ui-helper-clearfix{ height: 1%;}
.ui-helper-clearfix{display: block;}
/* End hide from IE-mac */