/* home page redesign styles for 08 - mbajszar */

    /*TYPOGRAPHY
    ----------------------------------*/
    h1 {color:#1a97dd; padding:0; font-size:26px;}
    h2 {color:#1a97dd; padding:0; font-size:26px;}
    #main #homewrapper a {color:#1a97dd; font-weight:bold;}
    #infomeetingContainer #month {font-size:10px;}
    
    #wrapper{background:url(/_imgs/hsy/home08/bg-transparent.gif) repeat-y top left;}

    /*LAYOUT
    ----------------------------------*/
    #main {width: 776px; background: url(/_imgs/hsy/home08/mainbg.gif) repeat-y top left; padding: 0; margin: 0;}    
    #main #homewrapper {padding: 0; margin: 0;}    
    #main #homewrapper .innerContent {padding: 0 5px 0 15px; margin: 0;}
    #main #homewrapper #topContentContainer {width:776px; height:315px; background:transparent url(/_imgs/hsy/home08/bg-wood.jpg) bottom left no-repeat; border-bottom:4px solid #fff;}
    #main #homewrapper .bg5 {height:315px; background:transparent url(/_imgs/hsy/home08/bg-wood-paper.jpg) bottom left no-repeat;}
    #main #homewrapper .more {background:url(/_imgs/hsy/home08/arrow.gif) no-repeat right 5px; padding:0 10px 0 0;}
    #main #homewrapper #column2 .more {margin:0 20px 0 0;}
    
    #destination, #dest-alt, #custom, #video, #faq, #gb, #brochure, #ib {height:315px; min-height:315px; width:776px;}
    
    #destination {background:transparent url(/_imgs/hsy/home08/bg-dest.jpg) bottom left no-repeat; position:relative;}
    
    #dest-alt {background:transparent url(/_imgs/hsy/home08/bg-europe.jpg) bottom left no-repeat; position:relative;}
    #destinationContainer {left:242px; top:0; position:absolute;}
   
    /*Description Box
	----------------------------------*/
    #destination .description, #dest-alt .description {position:relative; left:0; top:87px; background:url(/_imgs/hsy/home08/box/bottom.gif) right bottom no-repeat; padding:0; width:261px; }
    #dest-alt .description {top: 87px;}
	#destination .description p, #dest-alt .description p {background:transparent url(/_imgs/hsy/home08/box/top.gif) top right no-repeat; padding:10px 15px 13px 20px;}
	#dest-alt .description p {background:transparent url(/_imgs/hsy/home08/box/top.gif) top right no-repeat;}
    #destination #choose, #dest-alt #choose {position:absolute; width:250px; top:36px; left:299px; padding:0;}
    
    #destination #choose h1, #dest-alt #choose h1 {line-height:1.1; color:#88ba03; width: 229px;}
    #destination #destList, #dest-alt #destList {margin:26px 0 0 0;}
    #destination #destList .postshow, #dest-alt #destList .postshow {float:left; width:114px; margin:0 5px 8px 0;}
    #destination #destList .postshow a, #dest-alt #destList .postshow a {color:#5c7800; font-size:12px;}
    #destination #flashholder, #dest-alt #flashholder {position:absolute; left:0px; width: 492px; height: 315px;}
    #destination #flashholder #homeFlash, #dest-alt #flashholder #homeFlash {padding: 0px; width:492px; height:315px;}
    
    #destination .description p a {color:#333 !important; font-weight:normal !important; font-size:11px;}
    
    #custom {background:transparent url(/_imgs/hsy/home08/bg-custom.jpg) bottom left no-repeat;}
    #custom .description {float:left; width:275px; margin:35px 57px 0 0; padding:0 0 0 100px;}
    #custom h2 {line-height:.8; color:#88ba03; margin:0 0 15px 0;}
    #custom p {color:#5f7916; font-size:12px; font-weight:bold; line-height:1.6;}
    #custom img {margin:22px 0 0 0;}
    
    #video {background:transparent url(/_imgs/hsy/home08/bg-spiral.jpg) bottom left no-repeat;}
    #video .description {float:left; width:265px; margin:35px 65px 0 0; padding:0 0 0 100px;}
    #video h2 {line-height:.8; color:#88ba03; margin:0 0 25px 0;}
    #video p {color:#5f7916; font-size:12px; font-weight:bold; line-height:1.6;}
    #video #movieholder {padding-right:10px; float:right; background: transparent url(/_imgs/hsy/home08/video-bg.gif) top left no-repeat; width: 332px; height: 275px;}
    #video #movieholder #myHSYVideo, #video #movieholder #SWFObjectExprInst {margin: 4px 0 0 4px; width:320px; height:262px;}
    #video #movieholder #myHSYVideo p {padding: 10px;color: #fff;font-size: 1em;}
    #video #noflash {padding: 40px 20px; color: #fff;}
    #video #noflash p {color: #fff;}
    
    #faq {background:transparent url(/_imgs/hsy/home08/bg-faq.jpg) bottom left no-repeat;}
    #faq .description {float:left; width:265px; margin:35px 0 0 0; padding:0 0 0 100px;}
    #faq h2 {line-height:.8; color:#88ba03; margin:0 0 25px 0;}
    #faq ul li {margin:0 0 15px 0; padding: 0 0 0 20px; background:url(/_imgs/hsy/home08/arrow-faq.gif) no-repeat left 4px; color:#5c7800; width:265px;}
    #faq ul li a {color:#5c7800 !important; font-size:12px;}
    
    #gb {background:transparent url(/_imgs/hsy/home08/bg-GB.jpg) bottom left no-repeat;}
    #gb .description {float:left; width:275px; margin:35px 57px 0 0; padding:0 0 0 100px;}
    #gb h2 {line-height:.8; color:#88ba03; margin:0 0 15px 0;}
    #gb p {color:#5f7916; font-size:12px; font-weight:bold; line-height:1.6;}
    #gb img {margin:22px 0 0 0;}
    
    #brochure {background:transparent url(/_imgs/hsy/home08/bg-brochure.jpg) bottom left no-repeat;}
    #brochure .description {float:left; width:275px; margin:35px 57px 0 0; padding:0 0 0 100px;}
    #brochure h2 {line-height:1; color:#88ba03; margin:0 0 15px 0;}
    #brochure p {color:#5f7916; font-size:12px; font-weight:bold; line-height:1.6;}
    #brochure img {margin:22px 0 0 0;}
    #brochure #getBrochure {float:right; margin:200px 55px 0 0;}
    
    #ib {background:transparent url(/_imgs/hsy/home08/bg-ib.jpg) bottom left no-repeat;}
    #ib .description {float:left; width:275px; margin:35px 57px 0 0; padding:0 0 0 100px;}
    #ib h2 {line-height:.9; color:#88ba03; margin:0 0 15px 0;}
    #ib p {color:#5f7916; font-size:12px; font-weight:bold; line-height:1.6;}
    #ib img {margin:22px 0 0 0;}
    
    /*PROMOS
    ----------------------------------*/
    #promoContainer {padding:0; margin:0; width:776px; background:#fdf7bb url(/_imgs/hsy/home08/promobg.gif) repeat-x;}
    #noPromo {padding:0; margin:0; width:776px; background:transparent url(/_imgs/hsy/home08/bottomCurve2.gif) bottom left no-repeat;}
	#promoAsia #noPromo {background:transparent url(/_imgs/hsy/home08/bottomCurve_asia.gif) bottom left no-repeat;}
    #promoWrapper {padding:0; margin:0; width:776px; background:transparent url(/_imgs/hsy/home08/bottomCurve.gif) bottom left no-repeat;}
	#promoAsia #promoWrapper {background:transparent url(/_imgs/hsy/home08/bottomCurve_asia.gif) bottom left no-repeat;}

    #promoWrapper #buttonPrev .prev, #promoWrapper #buttonNext .next {width:30px; height:30px; cursor:pointer;}
    #promoWrapper #buttonPrev, #promoWrapper #buttonNext {width:50px; vertical-align:middle; text-align:center;}
    #promoWrapper td {margin:0; padding:0;}
    .promoCarousel {width:660px; padding:0 0 0 0; height:150px; overflow:hidden;}
    .carouselWrapper {padding:0; margin:0; height:150px; width:660px;}
    #promoImg {margin: 0; width:200px; vertical-align:middle}
    #promoImg img {background:transparent; border:none;}
    .promoText {z-index:8; background:transparent; width:430px; vertical-align:middle;}
    .promoText h2 {font-size:26px; color:#673f0c !important; line-height:1; text-align:left; width:430px; padding:0 0 10px 0;}
    .promoText h2 a {color:#673f0c !important;}
    .promoText p {background:transparent; width:430px; margin:0; text-align:left; padding:0; line-height:1.2;}
     
    #promoNav {position:relative; margin:-20px auto 25px auto; text-align:center;z-index:10}
    #promoNav img {cursor:pointer; border:none; background:url(/_imgs/hsy/home08/promo-nav-item.gif) top center no-repeat; width:12px; height:12px; margin:0 5px 0 0;}

    /*CONTENT BELOW PROMOS
    ----------------------------------*/
    .innerContent {padding:0; margin:0; background:url(/_imgs/hsy/home08/bg-content.gif) repeat-y top left; width:776px; overflow:hidden;}
    .innerContent .column1, .innerContent .column2 {float:left; width:480px;}
    .innerContent .column1 {width:243px; margin:10px 0 0 0;}
    .innerContent .column2 {border-left:4px solid #c9ddf1;}
    
    #main #homewrapper #promoAsia .innerContent {padding:0px; margin: 0px;}
    #promoAsia .innerContent {background:url(/_imgs/hsy/home08/bg-content_asia.gif) repeat-y top left;}
	#promoAsia .innerContent .column1 {float:left;	width:252px; background-color1:#cccccc; margin-left:6px; margin-top:0px;}
	#promoAsia .innerContent .column2 {float:left;	width:257px; background-color1:#cccccc; margin-left:4px; border-left: none;}
 	#promoAsia .innerContent .column3 {float:right;	width:246px; background-color1:#cccccc; margin-right:7px;}
	* html #promoAsia .innerContent .column1 {margin-left:3px;}
	* html #promoAsia .innerContent .column3 {width:247px; margin-right:3px;}

	.eventContainer {margin:0; padding:0; width:243px; overflow:hidden;}
	.eventContainer h2 {margin:0; padding:0; line-height:1;}
	.eventContainer p {margin:12px 0 5px 0; padding:0; line-height:normal;}
	.eventContainer p.none {padding:10px 0;}
	.eventContainer ul {list-style:none; margin:0; padding:0; width:233px;}
	.eventContainer li {border-top:1px dashed #7ec3ee; display:block; list-style:none; margin:0; padding:8px 0; line-height:1.1;}
	.eventContainer li.first {border-top:none;}
	.eventContainer li .day {float:left; color:#666; width:18px;}
	.eventContainer li .month {margin:0; width:180px; color:#666; font-size:11px;}
	.eventContainer li .info {color:#666;}
	.eventContainer li .month a {display:block;}
	.eventContainer .more {float:right; margin:0 5px 3px 0;}

	.eventContainer .events {border-bottom:1px dashed #7ec3ee;padding-bottom: 7px;margin-bottom: 7px;}
	.eventContainer .events li {border-top:none; display:block; list-style:none; margin:0; padding:0; line-height:1.1;}
	.eventContainer img.free {padding:40px 0 0 0;}

	.noEvent {padding:0; margin:0; width:243px;}
	.noEvent p {background:url(/_imgs/hsy/home08/bg-noevent.jpg) no-repeat bottom left; height:185px; padding:12px 5px 12px 2px; margin:0; line-height:normal;}
    .noEvent img {display:block;}
    .noEvent img.info {border:1px dashed #7ec3ee; padding:3px; margin:10px 0 10px 0;}
    .noEvent div.news img {margin:15px 0 0 30px;}
    
    #myHSY {width:480px; padding:0 20px 0 12px; overflow:hidden;}
    #myHSY h4 {color:#575656; margin:0 0 5px 0;}
    #myHSY p {float:left; width:226px; margin:10px 0 18px 0; padding:0; line-height:normal;}
    #myHSY .more {margin:0 0 0 5px;}
    #myHSY p img {display:block; margin:0 0 15px 0;}
    #myHSY #newBlog {float:left; margin:55px 0 0 15px;}
    #myHSY .myHSYText {float:left; width:180px; margin:2px 18px 10px 0; font-size:12px;}
    #myHSY .submit {float:left; margin:0; padding:2px 0 3px 0; width:55px;}
    
    #scholarship {float:left; width:220px; padding:0 20px 0 12px; overflow:hidden;}
    #scholarship h2 {margin-top:10px;}
    #scholarship p {width:226px; margin:10px 0 18px 0; padding:0; line-height:normal;}
    
    #myHSYasia {float:right; width:180px; padding:0 20px 0 12px; overflow:hidden;}
    #myHSYasia h4 {color:#575656; margin:0 0 5px 0;}
    #myHSYasia p {width:226px; margin:10px 0 18px 0; padding:0; line-height:normal;}
    #myHSYasia .more {margin:0 0 0 5px;}
    #myHSYasia p img {display:block; margin:0 0 15px 0;}
    #myHSYasia .myHSYText {width:180px; margin:2px 18px 10px 0; font-size:12px;}
    #myHSYasia .submit {margin:0; padding:2px 0 3px 0; width:55px;}

    #studentStories {padding:8px 0 0 12px; width:490px; overflow:hidden;}
    #studentStories h2 {margin-bottom:15px;}
    .studentStoryContainer {float:left; width:237px; margin:0; padding:0 0 18px 0; overflow:hidden;height:100px;}
    .studentStoryContainer img {width:75px; height:75px;}
    #studentStories .studentQuote, #studentStories .studentName {float:left; width:140px; margin:0 3px 0 10px;}
    #studentStories .studentQuote {}
    .storyImg {float:left; border:1px dashed #7ec3ee;}
    .storyImg img {margin:3px;}
	
	#promoAsia h2 {color:#1a97dd; padding:0; font-size:22px;}
    #promoAsia #studentStories {padding:5px 10px 10px 10px; width:230px; overflow:hidden;}
    #promoAsia .studentStoryContainer {float:left; width:237px; margin:0; padding:0 0 18px 0; overflow:hidden;}
	#promoAsia .eventContainer {margin:0; padding:5px 10px 10px 10px; width:232px; overflow:hidden;}
	#promoAsia #consultant {margin:0; padding:5px 10px 10px 10px; width:226px; overflow:hidden;}
	#promoAsia #consultant h3 {font-size:12px; font-weight:bold; color:#1a97dd; padding:0; margin:2px 0;}

	#promoAsia #scholarship {margin:0; padding:5px 10px 10px 10px; width:237px; overflow:hidden;}
	#promoAsia #scholarship h2 {margin-top:0px;padding-left:50px; padding-top:5px; background:url(/_imgs/hsy/home08/scholarship.gif) no-repeat top left; height:54px;}
	#promoAsia #Brochure {margin:0; padding:5px 10px 10px 10px; width:226px; overflow:hidden;}
	#promoAsia #Brochure td {padding:2px 5px 2px 5px;}
	#promoAsia #Brochure input {border:1px solid #666;}
    #promoAsia .consultImg img {border:1px dashed #7ec3ee; padding:3px;}
    #promoAsia .moreButton {display:block; border-left:2px solid #FFF; border-top:2px solid #FFF; border-right:2px solid #9d9da1; border-bottom:2px solid #9d9da1; background-color:#e95123; color:#FFF; padding:2px 5px; margin:0px; width:100px; text-align:center}
	#promoAsia #Brochure p.moreButton span a {color:#FFF;}
	#promoAsia div.column2 div.eventContainer div a.moreButton {color:#FFF;}
	#promoAsia div.column2 #scholarship a.moreButton {color:#FFF;}
	

	/* added cleardiv for homepage for now, this needs to be reworked for the whole site as a general clear*/
	.cleardiv{clear:both;}
    div > .cleardiv{clear:both;height:0;visibility:hidden;}