/* deep blue */
 /* light blue */


body {
margin: 0px auto; padding: 0px; color: #000000;
font: 13px/150% verdana, arial, sans-serif; background: #EDF4FA;
}
a { color: #0077BC; text-decoration: none; }
a:hover { color: #003366; text-decoration: underline; }

h1 { margin: 0px 15px; padding: 0px; font-size: 12px; font-wight: normal; color: #0077BC; }
h2 {
width: 470px; height: 30px; color: #333333; font-size: 16px;
margin: 0px 0px 10px 0px; padding: 5px 20px;
background: url("images/bg_topics01.jpg") no-repeat;
}
h3 {
width: 470px; height: 20px; color: #FFFFFF; font-size: 15px;
margin: 5px 10px; padding: 3px 10px; background: #0077BC;
}

p { margin: 5px 15px 15px 15px; padding: 0px; }

ul { margin: 2px 0px 2px 25px; padding: 2px; list-style: disc; }
ol { margin: 2px 0px 2px 25px; padding: 2px; }
li { margin: 0px; padding: 2px; }

img { border: 0px; }

hr {
color: #666666; background-color: #666666;
height: 1px; border: 1px; border-style: dotted;
}

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

/* form styling */
input,select { margin: 1px; font-size: 13px; }
textarea { margin: 1px; font-size: 13px; width: 470px; }
#ok { height: 30px; font-size: 15px; font-weight: bold; background:#0077BC; }
#back { height: 30px; background:#EFEFEF; }

.form_style {
width: 500px; margin: 0px 0px 0px 10px;
border-width: 1px 1px 0px 0px; border-style: solid; border-color: #CCCCCC;
}
.form_style p { font-size: 11px; color: #003366; margin: 0px 3px; padding: 0px; }
.form_style th {
padding: 3px; text-align: left; font-weight: normal; vertical-align: top; background: #EFEFEF;
border-width: 0px 0px 1px 1px; border-style: solid; border-color: #CCCCCC; font-size: 12px;
}
.form_style td {
padding: 3px; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #CCCCCC; font-size: 13px;
}


/* contents styling */
#wrapper {
position: relative;
margin: 0px auto; padding: 0px;
width: 760px;
}

#wrapper #container {
position: absolute !important;
top: 25px;
left: 0px !important;
overflow: visible !important;
padding: 0px; margin: 0px;
}

#wrapper #container_bg {
float: left; padding: 0px 10px; margin: 0px;
background: url("images/bg_body.jpg") top repeat-y;
}

#wrapper #main_contents {
float: left;
width: 510px;
padding: 10px 10px 20px 10px; margin: 0px;
word-wrap: break-word; overflow: hidden;
}

.main_contents1 { padding: 0px; margin: 0px 0px 10px 0px; }
.point { padding: 0px; margin: 0px 0px 10px 0px; }
.main_contents_pan { font-size: 10px; padding: 0px; margin: 0px 0px 5px 0px; }

#news { padding: 0px; margin: 0px 0px 10px 0px; }
#news ul { list-style: none; margin: 0px 10px; }
#news li { border-bottom: 1px dotted #666666; padding: 3px; }

/* header styling */
#wrapper #head {
float: left;
width: 740px;
height: <MTIf name="mainpage">440px<MTElse>140px</MTElse></MTIf>;
padding: 0px 10px; margin: 0px;
word-wrap: break-word; overflow: hidden;
}

#top_menu {
width: 719px; height: 20px; font-size: 10px; margin: 0px; padding: 0px 10px; text-align: right;
background: url("images/bg_head_menu.jpg") left no-repeat;
}
#top_menu li { display: inline; margin: 0px; padding: 0px 5px; border-right: 1px solid #CCCCCC; }
#top_menu a { color: #FFFFFF; text-decoration: none; }
#top_menu a:hover { color: #FFFFFF; text-decoration: underline; }

#head_menu { margin: 0px; padding: 0px; }
#head_menu img { float: left; }

#toppage {
float: left;
width: 740px;
height: 60px; padding: 0px 10px; margin: 10px 0px 0px 0px;
}

#toppage img { float: left; }

/* side-menu styling */
#wrapper #side_menu {
float: left;
width: 210px;
vertical-align: top;
padding: 10px 0px 20px 10px; margin: 0px;
word-wrap: break-word; overflow: hidden;
}

.side_menu1 {
clear: both; width: 208px; padding: 0px; margin: 0px 0px 10px 1px; background: #EFEFEF;
border-width: 0px 1px 1px 0px; border-style: solid; border-color: #999999;
}
.side_menu1 ul {
clear: both; margin: 0px 0px 0px 18px; padding: 2px; line-height: 130%; color: #0077BC;
}
.side_menu1 li { margin: 0px; padding: 2px 0px; }

.side_menu2 {
width: 208px; padding: 0px; margin: 0px 0px 10px 1px; background: #EFEFEF; border-top: 5px solid #0077BC;
}
.side_menu2 ul { margin: 0px; padding: 0px; line-height: 130%; color: #0077BC; }
.side_menu2 li {
display: block; width: 185px; margin: 0px; padding: 4px 4px 4px 18px;
border-width: 0px 1px 1px 0px; border-style: solid; border-color: #999999;
background: url("images/list_disc.gif") left no-repeat;
}
.side_menu2 a { display: block; width: 185px; color: #0077BC; text-decoration: none; }
.side_menu2 a:hover { color: #003366; text-decoration: underline; }


#mag {
width: 209px; height: 127px; margin-bottom: 10px;
background: url("images/side_menu_mag02.jpg") bottom no-repeat;
}
#mag form { padding: 0px; margin: 0px; }
#mag_reg { margin: 2px; padding: 0px; width: 140px; height: 16px; }

#blog { width: 207px; background: #E4B2CB; border: 2px solid #E4B2CB; padding: 0px; margin: 0px 0px 10px 0px; }
#blog img { float: left; margin-bottom: 2px; }

/* footer styling */
#wrapper #foot {
float: left; width: 760px;
margin: 0px; padding: 20px 10px 0px 10px; font-size: 11px;
background: url("images/bg_body_bottom.jpg") top no-repeat #EDF4FA;
}

#foot ul {
text-align: left; margin: 0px 15px 10px 15px; padding: 0px; list-style: none; 
border-bottom: 1px dotted #CCCCCC;
}
#foot ul li { margin: 0px; padding: 0px 3px; display: inline; font-size: 10px;	border-right: 1px solid #333333; }
#copy { text-align: center; margin: 5px 0px; }