html, body {
  margin: 0;
  padding: 0;
  height: 100%; /* Required */
}

body {
	background: #fff url(../img/top_bg.gif) repeat-x;
	color: #045482;
  font: 11px Verdana, sans-serif;
}

a:link, a:visited {
	color: #045482;
	text-decoration: none;
}
a:hover {
  color: #67A61D;
	text-decoration: none;
}
img {
  border: none;
	
}
.button {
	font: 12px tahoma, arial, helvetica, sans-serif;
	color: #000;
	background: #A5C4D6;
	padding: 2px 2px 2px 2px;
	border:1px solid #333;
}

.border {

font: 14px tahoma, arial, helvetica, sans-serif;
	color: #000;
	padding: 10px 0px 0px 10px;
	border:1.5px solid #045082;
	width: 70%;
	float:centre;



}

.p_name {

font: 16px tahoma, arial, helvetica, sans-serif;
	color: #045482;
	padding: 1px 0px 0px 0px;
	background: #EBF5FB;
	border:1.5px solid #045082;
	width: 71.4%;
	float:centre;
	




}

.image
{

font: 16px tahoma, arial, helvetica, sans-serif;
	color: #000;
	padding: 21px 70px 0px 15px;
	border:0px solid #0000;
	height:130px;
	width:150px;
	float:left;
	


}

.clear {
    clear: both;
    float: left;
}

/* formval.css */
.info   { color: black; background-color: transparent; font-weight: normal; }
.warn   { color: rgb(120,0,0); background-color: transparent; font-weight: normal; }
.error  { color: red; background-color: transparent; font-weight: bold }

/* pop out image */
.popimg a { }
/* make the images and description invisible and an absolute position so that it does not take up any space */
.popimg a em {visibility:hidden; position:absolute;}
/* hack for IE5.x */
* html .uk a:hover {width:90px; w\idth:90px; padding:0px 20px 5px 5px; p\adding:0px 20px 5px 5px; }
/* make the descriptive text visible, give it a size and position */
.popimg a:hover em {visibility:visible; margin-top:-10px; background:#fff; border:1px solid #333; width:150px; color:#333; padding:10px;font-style:normal; line-height:1.5em;}
/* hack for IE5.x */
* html .popimg a:hover em {width:150px; w\idth:150px;}
/* give the image a border and margin */
.popimg a:hover em img {border:1px solid #000; display:block; margin-bottom:5px;}


#container-page {
  position: relative;
  margin: 0 auto;
  width: 100%;
  text-align: left;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

/* Page Header */

#container-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#header {
  float:none;
}

#header .top-text {
 	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 7px;
	font: bold 10pt tahoma, verdana, helvetica, sans-serif;
	display:none;
}
#header .top-text a:link, #header .top-text a:visited {
	color: #276C94;
	text-decoration: underline;
	display:none;
}
#header .top-text a:hover {
  color: #67A61D;
	text-decoration: none;
	display:none;
}
#header .topright {
  padding-right: 5px;
  text-align:right;
 	float:none;
}
#header .topleft {
  padding-left: 10px;
  text-align:left;
 	float:none;
}

#header .top-menu {
	padding-top: 40px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
	font: 13pt tahoma, verdana, helvetica, sans-serif;
	display:none;
}
#header .top-menu span {
	color: #777777;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}

/* Page Content */

#container-content {
  text-align:left;
	padding-top: 115px;
  padding-bottom:40px;
}

#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#main {
  margin:0;
	border: 0px solid #000000;
	font-family: verdana, tahoma;
}
#main h1 {
    font: 18pt futura, tahoma, sans-serif;
    color: #045482;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 3px;
}
#main .special {
    font: 17pt futura, tahoma, sans-serif;
    color: #045482;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 90px;
    text-decoration: none;
    display: block;
}
#main .sideline {
    border-top: 0px solid #276C94;
    margin-top: 25px;
    margin-left: 25px;
    margin-bottom: 25px;
    width: 35%;
    float: left;
    display: block;
}

/* tab menus */
#main .tab-box {float:left;background:#FFFFFF;padding: 10px 10px 10px 10px;line-height:normal;border:0px solid #BCD2E6;}
#main .tabs1 {width:90%;background:#FFFFFF;font-size:93%;line-height:normal;margin:0 5px 0 0;display:none;}
#main .tabs1 ul {float:left;margin:0;padding:0;list-style:none;}
#main .tabs1 li {display:inline;float:left;margin:0;padding:0;}
#main .tabs1 a {float:left;background:url("../img/tableft1.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#main .tabs1 a span {float:left;display:block;background:url("../img/tabright1.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#627EB7;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main .tabs1 a span {float:none;}
/* End IE5-Mac hack */
#main .tabs a:hover span {color:#627EB7;}
#main .tabs1 a:hover {background-position:0% -42px;}
#main .tabs1 a:hover span {background-position:100% -42px;}
#main .tabs1 .current a {background-position:0% -42px;}
#main .tabs1 .current a span {background-position:100% -42px;}

#main #promotions {
  float:left;
	font-family: verdana, tahoma;
  background: #FFFFFF;
	padding-bottom: 20px;
}
#main #promotions .promo-container {
  text-align: center;
  float: left;
	width: 185px;
  display: table;
}
#main #promotions .header {
  float:left;
  background: #EBF5FB;
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
	width: 180px;
  display: block;
}
#main #promotions .content {
  float:left;
  text-align: left;
  margin-top: 5px;
  padding-bottom: 15px;
  padding-left: 5px;
 	width: 180px;
  border-bottom: 1px dashed #A5C4D6;
}
#main #promotions h3 {
  display: block;
  text-align: left;
  font: 17pt futura, tahoma, sans-serif;
  margin-top: 20px;
  margin-bottom: 5px;
  padding-left: 5px;
  color: #CD4A3B;
}
#main #promotions a:link, #main #promotions a:visited {
	color: #CD4A3B;
	text-decoration: underline;
}
#main #promotions a:hover {
  color: #67A61D;
	text-decoration: none;
}

/* Menu */
#menu {
  position: absolute;
  left: 5px;
  top:115px;
  float: left;
	width: 195px;
	border-right: 1px solid #276C79;
	z-index:50;
	display:none;
}
#menu .menu-header {
  clear:both;
  font: 14pt tahoma, sans-serif;
  color: #777777;
  background: #EBF5FB;
	width: 175px;
  padding: 5px 0px 5px 15px;
  text-transform: uppercase;
  border-top: 2px solid #045482;
}
#menu .menu-content {
	font: 11pt arial, sans-serif;
	color: #334D67;
  background: #EBF5FB;
  padding-left:5px;
	width: 185px;
}
#menu .menu-header a:link, #menu .menu-header a:visited, #menu .menu-header a:active, #menu .menu-header a:hover  {
	text-decoration: none;
	width: 175px;
  display: block;
}
#menu .menu-content a:link, #menu .menu-content a:visited, #menu .menu-content a:active, #menu .menu-subcontent a:link, #menu .menu-subcontent a:visited, #menu .menu-subcontent a:active {
	text-decoration: none;
	color: #334D67;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #A5C4D6;
  display: block;
}
#menu .menu-content a:hover, #menu .menu-subcontent a:hover {
  color: #67A61D;
  text-decoration: none;
}
/* flyout menus */
#menu .menu-browse {
	font: 11pt arial, sans-serif;
	color: #334D67;
  background: #EBF5FB;
  width:190px;
  position:relative;
}
#menu .menu-browse ul li a, #menu .menu-browse ul li a:visited {
  display:block;
  text-decoration:none;
  padding-left:5px;
  width:185px;
  height:20px;
  line-height:19px;
  background:#EBF5FB;
  padding-top: 5px;
  border-bottom: 1px solid #A5C4D6;
}
#menu .menu-browse ul { padding:0; margin:0; list-style-type:none; }
#menu .menu-browse ul li { float:left; position:relative; }
#menu .menu-browse ul li ul { display: none; }

/* specific to non IE browsers */
#menu .menu-browse ul li:hover a { color:#fff; background:#A5C4D6; }
#menu .menu-browse ul li:hover ul { display:block; position:absolute; top:0; left:181px; width:180px; padding-left:15px; }
#menu .menu-browse ul li:hover ul li a.hide { background:#67A61D; color:#000; padding-top: 5px; border-bottom: 1px solid #EBF5FB;}
#menu .menu-browse ul li:hover ul li:hover a.hide { width:180px; padding-top: 5px; border-bottom: 1px solid #EBF5FB; }
#menu .menu-browse ul li:hover ul li ul { display: none; }
#menu .menu-browse ul li:hover ul li a { display:block; background:#A5C4D6; color:#000; width:180px; padding-top: 5px;border-bottom: 1px solid #EBF5FB; }
#menu .menu-browse ul li:hover ul li a:hover { background:#67A61D; color:#000; }
#menu .menu-browse ul li:hover ul li:hover ul { display:block; position:absolute; left:181px; top:0; color:#000; padding-left:10px;border-bottom: 1px solid #A5C4D6;}
#menu .menu-browse ul li:hover ul li:hover ul li a { display:block; width:180px; background:#67A61D; color:#000; padding-top: 5px;border-bottom: 1px solid #A5C4D6;}
#menu .menu-browse ul li:hover ul li:hover ul li a:hover { background:#EBF5FB; color:#fff;}


/* Footer */

#container-footer {
  clear:both;
  float:left;
  width: 100%;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 40px;
}
#footer {
  padding: 0 1em;
  padding-top:15px;
  line-height: 40px;
	font: 11px tahoma, arial, helvetica, sans-serif;
	text-align:center;
	background: #fff url(../img/footer.gif) repeat-x;
  color: #000;
  margin-left:202px;
	display:none;
}

#navigation {

position: absolute;

width: 210px;

height: 600px;

margin: 0;

margin-top: 0px;

border-right: 1px solid #C6EC8C;

font-weight: normal;

}