/* Main CSS Document */

@import url("core.css");

#container { width: 830px; margin: 20px auto 0px auto; background-color: #FFFFFF; background-image: url(../images/bg-content.gif); 	background-repeat: repeat-y; }
#container .curve { width: 830px; clear: both; }

#header { width: 788px; height: 116px; margin: 0px auto; background-image: url(../images/header.jpg); background-repeat: no-repeat; }
#header .logo { float: left; padding: 20px 0px 0px 0px; }
#header .toll { float: right; padding: 40px 110px 0px 0px; }

#nav { width: 788px; height: 17px; margin: 0px auto; text-align: center; background-color: #005197; padding: 10px 0px 10px 0px;}
#nav ul li { margin: 0px; display: inline; font-size: 12px; color:#ffffff; font-family: Arial, Helvetica, sans-serif; }
#nav a:link, #nav a:visited { color: #ffffff; text-decoration: none; padding: 0px 7px 0px 7px; }
#nav a:hover { color: #f8c225; }

#main { width: 788px; margin: 0px auto; padding: 20px 0px 0px 0px;}

#content {
	width: 788px;
	margin: 10px auto;
0px auto; 	background-image: url(../images/bg-content-in.gif);
	background-repeat: repeat-y;
}

#content .left { width: 528px; float: left; font-size: 14px; }
#content .left .graybox { padding: 0px 10px 10px 10px; background-image: url(../images/bg-content-left.gif); background-repeat: repeat-y; }
#content .left .curvemiddle { width: 528px; height: 85px; background-image: url(../images/bg-curve-middle.gif); background-repeat: no-repeat; }
#content .left .box01 {  width: 240px; padding: 7px 7px 0px 7px; }
#content .left .box02 {  width: 246px; padding: 7px 7px 0px 7px; }
#content .left a.readmore:link, #content .left a.readmore:visited { font-size: 18px; color: #9e9898; text-decoration: none; }
#content .left a.readmore:hover { color: #333333; }

#content .right { width: 250px; float: right; background-color: #eaeaea; font-size: 12px; }
#content .right .tab { width: 245px; height: 24px; background-image: url(../images/bg-tabright.gif); background-repeat: no-repeat; font-size: 15px; color: #ffffff; font-weight: bold; padding: 8px 0px 0px 5px; }
#content .right .graybox { background-color: #eaeaea; padding: 10px; }

#contentnew {
	width: 788px;
	margin: 10px auto;
0px auto; 	background-image: url(../images/bg-content-in.gif);
	background-repeat: repeat-y;
}

#contentnew .leftmini { width: 528px; float: left; font-size: 14px; }
#contentnew .leftmini .graybox { padding: 0px 10px 10px 10px; background-image: url(../images/bg-content-left.gif); background-repeat: repeat-y; }
#contentnew .leftmini .curvemiddle { width: 528px; height: 85px; background-image: url(../images/bg-curve-middle.gif); background-repeat: no-repeat; }
#contentnew .leftmini .box01 {  width: 240px; padding: 7px 7px 0px 7px; }
#contentnew .leftmini .box02 {  width: 246px; padding: 7px 7px 0px 7px; }
#contentnew .leftmini a.readmore:link, #content .left a.readmore:visited { font-size: 18px; color: #9e9898; text-decoration: none; }
#contentnew .leftmini a.readmore:hover { color: #333333; }

#contentnew .rightmini { width: 250px; float: right; background-color: #eaeaea; font-size: 12px; }
#contentnew .rightmini .tab { width: 245px; height: 24px; background-image: url(../images/bg-tabright.png); background-repeat: no-repeat; font-size: 15px; color: #ffffff; font-weight: bold; padding: 8px 0px 0px 5px; }
#contentnew .rightmini .graybox { background-color: #eaeaea; padding: 10px; }
#contentnew .rightmini .tab a:link { color:ffffff; text-decoration:none; }

#footer { width: 830px; padding: 5px; font-size: 12px; color: #005197; margin: 0px auto; text-align: center; }
#footer ul li { margin: 0px; display: inline; }
#footer a:link, #footer a:visited { text-decoration: none; color: #2c7ec5; padding: 0px 7px 0px 7px; }
#footer a:hover { text-decoration: underline; }

