/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image:url('Images/Redesign/MainTop.gif'); 
 background-repeat:repeat-x;
 background-color:#202020;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

#mmaAdmin
{
 	background: transparent;
}

#mmaAdmin a
{
	color:#131313;
}

#mmaAdmin .ms-SPLink a
{
	color:black;
}

#mmaWrapper { 
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 1060px;
 text-align:center;
 background-image:url('Images/Redesign/ShadeBG.png');
 background-repeat:repeat-y;
 background-position:center top;
}

#mmaWrapperMain
{
	position: relative;
	width: 980px;
	padding: 0px auto 0px auto;
	margin: 0px 0px 0px 0px;
	display: inline-block;
}

#mmaTopContent
{
 /*background: url(../images/fauxbg.gif);*/
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 height: 400px;
 background-color:white;
}

#mmaMainContent
{
 	background:url('Images/Redesign/mmaFaux.gif');
 	background-repeat: repeat-y;
 	background-position:top left;
 	margin-bottom: 0px;
 	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 	width: 100%;	
}

#mmaHeader {
 color: #333;
 width: 980px;
 padding: 0px 0px 0px 0px;
 height: 110px;
 margin: 0px 0px 0px 0px;
 background: transparent;
}

#mmaHeaderLeft
{
	width:575px;
	height:105px;
	float: left;
	display: inline-block;
	position: relative;
	background-image:url('Images/Redesign/StriblingHallBG.png');
	background-position:260px 0px;; 
	background-repeat:no-repeat;
	background-color:#660606;
}

#mmaHeaderLeft img
{
	float: left;
	margin-left:10px;
	margin-top:8px;
	border:0px transparent solid;
}
#mmaHeaderRight
{
	width: 405px;
	height: 105px;
	float: right;
	display: inline-block;
	position:relative;
	background-color:#660606;
}

#mmaHeaderRightLeft
{
	height:105px;
	margin-top:8px;
	float:left;
	display:inline-block;
	position:relative;
	text-align:right;
}

#mmaHeaderRightLeft a
{
	color:white;
	text-decoration:none;
}

#mmaHeaderRightLeft a:hover
{
	color:#FFCC33;
}

#mmaHeaderRightLeft li
{
	list-style:none;
	border-bottom:1px white solid;
}

#mmaHeaderRightLeft li:hover
{
	border-bottom:1px #FFCC33 solid;			
}

#mmaHeaderRightRightTop
{
	width: 258px;
	height: 50px;
	background-color:#8A1E1E;
	position: relative;
	display:inline-block;
	float:right;
	top: 8px;
	right: 5px;
	border: 1px #6E1818 solid;
	color: white;
	font-weight: bold;
}

#mmaHeaderRightRightTop td
{
	text-align:left;		
}

#mmaHeaderRightRightTop table
{
	width: 200px;
	display:inline-block;
	float: left;
}

#mmaHeaderRightRightTopButtons
{
	margin-top:2px;
	margin-right:5px;
	height: 50px;
	width: 48px;
	display:inline-block;
	position:relative;
	float: right;	
}

#mmaHeaderRightRightTopButtons img
{
	border: 0px transparent solid;
}

#mmaHeaderRightRightBottom
{
	width: 258px;
	height: 30px;
	background-color:#8A1E1E;
	position: relative;
	display:inline-block;
	float:right;
	top:12px;
	right: 5px;
	border: 1px #6E1818 solid;
	color: white;
	font-weight:bold;
}

.mmaLinkSpan
{
	color:white;
	border-right:1px white solid;
	height: 25px;
	width:60px;
	display:inline-block;
	line-height:11px;
	margin-top:2px;
}

.mmaLinkSpanApply
{
	color:white;
	border-right:1px white solid;
	height: 25px;
	width:60px;
	display:inline-block;
	line-height:11px;
	margin-top:2px;
	background-color:#FF0000;
}


.mmaLinkSpanNoBorder
{
	color:white;
	height: 25px;
	width:60px;
	display:inline-block;
	line-height:11px;
}


.mmaLinkSpan a
{
	color:white;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.mmaLinkSpanApply a
{
	color:white;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}


.mmaLinkSpan a:hover
{
	color:#FFCC33;
}

.mmaLinkSpanApply a:hover
{
	color:#FFCC33;
}


.mmaLinkSpanNoBorder a
{
	color:white;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.mmaLinkSpanNoBorder a:hover
{
	color:#FFCC33;
}


#mmaNavigation 
{
	color: #333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image:url('Images/Redesign/mma_TopNavBG.gif');
	background-repeat:repeat-x; 
	background-position:left top;
	height: 28px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 980px;
	text-align:left;
}
.mmaTopNav
{
    *position:relative !Important;
    *top:-0px !Important;
}
.mmaTopNavItem
{
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #EDA509;
	height: 28px;
	font-weight: bold;
	border-right:1px #3C0D0D solid;
	border-left: 1px #743333 solid;
	text-align:center;
	width: 137px;
}
.mmaTopNavItem a
{
	display: block;
	padding: 8px 0px 0px 0px;
	height: 20px;
}
.mmaTopNavSelected a
{
	background-color: transparent;
	color: #EFF4FA;
}
.mmaTopNavHover a
{
	color:#FFFFFF;
	background: #340000;
}
.mmaTopNavFlyOuts
{
	border-top:0px #000000 solid;
	z-index:100 !Important;
	background: transparent !Important;
	vertical-align: middle !Important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
.mmaTopNavFlyOutsItem
{	
	background-color: #340000;
	opacity:0.9;
	border:1px #000000 solid;
	border-top-style: none;
	*width:220px;
	min-width:220px;
	position: relative;
	display:block;
	z-index:100;
	vertical-align: middle !Important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;


}
.mmaTopNavFlyOutsItem a
{
	font-family: tahoma; 
	font-size: 8pt; 
	color:#ffffff;
	min-width: 180px;
	*width: 180px;
	opacity:1;
	height: 10px;
	display: block;
	background:transparent;
	vertical-align: middle !Important;
	padding: 0px 0px 0px 0px;
	margin: 9px 0px 9px 15px;
}
.mmaTopNavFlyOutsHover
{
	background-color:#FFCC33;
	color:black!Important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

#mmaBottomNavShade
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background-image:url('Images/Redesign/mma_BottomShade.png');
    background-position: left top;
    background-repeat: repeat-x;
    display: inline-block;
    float: left;
    height: 7px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    vertical-align: top;
    width: 100%;
    z-index: 50;
}

#mmaRightColumn { 
 display: inline;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 770px;
 float: right;
}

/* --- Page Header --- */
#mmaPageHeader
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color:#6D0606;	
}

#mmaPageHeader h1
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color:#6D0606;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

#mmaNewsDate
{
	font-size:10pt!important;
}

#mmaBreadcrumbs
{
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#656B77;
}

#mmaBreadcrumbs a
{
	vertical-align: middle;
	text-decoration: none;
	color:#656B77;
}

#mmaBreadcrumbs a:hover
{
	text-decoration: underline;
	color:#656B77;
}

#mmaShareThis
{
	width: 400px;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0px 0px 0px 0px !Important;
	padding: 0px 0px 0px 0px;
}

.MMAHeaderTitle1
{
	font-size:  medium; 
	font-weight: bold;
	font-family:Arial,Helvetica,sans-serif;
	color: #6A0606;
}

.MMAHeaderTitle2
{
	font-size:  medium;
	font-weight: bold;
	color: #202020;
	font-family:Arial,Helvetica,sans-serif;
}

.MMASubHeadLine
{
	font-size: 10pt; 
	font-weight: bold;
	font-family:Arial,Helvetica,sans-serif;
	color: #6A0606;
}

.MMACaption
{ 
	font-family:Arial,Helvetica,sans-serif;
    font-size: 8pt; 
    color: #000000; 
}


/* --- 2 Column Layout --- */
#mma2ColMiddleColumnTopFlashImage
{
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	position: relative;
	display: inline-block;
	left: 0px;
	top: 0px;
	z-index: 4;
}

#mma2ColBottomRightColumn
{
	float: left;
	width: 720px;		
	padding: 0px 0px 0px 50px;
 	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
 	position: relative;			
 	display: inline;
 	background-color: white;
 	left: 0px;
 	z-index:2;
 	text-align:left;
 	vertical-align:top;
}

#mma2ColMiddleColumnText
{
	float: left;
	text-align: left;
	width: 670px;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 50px 30px 0px;
	border: 0px 0px 0px 0px;
	position: relative;
	display: inline;
	left: 0px;
	top: 0px;
	background: white;
	z-index: 3;
}

/* --- 3 Column Layout --- */
/* ------------ 3 Column With Top Image ------------ */

#mma3ColMiddleColumnTopFlashImage
{
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	position: relative;
	display: inline;
	left: -0px;
	top: 0px;
	z-index: 4;
	background: transparent;
		
}

#mma3ColRightContentArea
{
	float: left;
	width: 770px;
	/*background-image: url('Images/MMA/mma_3ColFaux.gif');
	background-repeat:repeat-y;
	background-position:right top;*/
	padding: 0px 0px 0px 0px;
 	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
 	position: relative;			
 	display: inline;
 	left: 0px;
 	top: 0px;
 	z-index:2;
 	vertical-align:top;
 	text-align: center;
}


#mma3ColMiddleColumn
{
	float: left;
	text-align: left;
	width: 560px;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	position: relative;
	display: inline;
	left: 0px;
	top: 0px;
}

#mma3ColMiddleColumnText
{
	float: left;
	text-align: left;
	width: 480px;
 	margin: 0px 30px 0px 0px !Important;
 	padding: 0px 30px 30px 50px;
	border: 0px 0px 0px 0px;
	position: relative;
	display: inline;
	left: 0px;
	top: 0px;
}

#mma3ColRightColumn
{
	float: right;
	width: 210px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	display:inline-block;
	right: 0px;
	top: 0px;
	z-index: 10;
}

#mma3ColRightColumnInnerArea
{
	width: 190px;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color:transparent;
	display: inline-block;
	text-align: left;			
}

/* --- Left Column CSS --- */

#mmaLeftColumn { 
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 210px;
 text-align:left;
 display: inline;
 position: relative;
}

#mmaLeftNavigation
{
	/*background-image:url('Images/MMA/MMA_LeftNavHome.gif');
	background-repeat:no-repeat;
	background-position:0px 15px;*/
 	padding: 23px 0px 0px 0px !Important;
 	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
 	position: relative;
 	display: inline-block;
 	font-weight: bold;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size: 10pt;
}

.leftNav
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid black;
	border-bottom: 1px #E9E9E9 solid;
	border-top: 1px #BCB89A solid;
	background: transparent;
	width:210px;	
	font-family: Arial, Helvetica, sans-serif !Important;
	font-weight: bold;
	font-size: small;
	line-height: 14pt;
}

.leftNavSpacer
{
	width:180px;
}
.leftNav3
{
	color: #ffffff;
  /*color: #354260;*/
}
.leftNav2
{
	color: #ffffff;
  /*color: #354260;*/
}
.leftNav1
{
	color: #ffffff;
  /*color: #354260;*/
}
.leftNav1
{
	border-top: 1px #E9E9E9 solid;
	border-bottom: 1px #BCB89A solid;
	background: transparent;
	color: #202020;	
	line-height: 18px !important;
	
}
.leftNav1 a
{
	font-size: 10pt !Important; 
	font-weight:bold; 
	display:block;
	padding: 5px 0px 5px 15px !Important;
	margin: 0px 0px 0px 0px !Important;	
	padding-right: 0px !Important;
}

.leftNav1 a:hover
{
	/*background-image: url('Images/MMA/mma_btnDownBG.png');
	background-repeat:no-repeat;
	background-position:left top;
	background-color:transparent;*/
	border: 0px transparent solid;
	color: #000000 !Important;
}

.leftNav2
{	
	font-size: 8pt;
	border-bottom: 0px transparent solid;
	text-indent: 0px;
	color: #202020;		
}
.leftNav2 a
{
	padding-left:20px;
	display:block;
	padding-right:20px;
	font-weight: bold;
}

.leftNav2 a:hover
{
	color: #000000 !Important;	
}

.leftNav3
{	
	font-size: 10pt;
}
.leftNav3 a
{
	padding-left:18px;
	display:block;
	padding-right:10px;
}
.leftNavHover
{
    background: transparent;
	/*background-color: #596E9E;*/
	/*color:#FFFFFF;*/
	color: #ffffff;	
}

.leftNavFlyOuts
{
	font-family:arial; 
	font-size:8pt; 
	border-top:1px #CBD1E0 solid;
	border-left:1px #CBD1E0 solid;
	border-right:1px #CBD1E0 solid;	
	
}
.leftNavFlyOutsItem
{
	border-bottom:1px #CBD1E0 solid;
	background-color: #ECEFF3;
	
}
.leftNavFlyOutsItem a
{
	padding:1px 5px 1px 5px;
	display:block;
	color:#ffffff;
	*width:100px;
	min-width:100px;
}
.leftNavFlyOutsHover
{
	background-color: #B2BCD3;
}
.leftnavselect{
	font-weight: bold;
	background-color:transparent;
	color: #6D0606 !Important;
	/*border-bottom: 1px solid white;*/
}

/* --- Homepage Bottom Content --- */
#mmaBottomContent
{
 /*background: url(../images/fauxbg.gif);*/
 background-image:url('Images/Redesign/BottomBG.gif');
 background-repeat:repeat-x;
 background-position:top left;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#mmaBottomLeftColumn { 
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 380px;
 height: 310px;
 display: inline;
 position: relative;
 background-color:transparent;
}


#BottomLeftTopLinks
{
	height: 75px;
	width:100%;
	vertical-align:middle;
	text-align:left;
	background-color:transparent;
}

#BottomLeftTopLinks img
{
	border:0px transparent solid;
}

#BottomLeftTopLinksLeft
{
	float:left;
	display:inline-block;
	position:relative;
	height:66px;
	vertical-align:middle;
}

#BottomLeftTopLinksLeft #apply
{
	background-image:url('Images/Redesign/btnApply.gif');
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#3F3F3F;
	width: 180px;
	height:66px;
	color:#ffffff;
	font-size:20pt;
	text-decoration:none;
	text-align:left;
	vertical-align: middle;
	margin:5px 0px 0px 5px;
	display:inline-block;
}

#BottomLeftTopLinksLeft #apply:hover
{
	background-image:url('Images/Redesign/btnApplyDown.gif');		
}

#BottomLeftTopLinksLeft #apply a
{
	color:#ffffff;
	font-size:16pt;
	text-decoration:none;
	padding-top:07px!important;
	display:inline-block;
	text-align:left;
	margin-left:15px;
}

#BottomLeftTopLinksRight
{
	float: right;
	display: inline-block;
	position:relative;
	height:66px;
	vertical-align:middle;
}

#weather
{
	background: transparent;
	width: 160px;
	margin:5px 5px 0px auto;
	padding:10px 5px 5px 5px;
	height:48px;
	overflow: hidden;
	border: 1px solid #ccc;
	font-size:10px;
}
 
#weather h2
{

}
 
#weather a:link, #weather a:active, #weather a:visited {
	display: block;
	clear: both;
	text-decoration: none;
	color: #222;
	font-size: 10pt;
}
 
#weather a:hover {
	color: #000;
	text-decoration: underline;
}

#BottomLeftBottomLinks
{
	margin-top:7px;
	height:208px;
	width:375px;
	text-align:left;
}

#BottomLeftBottomLinks #Button
{
	background-color: #E2E2E2;
	background-image:url('Images/Redesign/halfcrestbg.png');
	background-repeat: no-repeat;
	cursor:pointer;
	width:375px;
	height:104px;	
}

#BottomLeftBottomLinks #Button:hover
{
	background-color:#FDDFDF;
}

#BottomLeftBottomLinks .top
{
	background-position:right top;	
}

#BottomLeftBottomLinks .bottom
{
	background-position:right bottom;
}

#BottomLeftBottomLinks #ButtonLeft
{
	width:110px;
	display:inline-block;
	float:left;
	padding:14px 10px 14px 20px;	
}
#BottomLeftBottomLinks #ButtonLeft img
{
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px #ccc solid;
	padding:2px;
}

#BottomLeftBottomLinks #ButtonRight
{
	width:225px;
	display:inline-block;
	float:right;
	padding:14px 0px 0px 0px;
	color: #333;
	font-size:18pt;
	text-decoration:none;
	vertical-align:middle;
}

#BottomLeftBottomLinks #ButtonRight a
{
	color: #333;
	font-size:18pt;
	line-height:35px;
	text-decoration:none;
	vertical-align:middle;
}



#BottomLeftBottomLinks #ButtonRight .importantdates
{
	font-size:12pt;
	text-align:left;
	color:#6A0606!Important;
	text-decoration:underline;
	z-index:5;
}

#BottomLeftBottomLinks #ButtonRight .importantdates:hover
{
	color:red!Important;
}

#BottomLeftBottomLinks #overlay
{
	background-image:url('Images/Redesign/btnGlassOverlay.png');
	background-position:left top;
	background-repeat:repeat-x;
	width:375px;
	height:104px;	
	float:left;
	position:absolute;
	display:inline-block;
	left:0px;
	border:0px transparent solid;
	cursor:pointer;
}

#mmaBottomRightColumn { 
 display: inline;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 20px 0px 0px 0px;
 width: 600px;
 height: 290px;
 float: right;
 background-color:transparent;
}

#mmaBottomRightColumn a
{
	color:#6D0606;
}

#mmaBottomRightColumn a:hover
{
	color:red;
}

#mmaGoldTrim
{
	background-image:url('Images/Redesign/GoldTrim.gif');
	background-repeat:repeat-x;
	height:5px;
	clear:both;
}
#mmaFooter { 
 width: 980px;
 clear: both;
 color: #FFF;
 background:transparent;
 margin: 0px 0px 0px 0px;
 padding:0px 0px 5px 0px;
 vertical-align:top;
 margin: 0px auto 0px auto;
 text-align: left;
}

#mmaFooter a
{
	color:#BCBCBC;
	padding-left:11px;
	padding-right:11px;
}

#mmaFooter a:hover
{
	color:#FFCC33;
}

#mmaFooterImages
{
	vertical-align:top;
	padding:15px;
	color:#BCBCBC;
	font-size:8pt;
	text-align:left;
}

#mmaFooterImages a
{
	padding:0px !important;
}
#mmaFooterImages img
{
	vertical-align:middle;			
}
#mmaBottomShade
{
	background-image:url('Images/Redesign/BottomShadeAll.png');
    background-position: center top;
    background-repeat:no-repeat;
    position: relative;
    display: inline-block;
    float: left;
    height: 35px;
    right: 0px;
    left: 0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    width: 100%;
    z-index: 50;
}

.clear { clear: both; background: none; }

/* --- Home Slider CSS --- */

/* --- Main Image CSS --- */
.main_image {
    width: 720px;
    height: 400px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
    text-align:left;
}
.main_image h2 {
    font-size: 12pt;
    font-weight: normal;
    margin:0px 0px 0px 20px;
    padding:10px 0px 5px 0px;
}
.main_image p {
    font-size: 8pt;
    line-height: 14pt;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 20px;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
}
.main_image .block small {margin-left: 10px; display:none;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #000000;
    border-top: 1px solid #111;
}

.main_image .block a
{
	color:#FFFFFF;
	text-decoration:none;
}

.main_image .block p span
{
	display:inline-block;
	padding:0px 20px 0px 20px;
	cursor:pointer;
	font-weight:bold;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(Images/Redesign/btnCollapse.png) no-repeat left top;
    height: 25px;
    width: 75px;
    text-indent: -99999px;
    position: absolute;
    top: -25px;
    right: 20px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
.main_image a.show {background-position: left bottom;}

/* --- Thumb Section CSS --- */

.image_thumb {
    float: right;
    width: 260px;
    background: #C8BBA6;
    height: 400px;
    overflow:hidden;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0px 0px 0px 0px;
    padding: 0;
    list-style: none;
    text-align:left;
    border: 0px transparent solid;
}
.image_thumb ul li{
    margin: 0;
    padding: 4px 5px;
    background: #C8BBA6;
    width: 250px;
    float: left;
    border-bottom: 1px solid #808080;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #F2E7CE;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 10pt;
    line-height:14pt;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
    color:#000000;
}
.image_thumb ul li .block {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 120px;
}

.image_thumb ul li .block small{
display:none;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

/* --- END - Home Slider CSS --- */

/* --- Scrollable CSS --- */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 560px;
	height:270px;
	margin:0px 0px 0px 0px;
	/* custom decorations */
	/*border:1px solid #ccc;*/
	background-color:transparent;
	border: 0px transparent solid;
	display:inline-block;
	left:0px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	display:inline-block;
	left:0px;

}

.items div {
	float:left;
	width:560px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:14px 14px 14px 14px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:150px;
	height:120px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	/*border:2px solid #000;*/
	position:relative;
	cursor:default;
}

.scrollable .NewsItem
{
	width: 185px;
	height:270px;
	border-right:1px #808080 solid;
}

.scrollable .NewsItem h3
{
	text-align:left;
	padding:0px 14px 0px 14px;
	height:45px;
}

.scrollable .NewsItem p
{
	text-align:left;
	padding:0px 14px 0px 14px;
	height:45px;
	width:157px;
	display:inline-block;
}

.scrollable .NewsItem .ReadMore
{
	float:right;
	display:inline-block;
	padding:3px 14px 0px 14px;
	color:#6D0606;
	position:relative;
	bottom:0px;
}

.scrollable .NewsItem a:hover
{
	color:red;
}



/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
	border-left:1px #808080 solid;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url('Images/Redesign/NewsButtons.png') no-repeat;
	display:block;
	width:18px;
	height:270px;
	float:left;
	margin:0px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0px 0px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-18px -0px; }
a.right:active 	{ background-position:-18px -0px; } 


/* left */
a.left				{ margin:0px; background-position:-54px 0px; } 
a.left:hover  		{ background-position:-35px 0px; }
a.left:active  	{ background-position:-35px 0px; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* --- Google Search CSS --- */

.gsc-search-box
{
	padding: 0px 0px 0px 0px!Important;;
	margin: 0px 0px 0px 0px!Important;;
	width:140px!Important;;
}

.gsc-search-button 	
{
	display:none;
}

.gsc-branding-img
{
	display:none;
}

.gsc-input
{
	height:16px!Important;
	padding:0px 0px 0px 0px!Important;
	margin: 0px 0px 0px 0px!important;
	padding-left:3px;
}

.gsc-branding-text
{
	display:none;
}