@import url("reset.css");

/* @group General */

body{background: url(../images/bgImage.jpg) repeat-x top left; text-align:center; font-size:12px;
}


/***********seperator****************/

/* @group Mylayout */
#outerContainer{width:960px; position:relative; margin: 0 auto; }
#container{ }

/***********seperator****************/

/* @group header */
#header{ }
#header #logo{ background: url(../images/logo.jpg) no-repeat  center; width:527px; height:385px; margin:0 auto; }
#header #logo h1 a{ width:527px; height:385px; display:block; border:0px; text-decoration:none;}
#header #logo h1 a span,#header #logo h1 span{visibility:hidden;}

#header #languages { }
#header #languages ul{ }
#header #languages ul li{ }
#header #languages ul li a{ }
#header #languages ul li.first{ }
#header #languages ul li.last{ }
#header #languages ul li.selected { }

#header #search { }
#header #search form{ }
#header #search form input{ }
#header #search form input.sub_btn{ }

#header #menu {display:none; }
#header #menu ol { }
#header #menu ol li{ }
#header #menu ol li a { }
#header #menu ol li a:hover { }
#header #menu ol li.first { }
#header #menu ol li.last { }
#header #menu ol li.selected{ }
/* @end */

/***********seperator****************/

#menu{position:absolute; width:480px; height:56px;  background: url(../images/menuBg.png) no-repeat left top; top:270px; left:110px; z-index:3;}
#menu ul{ margin:12px 0 5px 5px;}
#menu ul li{ float:left; font:italic 18px/150% Georgia, Verdana, sans-serif; padding:0 5px 0 5px; border-right:1px solid #333;}
#menu ul li.last{border:0px;}
#menu ul li.selected a{color:#CC0000;}
#menu ul li a{ text-decoration:none; color:#333;}
#menu ul li a:hover{ text-decoration:none; color:#CC0000;}

#facilities{position:absolute; left:100px; top:390px; width:400px;  float:left;}
#facilities span.atSheraton{ position:absolute; left:250px; background:url(../images/atSheraton.png) no-repeat left top; width:292px; height:44px; z-index:20;}
#facilities span.photos{ position:absolute; left:10px; top:-30px;z-index:10;}
#facilities span em{visibility:hidden; position:absolute; z-index:20;}

#page{ text-align:left; width:760px; 	 position:absolute; top:250px; right:70px; z-index:1;  background: url(../images/pageBG.png) no-repeat left top; height:auto; }
#page h4{margin:120px 20px 30px 20px; font:italic 25px/130% Georgia, Verdana, sans-serif; color:#fff; background-color:#cc0000; padding:5px 35px 5px 5px; letter-spacing:-1px; width:410px;}
#page h5 {margin:-20px 20px 30px 20px; font:italic 14px/130% Georgia, Verdana, sans-serif; color:#fff; background-color:#cc0000; padding:5px;  width:710px;}
#page h4 sup{font:15px Verdana, sans-serif; }
#page ul{  margin:10px  20px 10px 20px; float:left;}
#page ul li{border-bottom:2px solid #eaeaea; margin:5px 0 5px 0; padding:0 0 3px 0; float:left; display:block; width:100%;}
#page ul li span.time{font:italic 20px Georgia, Verdana, sans-serif; margin:0 0 0 0;  color:#cc0000; width:140px; display:block; float:left; }
#page ul li span.distr{font:normal 19px/120% Georgia, Verdana, sans-serif;  letter-spacing:-1px;color:#333;  margin:2px 10px 2px 145px; width:512px;   display:block; }
#page ul li span.title{font:italic 14px Georgia, Verdana, sans-serif; color:#333;margin:2px 10px 7px 145px; width:512px; display:block; }
#page span.pdf{width:100%; text-align:right; float:right;font:italic 12px Georgia, Verdana, sans-serif;}
#page span.pdf a{text-decoration:underline; color:#cc0000;}
#page p{margin:10px  25px 10px 25px; font:italic 15px/150% Georgia, Verdana, sans-serif;}
#page p a{ text-decoration:underline; color:#cc0000;}
#page ol.presenta{ margin:0 0 0 20px;font:italic 16px/150% Georgia, verdana,sans-serif; }
#page ol.presenta li{ margin:10px 0 10px 20px;font:italic 16px/150% Georgia, verdana,sans-serif;list-style-type:lower-roman; }

#page ol.presenta li a{border-bottom:1px dotted #cc0000;text-decoration:none;color:#888;}
#page ol.presenta li a:hover{border:0px;color:#cc0000;}

#page ol.presenta li a em{font:normal 13px/150% Georgia, verdana,sans-serif; color:#696969;}
#page div.slide{ border:3px solid #eaeaea; float:left; margin:20px 4px 0 25px; display:block;}
#page div.slide h6{font:bold italic 16px/150% Georgia, Verdana, sans-serif; color:#333; margin:3px; letter-spacing: -1px;}
#page div.slide ul{ margin:10px;}
#page div.slide ul li{border-bottom:0px; font:normal 14px/140% Georgia, Verdana, sans-serif;  margin:0 0 0 0;}
#page div.slide ul li span{font-weight:bold; font-style:italic;}
#page div.slide ul li a{text-decoration:none; color:#cc0000; }

#page div.slide img{margin:5px; float:left;}
.width1{width:40%;}
.width2{width:78%;}

#msg{position:absolute; left:190px; top:400px; text-align:left;color:#333; }
#msg h2{font:italic 2.8em Georgia, Verdana, sans-serif;letter-spacing:-2px;}
#msg p{font:normal 1.8em Georgia, Verdana, sans-serif;margin:3px 0 0 0; letter-spacing:-1px;}

#agenda #blockPad, #press #blockPad,#contact #blockPad, #gallery #blockPad , #scolarships #blockPad {position:absolute; right:20px; top:190px; width:346px; height:269px; background: url(../images/bgblockPadsm.png) no-repeat left top; padding:53px 10px 15px 9px; text-align:left;z-index:40;  }


#blockPad{position:absolute; right:20px; top:190px; width:346px; height:420px; background: url(../images/bgblockPad.png) no-repeat left top; padding:53px 10px 15px 9px; text-align:left;z-index:40;  }
#blockPad #date{ background: url(../images/date.gif) no-repeat left top; width:328px; height:77px;}
#blockPad #date h2{display:none; }
#blockPad h3{ font:normal 1.6em/130% Georgia, Palatino,sans-serif; letter-spacing:-1px;  width:304px; color:#585858; background:transparent url(../images/leftEars.gif) no-repeat left top; margin:15px 0 0 6px; padding:2px 0 0 5px;float:left;}
#blockPad h3 span{ margin:0 0 0 5px; display:block; float:left; background: url(../images/rightEars.gif) no-repeat 110px 80px;}

#blockPad dl{float:left; width:325px; display:block; margin:30px 0 0 5px; font:normal .9em Arial, verdana,sans-serif; color:#333; }
#blockPad dl dt{ width:135px; float:left; margin:0; padding:20px 0 0 0 ; display:block;}
#blockPad dl dd{width:180px;border-left:3px solid #CE0000;  padding:0 0 0 3px;display:block;float:left; margin:0 0 0 4px; }
#blockPad dl dd ul{}
#blockPad dl dd ul li{}
#blockPad dl dd ul li a{ text-decoration:none; color:#CE0000;}
#blockPad dl dd ul li a:hover{text-decoration:underline;}



/***********seperator****************/

/* @group footer */

#home #footer{ position:absolute; top:720px; left:140px ;}
#agenda #footer{ position:absolute; top:1400px; right:0px ;}
#press #footer{ position:absolute; top:1400px; right:0px ;}
#contact #footer{ position:absolute; top:1350px; right:0px ;}
#gallery #footer{ position:absolute; top:1400px; right:0px ;}
#scolarships #footer{ position:absolute; top:800px; right:0px ;}


#footer { margin:0 60px 0 0;  border-top:2px solid #666; padding:10px 0 0 0; width:780px; float:right;}
#footer #quickMenu{ }
#footer #quickMenu ol{ }
#footer #quickMenu ol li{ float:left; width:120px; margin:5px 0 0 4px; padding:0 0 0 0; display:block; font: italic .9em Arial, verdana, sans-serif; color:#333;}
#footer #quickMenu ol li.first{ width:130px; margin:0 20px 0 5px; }
#footer #quickMenu ol li.first a{padding:0; }
#footer #quickMenu ol li.first a img{border:0px; margin:0 0 0 0; padding:0 0 0 0;}
#footer #quickMenu ol li.first a:hover img{border:0px; }
#footer #quickMenu ol li.last{ }
#footer #quickMenu ol li.akep{ margin-top:18px;}
#footer #quickMenu ol li a{padding:10px 0 0;  }
#footer #quickMenu ol li a img{border:3px solid #fff; margin:15px 0 0 0; padding:5px; }
#footer #quickMenu ol li a:hover img{border:3px solid #ccc; }


/* @end */