html{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #B7E3F8;
	background-image: url(../graphics/bg.gif);
	background-repeat: no-repeat;
	color: #000000;

}
h1{
	font-size:1.5em;
	text-transform:lowercase;
}
h2{
	font-size:1em;
	text-transform:lowercase;
	padding-top:5px;
	padding-bottom:3px;
}
h2.h2blue{
	text-transform:none;
	color:#00a7e5;
	font-size:1.5em;
}
body{

	height: 500px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul{padding:10px 20px}
.menu{

	background-image: url(../graphics/topbar.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 900px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px 2px 2px 10px;
}
.menu a:link{
	color: #FFFFFF;
}
.menu a:visited{
	color: #FFFFFF;
}
.logo{
	margin: 0px;
	padding: 10px 0px;
}
.container{
	height: auto;
	width: 900px;
	top: 0px;
	margin: 0px;
}
.top{
	background-image: url(../graphics/maintop.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 900px;
	top: 0px;
	margin: 0px;
	background-position: top;
}

.main{

	background-image: url(../graphics/main.gif);
	background-repeat: repeat-y;
	min-height:450px;
	width: 900px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 2px 10px 10px;
}
.bottom{
	background-image: url(../graphics/maintop.gif);
	background-repeat: no-repeat;
	height: 35px;s
	width: 900px;
	top: 0px;
	margin: 0px;
	background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;

}

.Archive
{
	background-image: url(../graphics/archive.gif);
	width: 129px;
	height: 351px;
	background-repeat: no-repeat;
	padding-top: 180px;
	padding-left: 50px;
	float:right;
}

.banner{
	float: right;
	height: auto;
	width: 120px;
	padding-right: 10px;
	margin-top: 2px;
}
.macmillan{
	padding-top: 15px;

}
*>.banner{
	margin-top: -10px;
	padding-right: 30px;
}
.flash{

	width: 720px;

	margin-top: 5px;
}
*>.flash{

	width: 720px;

	margin-top: -10px;
}
.contain{
	width: 720px;
	margin-left: 10px;
	margin-top: -10px;
}
*>.contain{
	width: 720px;
	margin-left: 10px;
	margin-top: -10px;
}
.content{

	width: 700px;
	margin-left: 20px;
	padding-top:5px;
}
.text{
	background-color: #ffffff;
	height: 200px;
	min-height: 200px;
	width: 500px;
	margin-top: 10px;
}
*>.text{
	height: auto;
}
.hometext
{
	float:left;
}
.hometext p{padding-top:7px;padding-right:15px;}
.news{
	background-color: #D3EDFB;
	background-image: url(../graphics/blue-rounded-top-news.gif);
	background-repeat: no-repeat;
	width: 700px;
	background-color: #D3EDFB;
	padding:10px 10px 0px;
	height:auto;
	
}
.bottom-news{
	background: url(../graphics/blue-rounded-bottom-news.gif) no-repeat left bottom;
	height: 10px;
	width: 840px;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.login{
	background-color: #D3EDFB;
	height: 160px;
	width: 200px;
	padding: 10px;
	background-image: url(../graphics/login-top.gif);
	background-repeat: no-repeat;
}
.logedin{
	background-color: #D3EDFB;
	height: 183px;
	width: 200px;
	padding: 10px;
	background-image: url(../graphics/login-top.gif);
	background-repeat: no-repeat;
}
.login-top{
	
	height: 20px;
	width: 200px;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.login-bottom{
	background: url(../graphics/login-bottom.gif) no-repeat left top;
	height: 20px;
	width: 200px;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.logintable th{
	background-color: #6ACBF1;
	color: #000000;
	padding:3px;

}
.logintable th.titleup{

	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright: 6px;
	padding-left:10px;
}
.logintable th.inputup{

	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright: 6px;
}

.loginpage{
	background-color: #D3EDFB;
	height: auto;
	width: 420px;
	padding: 10px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}
.blueround1{
	background-color: #D3EDFB;
	height: auto;
	width: 720px;
	padding: 10px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}
.blueround2{
	background-color: #D3EDFB;
	height: auto;
	width: 660px;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 6px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}
.blueround2 h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00A7E5;

}
.blueroundtop{
	background-color: #D3EDFB;
	/*background: #FFFFFF url(../graphics/blue-rounded-top.gif) no-repeat fixed left top;*/
	height: auto;
	width: 840px;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	margin-bottom: 6px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}
.blueroundtop2{
	background: url(../graphics/blue-rounded-top.gif) no-repeat left top;
	height: 22px;
	width: 840px;
	padding: 0px 10px 0px 10px;
	margin-top: 6px;
	margin-bottom: 0px;
}
.pinkroundtop2{
	background: url(../graphics/pink-rounded-top.gif) no-repeat left top;
	height: 22px;
	width: 840px;
	padding: 0px 10px 0px 10px;
	margin-top: 6px;
	margin-bottom: 0px;
}
.blueroundbottom2{
	/*background: url(../graphics/blue-rounded-bottom.gif) no-repeat left top;
	height: 22px;*/
	width: 840px;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
	margin-bottom: 16px;
}
.blueroundtopmanage{
	background-color: #D3EDFB;
	height: 22px;
	width: 670px;
	font-weight: bold;
	padding: 0px;
	color: #000000;
	background: url(../graphics/blue-rounded-top-manage.gif) no-repeat left top;
}

.blueroundtopfilledmanage{
	background-color: #D3EDFB;
	height: 15px;
	width: 670px;
	font-weight: bold;
	padding: 0px;
	color: #000000;
	background: url(../graphics/blue-rounded-top-manage-filled.gif) no-repeat left top;
}
.blueroundfootermanage{
	background-color: #D3EDFB;
	height: 15px;
	width: 670px;
	font-weight: bold;
	padding: 0px;
	color: #000000;
	background: url(../graphics/blue-rounded-footer-manage.gif) no-repeat left top;
}
.bluebodymanage{
	background-color: #D3EDFB;
	height: auto;
	width: 640px;
	/*font-weight: bold;*/
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	color: #000000;
	background: url(../graphics/blue-body-manage.gif) repeat-y left top;
}
.bluebodymanageplain{
	background-color: #D3EDFB;
	height: auto;
	width: 640px;
	padding-left:15px;
	padding-right:15px;
}
.bluesquarefooter{
	background-color: #D3EDFB;
	height: 22px;
	width: 670px;
	font-weight: bold;
	padding: 0px;
	color: #000000;
	background: url(../graphics/blue-square-footer-manage.gif) no-repeat left top;
}
.blueroundfootermanageborder{
	background-color: #D3EDFB;
	height: 22px;
	width: 670px;
	font-weight: bold;
	padding: 0px;
	color: #000000;
	background: url(../graphics/blue-rounded-footer-manage-border.gif) no-repeat left top;
}
.blueroundbody{
	background-color: #D3EDFB;
	width: 840px;
	height:auto;
	padding: 0px 10px 10px 10px;
}
.pinkroundbody{
	background-color: #F9CBDF;
	width: 840px;
	height:auto;
	padding: 0px 10px 10px 10px;
}
.blueroundfooter{
	background: url(../graphics/blue-rounded-footer.gif) no-repeat left top;
	height: 22px;
	width: 840px;
	padding: 0px 10px 10px 10px;
	margin-top: 0px;
	margin-bottom: 6px;
}
.blueroundright{
	background-color: #D3EDFB;
	height: auto;
	width: 370px;
	padding: 10px;
	margin-right: -135px;
	float: right;
	border: 10px solid #B7E3F8;
	font-weight: bold;
	color: #4FC6F4;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}
.bluecontrolpanelright{
	height: auto;
	width: 670px;
	
	margin-left: 185px;
	margin-top: -315px;
}
.blueroundmenu{
	background-color: #D3EDFB;
	height: auto;
	width: 650px;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
	color: #000000;
}
.blueroundcontain{
	background-color: #D3EDFB;
	height: auto;
	width: 650px;
	padding: 10px;
	margin-left: 185px;
	margin-top: 10px;
	font-weight: bold;
	color: #000000;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}
.blueroundroom{
	background-color: #D3EDFB;
	height: auto;
	width: 420px;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 9px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}
.messagedisplaytable{
	margin-left:10px;
	width:840px;
}
.containround{

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color:#ffffff;
	background-image: url(../graphics/shadow.gif);
	background-repeat: repeat-x;
	padding: 10px;
	color:#4FC6F4;
}
.ptext{
	color:#ED1093;
}
.containround a:link{
	color:#ED1093;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
.round{
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
}
.vtips{
	float:right;
}
.manageroomlisttable{
	border: 1px solid #00A7E5;

}
.even{
	background-color: #F1FAFE;
	
}
.even td, .odd td{
	padding:5px;
	
}
*>.vtips{
	margin-top:-100px;
	float:right;
}

.newsbubble{
	margin-top:-20px;
	float:right;
}

.logouttext:visited
{
	color:#EC008C;
}
.logouttext
{
	float:right;
	color:#EC008C;
}

*>.newsbubble{
	margin-top:-60px;
	float:right;
}

a.whitemenulink:link{color:#FFFFFF;text-decoration:none}
a.whitemenulink:visited{color:#FFFFFF;text-decoration:none}
a.whitemenulink:hover{color:#000000;text-decoration:none}
p{
	padding-top:5px;
}
/* Tool Tips */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
/* End of tool tips */

.ptext{
	color:#ED1093;
}
a.ptext{
	color:#ED1093;
}

.newsimage{float:right;padding:0px 0px 10px 10px}