@charset "utf-8";
/* CSS Document */

body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

div#MainContainer {
width:952px!important;
padding:5px;
margin:auto;
}
/* Header Section -----------------------   */
.headersection {
border-bottom:3px solid #3860D7;
height:81px;
width:auto;

}

.logodisplayer {
float:left;
margin:20px 8px;
}
.bookcontainer {
float:right;
margin:7px 6px 0 14px;
}
.topbar {
background:url(../images/topbarbox.jpg) repeat-x;
height:27px;
margin:2px 0;
padding-top:3px;
font-size:12px;
color:#333333;
vertical-align:middle;
}
/* ------------- General -------------------- */
.blutxt {
color:#274FC2;
font-size:13px;
font-weight:700;
}

.blutxtli {
color:#274FC2;
font-size:12px;
font-weight:700;
text-decoration:none;
}
.blutxtli a{
text-decoration:none;
font-weight:700;
}
.blutxtli a:hover {
text-decoration:underline;
font-weight:700;
}

.redtext {
color:#E11F1F;
font-size:11px;
font-weight:700;
}

.border1{
	border: 1px solid #999999;
}


/* ---------------- form ------------------- */

.listfld {
width:214px;
border:1px solid #7F9DB9;
color:#635f5c;
padding:0;
margin:0;
height:auto;
}

/* -------------------- menubar --------------- */

.menubar {
background:url(../images/menubar.jpg) repeat-x;
height:19px;
color:#FFFFFF;
padding-left:7px;
font-size:12px;
padding-top:4px;
font-weight:700;
width:auto;
margin-bottom:7px;
}
.menubar ul {
list-style:none;
margin:0;
padding:0;
}
.menubar ul li {
float:left;
position:relative;
margin:0 4px;
}
.menubar li a {
text-decoration:none;
color:#FFFFFF;
}

.menubar li a:hover {
text-decoration:underline;
color:#FFFFFF;
}

/* -------- Mid Content -------------------- */

.firstcontent {
	position:relative;
	width:192px;
	left:-3px;
}

.seconcontent {
margin-left:5px;
}

.tab{
width:192px;
height:auto;
margin:0;
padding:0;
background:#FDFDFB;
border:1px solid #EAEAEA;
}
.menutitle {
height:19px;
background:url(../images/menutitlebg.jpg) bottom no-repeat;
width:auto;
color:#1C3582;
font-size:12px;
font-weight:700;
margin:0;
padding:4px 4px 4px 4px;

}

ul.mainmenu {
margin:5px 0px -4px 10px;
list-style:none;
padding-bottom:5px;
color:#333333;
font-size:11px;
text-align:left;
}
ul.mainmenu li{
line-height:10px;
text-align:left;
}
ul.mainmenu li a{
line-height:10px;
color:#333333;
text-decoration:none;

}
ul.mainmenu li a:hover{
line-height:10px;
text-decoration:underline;
}

.mailfield {
border:#D8D3C2 1px solid;
background:#FFFFFF;
width:133px;
height:19px;
font-size:11px;
}
.topbanner {
background:url(../images/newtopbanner.jpg) no-repeat;
width:443px;
height:210px;
}
.blubar {
height:8px;
display:block;
border:1px solid #1F3F9C;
background:#274fc2;
}
.topdetail {
font-size:12px;
color:#333333;
margin-top:8px;
margin-bottom:4px;
}
.numdisplayr{
font-size:12px;
color:#333333;
background:#FFFFFF;
}

.title {
margin-left:8px; 
font-size:13px; 
font-weight:700;
width:auto;
height:auto;
}

p{
margin-top:11px;
margin-left:8px; font-size:11px; margin-bottom:22px; text-align:left;
}

/* ---------------- News Releases box ------------------------------ */

.newsReleasebox {
width:auto;
background:#F8F6F2;
height:auto;
font-size:12px;
}


.newsReleasebox span {
color:#E11F1F;
font-size:11px;
font-weight:700;
}

.upcomingbox {
width:125px;
height:auto;
border:1px solid #CCCCCC;
background:#FFFFFF;
margin:4px;

}

.redmorebox {
text-align:right;
margin:4px 4px 4px 0;
}

/* ---------------- Footer -------------------------- */
.footer {
background:url(../images/footerbg.jpg) repeat-x;
height:20px;
margin-top:8px;
color:#333333;
font-size:12px;
padding:4px;
}
.footer  a {
text-decoration:none;
color:#333333;
}
.footer  a:hover {
text-decoration:none;
color:#E11F1F;
}

.copyrtbox {
margin-top:8px;
text-align:center;
height:45px;

}

/* ---------------- Menu -------------------------- */
.txt1
{
	float:left; font-family:Verdana; font-size:1px; width:150px;  text-align:center;
}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.mtDropdownMenu {position:absolute;overflow:hidden;left:-1000px;top:-1000px }
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.mtDropdownMenu .content {position:absolute;}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.mtDropdownMenu .items {position:relative;left:0px;top:0px;z-index:2;color:#800000;border:1px solid #999 }
.mtDropdownMenu.top .items {border-top:none;}

/* each TR.item is one menu item */
.mtDropdownMenu .item {color:#ffffff;font-size:10px;font-family:verdana, Arial, Helvetica, sans-serif;text-decoration:none;cursor:hand;border:1 solid #800000}
/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it;that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.mtDropdownMenu .background {position:absolute;left:0px;top:0px;z-index:1;-moz-opacity:5;filter:alpha(opacity=100);}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.mtDropdownMenu .shadowRight {position:absolute;z-index:3;top:3px;width:2px;-moz-opacity:.4;filter:alpha(opacity=40);}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.mtDropdownMenu .shadowBottom {position:absolute;z-index:1;left:3px;height:2px;-moz-opacity:.4;filter:alpha(opacity=40);}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.mtDropdownMenu .item.hover {background:#E7EBF1;color:#000000;}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.mtDropdownMenu .item img {margin-left:10px;}