html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; list-style:none; }
body { background: url(../images/bg.jpg); font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:center;/* for IE */ margin-top:0; margin-bottom:0; margin-right:0; color:#000000;}
form{margin:0; padding:0; display:inline; border:none; }
select, input, textarea {
font: Verdana, Helvetica, sans-serif;
}
select { min-width:100px; width:255px;}
input { width:250px; padding:1px; font-family: Verdana, Helvetica, sans-serif; font-size:12px;}
textarea { width:250px; font-family: Verdana, Helvetica, sans-serif; font-size:12px;}
input .txt calendar_input {width:240px;}
#registration_container_person table td { vertical-align:top; padding:3px; width:300px !important;}
#registration_container_courses table td { vertical-align:top; padding:3px; width:300px !important;}
#registration_container_accommodations table td { vertical-align:top; padding:3px; width:300px !important;}
#registration_container_transfer table td { vertical-align:top; padding:3px; width:300px !important;}
#registration_container_etc table td { vertical-align:top; padding:3px; width:300px !important; line-height:16px;}
#registration_tab_person { width:130px !important; margin-bottom:10px;}
#registration_tab_courses { width:100px !important; margin-bottom:10px;}
#registration_tab_accommodations { width:100px !important; margin-bottom:10px;}
#registration_tab_transfer { width:100px !important; margin-bottom:10px;}
#registration_tab_etc { width:100px !important; margin-bottom:10px;}
button { margin-top:10px; padding-left:5px; padding-right:5px;}
input.btn { width:100%;}
input.btn_01 {margin-top:10px; padding:3px; width:100px;}
img { border: 0;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
p{ margin:0; padding:0; text-align:left; color:#4e4e4e; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
td { margin:0px; text-align:left; line-height:24px; color:#000; font-size:11px; font-family:Verdana; padding-left:3px; padding-right:3px;}
ul,li {margin:0; padding:0; list-style:none; }
a{ color:#025087; text-decoration:none; font-weight:bold;}
a:hover { color:#881600; }
.display{ display:block; float:none;}
.dis_fl{ float:left; display:block;}
.dis_fl h3{ color:#881600; font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; font-weight:bold; margin-top:10px; padding-bottom:5px; padding-left:5px;}
.dis_fl h2{ color:#881600; font-family:Georgia,"Times New Roman",Times,serif; font-size:14px; font-weight:bold; margin-top:30px; padding-left:5px; padding-bottom:10px;}
.dis_fr{ float:right; display:block;}
.clear {clear:both; height:1px; }
/*
-----------------------------------------------------------------------------
Template Styles
-----------------------------------------------------------------------------*/
#wrapper{ width:936px; display:block; margin:auto;}
/*
-----------------------------------------------------------------------------
Header Styles
-----------------------------------------------------------------------------*/
#header{ background:url(../images/header.png) no-repeat; width:906px; height:155px; padding-left:30px; }
#header_in{ display:block; z-index:1; position:relative;}
#header #logo{ width:192px; height:134px; float:left; }
#header .right{ width:600px; float:right; text-align:right; margin-right:20px;}
#header .top_p{ width:auto; height:107px;}
#header .top_imh{ background:url(../images/image_base.png) no-repeat; text-align:left; width:147px; height:107px; float:left;}
#header .top_imh img{ padding-top:11px; padding-left:4px; width:135px; height:84px;}
#header .top_sm{ width:auto; text-align:right;}
#header .tp_sec{ height:28px; text-align:right; width:590px; margin-right:10px;}
#header .tp_sec li{ float:left; margin-right:15px;}
#header .tp_sec ul{ float:right;}
/*
-----------------------------------------------------------------------------
Content Styles
-----------------------------------------------------------------------------*/
#content{ width:926px; padding-left:8px; padding-right:2px; margin:auto;}
#cont_top{ background:url(../images/cen_top.png) no-repeat; width:919px; height:11px;}
#cont_cen{ background:url(../images/cen_bg.png) repeat-y; width:919px; padding-top:10px; padding-bottom:20px;}
#cont_bot{ background:url(../images/bot_bg.png) no-repeat; height:10px; width:919px; }
#cont_cen .lf_con{ width:222px; float:left; padding-left:8px;}
#cont_cen .rf_con{ width:679px; float:left; }
#cont_cen .nav{ background:url(../images/cen_navi.png) repeat-y; width:189px; text-align:left; padding-left:10px; padding-right:10px;}
#cont_cen .nav_bot{ background:url(../images/navi_bot.png) no-repeat; width:209px; height:19px;}
#cont_cen h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#ffffff; padding-top:8px; text-align:left; padding-left:20px;}
#cont_cen .nav .breif{ padding-left:10px; padding-top:10px;}
#cont_cen .nav .breif li{ background:url(../images/arrow_red.gif) left 4px no-repeat; padding-left:8px; padding-bottom:5px;}
#cont_cen .blue_top { background:url(../images/bkue_top.png) no-repeat; width:209px; height:35px;}
#cont_cen .red_top{ background:url(../images/red_top.png) no-repeat; width:209px; height:32px;}
#cont_cen .shell{ width:639px; margin:auto;}
#cont_cen .top_text{ background:url(../images/top_text.png) top no-repeat; height:10px; overflow:hidden; width:639px;}
#cont_cen .cen_text{ background:url(../images/cen_text.png) repeat-y; width:609px; text-align: justify; padding-left:10px; padding-right:20px;}
#cont_cen .bot_text{ background: url(../images/bot_text.png) no-repeat; height:12px; width:639px;}
#cont_cen .cen_text h2{ font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#881600; padding-bottom:5px; margin-top:10px;}
#cont_cen .cen_text h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; padding-left:0; font-weight:bold; color:#881600; padding-bottom:10px;}
#cont_cen .cen_text .imgae_back{ background:url(../images/image_back.png) no-repeat; width:210px; height:143px; float:right; margin-bottom:5px; margin-top:3px; margin-left:10px; }
#cont_cen .cen_text .imgae{width:180px; float:right; margin-bottom:5px; margin-left:10px; margin-right:10px; }
#cont_cen .cen_text .imgae_back_long{ background:url(../images/image_back_02.png) no-repeat; width:210px; height:255px; float:right; margin-bottom:5px; margin-top:3px; margin-left:10px; }
#cont_cen .cen_text .imgae_back img{ height:133px; width:200px;}
#cont_cen .cen_text .imgae_back_long img{ height:242px; width:200px;}
#cont_cen .cen_text h3{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#881600; padding-bottom:5px;}
#cont_cen .cen_text p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:justify; color:#3b2713; line-height:16px; padding-bottom:20px;}
ul.blue { margin-left:20px; padding-bottom:10px; padding-top:5px;}
ul.blue li {list-style-type:circle; padding-top:3px; padding-bottom:3px;}
#cont_cen .cen_text ul { margin-left:20px; padding-bottom:10px; padding-top:5px;}
#cont_cen .cen_text li {list-style-type:circle; padding-top:3px; padding-bottom:3px;}
/*
-----------------------------------------------------------------------------
Sitemap Styles
-----------------------------------------------------------------------------*/
.sitemap_wrapper { width: 600px; margin: 0 auto; }
.sitemap_right { float:right; width: 150px; }
.sitemap_left { float:left; width: 150px; }
.sitemap_center { float:left; margin: 0 10px; }
.box_right { float:left; width: 250px; }
.box_left { float:right; width: 300px; }
.clearfix { display: block; height: 0; clear: both; visibility: hidden; }
.award { background-image:url(../images/school_spanish_award.jpg); no-repeat; width:205px; }
ul.sitemap a { color:#025087; text-decoration:none; font-weight:normal;}
.cen_text_sitemap { background:url(../images/cen_text_sitemap.png) no-repeat; width:609px; text-align: justify; padding-left:10px; padding-right:20px; height:350px;}
.cen_text_sitemap h3{font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color:#881600; padding-bottom:5px;}
ul.sivukartta a { color:#025087; text-decoration:none; font-weight:normal;}
.cen_text_sivukartta { background:url(../images/cen_text_sitemap.png) no-repeat; width:609px; text-align: justify; padding-left:25px; padding-right:25px; height:350px;}
.cen_text_sivukartta h3{font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color:#881600; padding-bottom:5px;}
.sivukartta_wrapper { width: 600px; margin: 0 auto; }
.sivukartta_right { float:right; width: 150px; }
.sivukartta_left { float:left; margin-right:60px; width:165px;}
.sivukartta_center { float:left; margin: 0 10px; }
/*
-----------------------------------------------------------------------------
Footer Styles
-----------------------------------------------------------------------------*/
#footer { background:url(../images/footer.png) no-repeat; width:936px; height:42px; margin-top:10px; display:block; text-align:center;}
#footer p{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px; padding-top:20px; text-align:center;}
#footer a{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px;}
.dis{ background:url(../images/back_bg.png) no-repeat; width:662px; height:393px;padding-top:12px; padding-left:13px; text-align:left;}
.south_map{ width:134px; height:146px; margin:auto; padding-left:30px;}
.forty{ float:left; margin-left:15px; text-align:center; margin-top:70px;}
.forty a{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#9d0000;}
* {margin:0; padding:0}
#gallery {position:relative; width:434px; padding:10px; z-index:1; position:relative;}
#images { height:222px; }
#image {position:relative; width:434px; height:290px; background: url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; width:431px; height:267px;}
#thumbwrapper {margin-top:10px; width:383px; height:75px;}
#thumbarea {position:relative; overflow:hidden; width:403px; height:75px; margin-left:-5px; }
#thumbs {position:absolute;list-style:none;margin-left:5px;height:75px;width:10000px;}
#thumbs li {float:left; background: url(../images/thumb_base.jpg) no-repeat; margin-right:6px; width:96px; height:63px; cursor:pointer; list-style-type:none; }
#thumbs img{ width:92px; height:58px;}
.imgnav {position:absolute;height:375px;width:20%;z-index:100;height:375px;width:20%;z-index:100;outline:none;cursor:pointer;}
#previmg {left:-11px; background:url(../images/left.gif) left center no-repeat;}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(../images/overlay.png); }
* html #overlay{
background-color: #333;
back\ground-color: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}
.left_arrow{ background:url(../images/left_arrow.jpg) bottom no-repeat; float:left; vertical-align:baseline;z-index:2; position:relative; margin:auto; width:17px; height: inherit; height:auto !important; height:150px; min-height:150px;}
.left_arrow a{ display:block; width:30px;height:auto !important; height:150px; min-height:150px;}
.right_arrow{ background: url(../images/right_arrow.jpg) bottom no-repeat; float:left; vertical-align:baseline;z-index:2; position:relative; margin:auto; width:17px; height: inherit; height:auto !important; height:150px; min-height:20%;}
.right_arrow a{ display:block; width:30px;height:auto !important; height:150px; min-height:150px;}
.caption{font-style:italic;color:#887;}
.demo{position:relative; float:left;width:610px; margin-left:10px; padding-top:20px;}
.gallery_demo{width:300px;margin:auto; float:left;}
.gallery_demo li{ border:1px solid #000000; margin: 0 2px; width:75px; height:70px; float:left; margin-bottom:15px; padding:6px; padding-top:0; padding-bottom:0; display:block; }
.gallery_demo img{ border:1px solid #000000; width:500px; }
.gallery_demo a{ bborder:1px solid #000000; width:70px; height:70px;}
.gallery_demo li.hover{border:1px solid #A70405;}
.gallery_demo li.active{ border:1px solid #A70405;}
.gallery_demo li.active img { border:1px solid #A70405;}
#main_image1{ float:left; border:1px solid #000000; width:auto !important; width:30px; min-width:30px; height:auto !important; height:30px; min-height:30px; text-align:left; margin-left:3px; margin-right:3px; padding:9px; margin-bottom:10px;}
#main_image1 img{border:1px solid #000000; float:left; vertical-align:middle; width:520px; }
.questionBox {padding:5px 5px 5px 5px;}
.label {padding:10px 10px 10px 10px;}
.language {
height: 26px;
display: block;
text-align: center;
padding-bottom: 20px;
}
.topnavi {
height: 26px;
display: block;
padding-left: 23px;
}
.topnavi a {
background:url(../images/blue_sub_rf_main.png) right no-repeat;
float: left;
text-decoration:none;
font: bold 11px Verdana,
}
.topnavi a span {
background:url(../images/blue_sub_lf_main.png) left no-repeat;
float: left;
padding-left: 8px;
line-height: 26px;
color: #010101;
padding-right: 8px;
height: 26px;
display: block;
}
.topnavi a:hover {
background:url(../images/blue_sub_rf.png) right no-repeat;
float: left;
display: block;
text-decoration:none;
}
.topnavi a:hover span {
background:url(../images/blue_sub_lf.png) left no-repeat;
float: left;
padding-left: 8px;
line-height: 26px;
color: #ffffff;
padding-right: 8px;
height: 26px;
display: block;
}
.topnavi .selected a {
background:url(../images/blue_sub_rf.png) right no-repeat;
float: left;
display: block;
text-decoration:none;
}
.topnavi .selected a span {
background:url(../images/blue_sub_lf.png) left no-repeat;
float: left;
padding-left: 8px;
line-height: 26px;
color: #fff;
padding-right: 8px;
height: 26px;
display: block;
}
.topnavi li {
float: left;
margin-left: 3px;
}
.topnavi_sitemap {
height: 26px;
display: block;
}
.topnavi_sitemap h3{font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#881600; padding-bottom:5px;}
.topnavi_sivukartta {
height: 26px;
display: block;
}
.topnavi_sivukartta h3{font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#881600; padding-bottom:5px;}
#cont_cen .table_prices h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color:#fff; }
#cont_cen .table_prices th { background-color:#0c7aa6; padding-left:5px; padding-right:5px;}
#cont_cen .table_prices tr { background-color:##F7F6F2; }
#cont_cen table ul { margin-left:20px; padding-bottom:10px; padding-top:5px; }
#cont_cen table li {list-style-type:circle; padding-top:3px; padding-bottom:3px; text-align:left;}
#cont_cen table div {text-align:left;}
#cont_cen ol { margin-left:20px; padding-bottom:10px; padding-top:5px; }
#cont_cen ol li {list-style-type:decimal !important; padding-top:3px; padding-bottom:3px; text-align:left;}