.MainContainer
{
    width:100%;
    padding-left:10px;
    min-height:450px;
}

.MainStyle
{
    color: Black;
    font-size: 10pt;
    font-family: Arial;
    padding-left:50px;
}

/* Demo Pages
-------------------------------------------------------------- */

div#demoNav {height:42px;width:930px;background-color:Transparent; padding: 8px 2px 2px 2px;}
div#demoNav a {color:#fff;font-weight:bold;text-decoration:none;text-transform:uppercase;display:block; text-indent:-9000px; margin-left:8px;}

div#previousContainer {position:absolute; left:-95px; top:300px; padding:0 0 0 0; background-color:transparent; width:100px; height:150px;}
div#previousContainer a {}

div#previousContainer .previous
{
    display:block;
    background-position:left;
    background-image: url(../../images/buttons/ButtonsPrevious.jpg);
    background-repeat: no-repeat;
    width: 100px;
    height: 150px;
}

div#previousContainer .previous:hover
{
    background: url(../../images/buttons/ButtonsPrevious.jpg) no-repeat right;
}


div#nextContainer {position:absolute; left:970px; top:300px; padding:0 0 0 0; background-color:transparent; width:100px; height:150px;}
div#nextContainer a {}
div#nextContainer .next
{
    display:block;
    background-position:left;
    background-image: url(../../images/buttons/ButtonsNext.jpg);
    background-repeat: no-repeat;
    width: 100px;
    height:150px;
}
div#nextContainer .next:hover
{
    background: url(../../images/buttons/ButtonsNext.jpg) no-repeat right;
}

.CSlideTitle
{
	width:930px;
}

.CSlideText
{
	float: left;
	height: 500px;
	width: 250px;
	border-right: #000099 1px dotted;
}
.CSlideImage
{
	float:right;
    text-align:center;
	height:350px;
	width:680px;
	padding-top: 25px;

}

.previousContainer
{
    float:left;
    width:45px;
    margin-left:-50px;
}

.contentContainer
{
    float:left;
}

.nextContainer
{
    float:left;
    width:50px;  
}

/* Animated Tabs
-------------------------------------------------------------- */
.animatedtabs{
width:945px;height:35px; background:url(../../images/subnav_bg.gif) repeat-x; margin-left:15px;font-size: 11px; /*font of menu text*/}

.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 1px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../../images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 1px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
margin-top:8px;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../../images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
color:#27235d;
}



.animatedtabs .selected a{
background-position: 0 -125px;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color:#27235d;
padding-bottom: 9px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */

}

.animatedtabs a:hover{
background-position: 0% -125px;
cursor: pointer; cursor: hand;

}

.animatedtabs a:hover span{
background-position: 100% -125px;
/**padding-bottom: 9px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
cursor: pointer; cursor: hand;
}

