body,html {width:100%;height:100%;margin:0;background:url(../images/BG.jpg) repeat;}
/* General Elements */
.Breaker {float:none; clear:both;} .L {float:left;} .R {float:right;}
.S20 {width:100%; height:20px;clear:both;font-size:1px;}
.A a{color:#000; text-decoration:none}
/* Main */
.TopCont {width:980px;height:110px;margin:0px auto; background:#fff;position:relative;}
    .TopCont .MenuCont {width:600px;height:36px;position:absolute; bottom:0px;right:0px;padding: 0 20px 0 0; margin-bottom:2px}
    .TopCont .MenuCont .Link{font-weight:bold; font-size:15px;margin: 0 0 0 30px;}
    .TopCont .MenuCont .Link a:hover {color:#45535c;}
.HeaderCont {width:100%;height:260px;background:transparent url(../images/banner.gif) repeat-x scroll 0 0;}
.PageCont {width:980px;margin:0px auto; background:#fff;}
    .PageCont .Content {width:940px;height:200px;border:1px solid #c0c0c0;margin:0px auto;background: url(../images/tile_box_sm.gif) repeat;}
.FooterCont {height:108px;width:100%;}
    .FooterCont .Top {height:54px;width:100%;background:#7f8a90;}
    .FooterCont .Bottom {height:54px;width:100%;background:#eceeee;}
    
.MainText{font-size:14px;}    
.BlackTitle{font-size:18px;font-weight:bold; font:"arial"}
.BlueTitle{color:Black;font-size:32px; font-weight:bold}
.NextBtn{width:59px;height:25px;padding:0px 0px 0px 0px; margin-bottom:0px;}
.Links .Link a{text-decoration:none;color:#666666;font-weight:bold;font-size:13px;}
.Links .Description{margin:8px 0px 10px 245px;width:650px;display:none; background-color:#C6D6DE; padding:5px 15px;}
.leftGreyBox {margin-left:20px;  height:430px; width:200px; background:#45535C; float:left}
.leftWhiteBox {margin-left:10px;  margin-top:10px; height:410px; width:180px; background:white;}
    
.HeaderCont2 {height:54px;width:100%;}
    .HeaderCont2 .Top2 {height:54px;width:100%;background:#7f8a90;}
    
    
    
    
/* single item */ 
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 90px;	 
	height:1240px;	
	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:500em;	
	clear:both;
	border:1px solid #222;
	
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:115px;
	height:115px;
	background:#333 url(../images/h150.png) repeat-x 0 146px;
	color:#fff;
	/*border-left:1px solid #333;*/
	cursor:pointer;
	padding:10px 0 0 14px;
}



#thumbs2 {	
	position:absolute;
	width:500em;	
	clear:both;
	border:1px solid #222;
	
}

/* single item */
#thumbs2 div {
	float:left;
	width:115px;
	height:215px;
	background:#333 url(../images/h150.png) repeat-x 0 146px;
	color:#fff;
	/*border-left:1px solid #333;*/
	cursor:pointer;
	padding:10px 0 0 14px;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#066;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}


a.prev, a.next, a.prevPage, a.nextPage {
	background:transparent url(../images/left.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	float:left;
	height:18px;
	margin:103px 5px;
	width:10px;
}
a.next, a.nextPage {
	background-image:url(../images/right.png);
	clear:right;
}
a.disabled {
	visibility:hidden !important;
}
/* this makes it possible to add next button beside scrollable */
div.scrollable {
 float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
 display:block;
 width:18px;
 height:18px;
}

div.navi {
	height:20px;
	margin-left:471px;
	width:200px;
}
div.navi a {
	background:transparent url(../images/navigator.png) no-repeat scroll 0 0;
	cursor:pointer;
	float:left;
	height:8px;
	margin:3px;
	width:8px;
}
div.navi a.active {
	background-position:0 -16px;
}