html{
height:100%;
}
BODY {
	MARGIN: 0px
	text-align:center;
 
	height:100%;
}
#header{
	
}
*{
	FONT-FAMILY: Tahoma,Candara,Verdana,Arial Narrow,Helvetica,Arial,Segoe;
	set-font-size:10pt;
	color:#333;
	line-height:150%;

}
.logoTD{
	padding:5px;
 
}
.LangBarOnRootmenuSectionCls{
float:right;
margin-right:20px;
}
.pageheader {
	HEIGHT: 50px
}
.headSectionTab {
  margin-bottom:-10px;
	WIDTH: 100%;
}
.bodyWrapper {
	
	BORDER-LEFT: #ccc 1px solid; MARGIN: auto; 
	WIDTH: 1000px; 
	BORDER-RIGHT: #ccc 1px solid;
	
	background-image: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0.16, rgb(240,241,250)),
		color-stop(0.56, rgb(177,217,227)),
		color-stop(1, rgb(255,255,255))
		);
	 
 
	filter:progid:DXImageTransform.Microsoft.Gradient
	 (GradientType =1, startColorstr=#ffffff,
	 endColorstr=#bde8f3);
 
	background: -moz-linear-gradient(left,  #ffffff,  #bde8f3); /* for firefox 3.6+ */ 
	
 

 

}

.menuBreadCrumb{
	text-decoration:underline;
	set-font-size:8pt;
	 
}
.menuBreadCrumbCurr{
	 
	set-font-size:8pt;
	font-weight:bold;
}
.SiteNameSub {
	FONT-FAMILY:  Trajan Pro,Book Antiqua, Times New Roman, Arial; 
	font-size: 3em; 
	VERTICAL-ALIGN: MIDDLE;
	text-align:center;
	font-weight:bold;
}
.sitelogo {
	WIDTH: 500px; FLOAT: left
}
#PORTAL_LOGO_IMAGE 
{
	max-height: 120px;
	width: auto !important;
	height: expression(this.height > 120 ? 120: true);
}
#topMenuBar {
	FLOAT: right; HEIGHT: 50px; MARGIN-RIGHT: 30px
}
.rootSectionMenu {
	POSITION: relative; 
	PADDING-BOTTOM: 2px; 
	BACKGROUND-COLOR: #666;   
	WIDTH:100%; 
  HEIGHT: 25px; 
  PADDING-TOP: 0px;
	border-top:1px solid #666;
	border-bottom:1px solid #777;
 
	 
}
.rootSectionBreadCrumb{

  padding-top:8px;
	padding-left:5px;
	pading-bottom:2px;
 
	height:20px;
	
}


.pageBody {
  min-height:500px;
}
.deviceSwitchLinks {
	
}

.languageBarDiv {
	padding-top:5px;
	 height:25px;
	padding-left:15px;
	padding-right:15px;
}
#leftPageColumn {
	WIDTH: 130px; HEIGHT: 700px
}
#rightPageColumn {
	WIDTH: 130px
}
#middlePageColumn {
	padding-left:5px;
	padding-right:5px;
   
	 
}

.pagefooter *{
	color:#fff; 
}
.pagefooter{
	background:url(/st030/bg/bottomBackground.grey1.jpg) no-repeat left top;
	margin-top:20px;
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; 
	PADDING-BOTTOM: 5px; 
	 
	color:#fff;
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; 
	PADDING-TOP: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	
}
#bodyColumns {
	margin-top:2px;
	WIDTH: 100%
}

#leftPageColumnDiv P {
	MARGIN: 0px; HEIGHT: 1px
}
#leftPageColumnDiv TABLE {
	Z-INDEX: -100;   
	PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND: #fff; 
	PADDING-TOP: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	
}
#leftPageColumnDiv H2 {

	PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; BACKGROUND: #c0c0c0; HEIGHT: 20px; COLOR: #000; set-font-size: 12px; FONT-WEIGHT: bold; PADDING-TOP: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		margin-top:8px;
}


.hrefButton {
	BACKGROUND-IMAGE: url(/st030/icons/right-arrow.gif); BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #e9e9e9; PADDING-LEFT: 25px; PADDING-RIGHT: 13px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left 50%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 2px
}

.languageBarActiveLink{
		font-weight:bold;
		color:#ececec;
}
	
.hrefspan{
		cursor:pointer;
		text-decoration:underline;
		color:#009;
}
.siteBanner{
 
  margin-top:-2px;
  margin-bottom:-5px;
  padding:-1px;
  overflow:hidden;
 
}
.languageBarDiv span{

	
	color:#999;
}

.ProcessMessages{
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	padding:10px;
	color:#600;
}
.buttonBox{
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	
}
.formtext{
  vertical-align:top;
	width:100%;
	border:1px solid #999;
	font-size:9pt;
}
.formLabel{
	text-align:right;
	font-weight:bold;
	padding-right:5px;
	vertical-align:top;
	padding-right:5px;
	width:200px;
	
}
.formhelp{
	padding-left:5px;
	color:#555;
	vertical-align:top;
	width:200px;	
}

.formButton{
 		color: #eee;
    background-color:#1e5184;
    font-size:1em;
    border-bottom:0.1em solid #555;
    border-right:0.1em solid #555;
    border-top:0.1em solid #ccc;
    border-left:0.1em solid #ccc;
    margin: 0.2em;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    cursor:pointer;

}

.multiColSlotCls{
	width:100%;
}
.multiColSlotItemCls{
	padding-right:20px;
}
.circleButton{
	width:100px;
	height:100px;
	display:block;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-khtml-border-radius:50px;
	font-size:20px;
	color:#fff;
	line-height:100px;
	text-align:center;
	background:#000
}

.circleMenu{
width:100px;
height:100px;
display:block;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
font-size:20px;
color:#fff;
line-height:100px;
text-decoration:none;
text-align:center;
background:#000}

.circleMenu:hover{
color:#fff;
text-decoration:none;
background:#333}

 .3dbutton {
        -webkit-transform: rotateX( 35deg );
        position: relative;
        display: inline-block;
        width: 100px;
        padding: 42px 15px;
        margin: 0px 10px;
        background-color: #C91826;
        color: #fff;
        font-weight: bold;
        font-size: 40px;
        text-decoration: none;
        text-align: center;
        text-shadow: 0px -1px 0px rgba(0,0,0,0.5);

        border: 1px solid;
        border-color: #B21522;
        border-radius: 78px;
        -moz-border-radius: 78px;
        -webkit-border-radius: 78px;

        box-shadow: 		inset 0px -4px 5px rgba(255,255,255,0.2),
                            inset 0px 1px 5px rgba(255,255,255,0.2),
                            /**/
                            0px 12px 0px #231F20,
                            0px 14px 0px #231F20,
                            0px 16px 0px #231F20,
                            /**/
                            0px 8px 5px rgba(0,0,0,0.5);

        -moz-box-shadow: 	inset 0px -4px 5px rgba(255,255,255,0.2),
                            inset 0px 1px 5px rgba(255,255,255,0.2),
                            /**/
                            0px 12px 0px #231F20,
                            0px 14px 0px #231F20,
                            0px 16px 0px #231F20,
                            /**/
                            0px 8px 5px rgba(0,0,0,0.5);

        -webkit-box-shadow: inset 5px -4px 5px rgba(255,255,255,0.2),
                            inset 5px 1px 5px rgba(255,255,255,0.2),
                            /**/
                            0px 12px 0px #231F20,
                            0px 14px 0px #231F20,
                            0px 16px 0px #231F20;
    }

    .3dbutton:hover {
        background-color: #B21522;
        color: #e3e3e3;	
    }

    .3dbutton:active {
        top: 8px;
        box-shadow: 		inset 0px 4px 5px rgba(255,255,255,0.4),
                            inset 0px -1px 5px rgba(255,255,255,0.2),
                            /**/
                            0px 8px 0px #231F20,
                            /**/
                            0px 9px 5px rgba(0,0,0,0.5);

        -moz-box-shadow: 	inset 0px 4px 5px rgba(255,255,255,0.4),
                            inset 0px -1px 5px rgba(255,255,255,0.2),
                            /**/
                            0px 8px 0px #231F20,
                            /**/
                            0px 9px 5px rgba(0,0,0,0.5);

        -webkit-box-shadow: inset 0px 4px 5px rgba(255,255,255,0.4),
                            inset 0px -1px 5px rgba(255,255,255,0.2),
                            /**/
                            0px 8px 0px #231F20,
                            /**/
                            0px 9px 5px rgba(0,0,0,0.5);
    }