/* Start of CMSMS style sheet 'UUCM 2010 - Home' */
/* --------- Homepage styles --------- */

.hero { height:202px; margin:0; padding:0 22px; background-image:url(images/SiteBG-800-middle.jpg); background-repeat:repeat-y; }
.heroContent { background-image:url(images/HeroTextBG-300.jpg); background-repeat:no-repeat; height:202px; }
.heroItem { width:760px; }
.heroText { width:300px; float:left; }
.heroText .left { width:13px; height:202px; float:left; }
.heroText .main { width:267px; height:172px; padding:15px 10px; float:left; }
.heroText .right { width:13px; height:202px; float:left; background-image:url(images/HeroBG-right.jpg); background-repeat:no-repeat; }
.heroText h2 { font-family:Georgia, "Times New Roman", serif; font-size:1.6em; font-weight:normal; color:#fff; }
.heroText p { font-size:1.1em; color:#eee; }
.heroText a { color:#99cc99; text-decoration:none; }
.heroText a:hover { text-decoration:underline; }
.heroItem img { width:455px; height:202px; float:left; border:none; }

.heroV2 { height:250px; margin:0; padding:0 22px; background-image:url(images/SiteBG-800-middle.jpg); background-repeat:repeat-y; }
.heroContentV2 { background-image:url(images/HeroTextBG2-275.jpg); background-repeat:no-repeat; height:250px; }
.heroItemV2 { width:760px; }
.heroTextV2 { width:275px; float:left; }
.heroTextV2 .leftV2 { width:13px; height:250px; float:left; }
.heroTextV2 .mainV2 { width:242px; height:220px; padding:15px 15px 15px 5px; float:left; }
.heroTextV2 .rightV2 { width:13px; height:250px; float:left; background-image:url(images/HeroBG2-right.jpg); background-repeat:no-repeat; }
.heroTextV2 h2 { font-family:Georgia, "Times New Roman", serif; font-size:1.6em; font-weight:normal; color:#fff; }
.heroTextV2 p { font-size:1.1em; color:#eee; }
.heroTextV2 a { color:#99cc99; text-decoration:none; }
.heroTextV2 a:hover { text-decoration:underline; }
.heroItemV2 img { width:480px; height:250px; float:left; border:none; }

.push { width:100%; float:left; padding:5px 25px 10px; background-image:url(images/SiteBG-800-middle.jpg); background-repeat:repeat-y; }
.pushItem { width:230px; float:left; padding:8px; }
.pushItem h2 { font-size:1.3em; }
.pushItem h3 { font-size:1.2em; }
.push .wide { width:485px; }
.push .last { border-right:none; }


/* --------- TABS --------- */

/* initially all panes are hidden */ 
div.tabPanes { background:url(images/home/tabs/tabContentBG.jpg) no-repeat; padding:12px; }
div.tabPanes div.pane { display:none; }

/* root element */
ul.tabs { list-style:none; margin:0 0 0 10px !important; padding:0; height:30px; }

/* single tab */
ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }

/* link inside the tab, uses a background image */
ul.tabs a { background: url(images/home/tabs/tabs.png) no-repeat -652px 0; display:block; height: 30px; line-height:30px; width: 111px; text-align:center; text-decoration:none; color:#000; padding:0px; margin:0px; position:relative; top:1px; outline:none; }
ul.tabs a:active { outline:none; }
/* when mouse enters the tab move the background image */
ul.tabs a:hover { background-position:-652px -31px; color:#fff;	}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -652px -62px; cursor:default !important; color:#000 !important; }

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.w1 { background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }
/* width 2 */
ul.tabs a.w2 { background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }
/* width 3 */
ul.tabs a.w3 { background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }
/* width 4 */
ul.tabs a.w4 { background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }

/* End of 'UUCM 2010 - Home' */