@charset "utf-8";
/* Home Page */
body {
margin: 0px;
padding: 0px;
}

#container {
width: 800px;
background-color: #fff;
margin: 0px;
padding: 0px;
}

.subjecthead {
width: 252px;
height: 350px;
margin: 0px;
padding: 10px 0px 0px 5px;
float: left;
}

.logo {
width: 158px;
height: 48px;
float: left;
}

.subjecthead_textbox {
width: 252px;
height: 147px;
padding-top: 15px;
font: normal 11px arial;
color: #8a9295;
text-align: left;
}

.yellow_smalltext {
font: normal 11px arial;
color: #f6c039;
text-align: left;
}

.yellow_smalltext a {
font: normal 11px arial;
color: #f6c039;
text-decoration: none;
text-align: left;
}

.yellow_smalltext a:hover {
font: normal 11px arial;
color: #f6c039;
text-decoration: underline;
text-align: left;
}

.yellow_headtext {
font: bold 14px arial;
color: #f6c039;
text-align: left;
}

.header {
width: 252px;
height: 130px;
float: left;
}

.clear {
clear: both;
margin: 0px;
padding: 0px;
}

.yellow_v {
width: 5px;
height: 350px;
background-color: #f6c039;
margin-top: 10px;
float: left;
}

.yellow_h {
width: 800px;
height: 5px;
background-color: #f6c039;
float: left;
}

.banner {
width: 538px;
height: 350px;
margin-top: 10px;
float: left;
}

.mediacontainer {
width: 800px;
margin: 0px;
padding: 0px;
float: left;
}

#mediabox {
width: 160px;
padding: 5px 20px 10px 20px;
font: normal 15px arial;
color: #8a9295;
line-height: 18px;
text-align: left;
float: left;
}

#mediabox a {
font: normal 15px arial;
color: #8a9295;
line-height: 18px;
text-align: left;
text-decoration: none;
float: left;
}

#mediabox a:hover {
width: 100%;
height: 100%;
background-color: #fff;
font: normal 15px arial;
color: #8a9295;
line-height: 18px;
text-align: left;
text-decoration: none;
filter: alpha(opacity=50);
opacity: 0.5;
float: left;
}

#mediabox a.selected {
width: 100%;
height: 100%;
background-color: #fff;
font: normal 15px arial;
color: #8a9295;
line-height: 18px;
text-align: left;
text-decoration: none;
filter: alpha(opacity=50);
opacity: 0.5;
float: left;
}

.mediaboxheader_yellow {
font: normal 30px arial;
color: #f6c039;
text-align: left;
float: left;
}

.title_yellow {
font: normal 23px arial;
color: #f6c039;
text-align: left;
float: left;
}

.yellow_text {
font: normal 15px arial;
color: #f6c039;
text-align: left;
}

.mediaboxheader_blue {
font: normal 30px arial;
color: #01b9f5;
text-align: left;
float: left;
}

.title_blue {
font: normal 23px arial;
color: #01b9f5;
text-align: left;
float: left;
}

.blue_text {
font: normal 15px arial;
color: #01b9f5;
text-align: left;
}

.mediaboxheader_red {
font: normal 30px arial;
color: #fe0000;
text-align: left;
float: left;
}

.title_red {
font: normal 23px arial;
color: #fe0000;
text-align: left;
float: left;
}

.red_text {
font: normal 15px arial;
color: #fe0000;
text-align: left;
}

.mediaboxheader_cyan {
font: normal 30px arial;
color: #00aa9d;
text-align: left;
float: left;
}

.title_cyan {
font: normal 23px arial;
color: #00aa9d;
text-align: left;
float: left;
}

.cyan_text {
font: normal 15px arial;
color: #00aa9d;
text-align: left;
}


/* aboutus Page */
.aboutus_container {
width: 523px;
height: 350px;
margin-top: 10px;
padding-left: 15px;
float: left;
}

.logo_grey {
width: 197px;
height: 63px;
padding-top: 50px;
float: left;
}

.grey_text {
font: normal 12px arial;
color: #8a9295;
line-height: 18px;
text-align: left;
}

.green_text {
font: normal 12px arial;
color: #37b54a;
text-align: left;
}

.green_text a {
font: normal 12px arial;
color: #37b54a;
text-align: left;
text-decoration: none;
}

.green_text a:hover {
font: normal 12px arial;
color: #37b54a;
text-align: left;
text-decoration: underline;
}

.footer_text {
padding-left: 250px;
font: normal 11px arial;
color: #8a9295;
line-height: 18px;
text-align: left;
}

.line {
width: 100%;
height: 1px;
background-color: #999999;
float: left;
}


/* print Page */
.print_container {
width: 523px;
height: 350px;
margin-top: 10px;
padding-left: 15px;
float: left;
}

.yellow_v1 {
width: 5px;
height: 350px;
background-color: #f6c039;
margin-top: 10px;
float: left;
}

.client_logo {
width: 230px;
height: 65px;
float: left;
}


/* web Page */
.web_container {
width: 523px;
height: 350px;
margin-top: 10px;
padding-left: 15px;
float: left;
}

.blue_v1 {
width: 5px;
height: 350px;
background-color: #01b9f5;
margin-top: 10px;
float: left;
}

.blue_h {
width: 800px;
height: 5px;
background-color: #01b9f5;
float: left;
}


/* radio Page */
.radio_container {
width: 523px;
height: 350px;
margin-top: 10px;
padding-left: 15px;
float: left;
}

.red_v1 {
width: 5px;
height: 350px;
background-color: #fe0000;
margin-top: 10px;
float: left;
}

.red_h {
width: 800px;
height: 5px;
background-color: #fe0000;
float: left;
}


.visitus_popup {
width: 229px;
height: 125px;
background: url(../images/visitus_popup.png) no-repeat;
position: absolute;
font: normal 11px arial;
color: #fff;
padding: 20px;
visibility: hidden;
text-align: left;
}

.padt5 {padding-top: 5px;}

