/* CSS Document for GapYearGuru.com */

body { margin:0px; padding: 0px; background-color: #FFFFFF; }

h1 { font-family: verdana, arial, sans serif; color: #00b3b9; font-size: 24px; margin: 6px 0px 6px 0px; font-weight: normal; }
h2 { font-family: verdana, arial, sans serif; color: #292929; font-size: 13px; margin: 6px 0px 6px 0px; font-weight: bold; }
h3 { font-family: arial, sans serif; color: #d21023; font-size: 12px; margin: 10px 0px 2px 0px; font-weight: bold; }
p { font-family: verdana, arial, sans-serif; color: #292929; font-size: 12px; margin: 0px; padding: 0px; text-align: justified; }

ul li { font-family: verdana, arial, sans-serif; color: #292929; font-size: 12px; }

a { text-decoration:none;  }
a:hover { cursor: pointer; } 
a img { border: none; }

form { margin: 0px; padding: 0px; }

/* for forms & tables */
.object { padding: 0px 5px; font-size: 0.8em; font-family: verdana, arial, sans serif;  }
.value { font-size: 0.7em; font-family: verdana, arial, sans serif; }
.value div input { width: 200px; }

.red { color: #d11021; font-size: 0.7em; font-family: verdana, arial, sans serif; }
.error { color: #d11021; }
.required { color: #eb9414; }
.warn { color: #eb9414 !important; }

div.clear { clear: both; }
div.spacer { float: left; height: 5px; line-height: 5px; width:100%; }

div.whole { width: 850px; margin: 5px auto 0px auto; }
div.container { float: left; width: 850px; margin: 0px auto 0px auto;}

div.header { float: left; width: 850px; height: 60px; }

div.header .logo { float: left; width: 660px; }
div.header .contacts { float: left; width:160px; margin-top: 10px; }
div.header .contacts p { float: right; color: #00b3b9; font-family: arial; font-size: 12px; text-align: right; }
div.header .contacts p a { color: #00b3b9; }

div.menu { float: left; width: 100%; height: 20px; }

.menu ul li.highlight a { color: #00b3b9; font-size:14px; }
.menu ul { margin: 0; padding: 0; list-style: none; padding-bottom: 1px; }
.menu ul li { position: relative; float: left; margin: 0px 4px 0px 3px; color: #d21023; font-size:14px; font-family: arial, sans-serif; z-index: 1000; }
.menu ul li a { display: block; font-size:14px; text-decoration: none; color: #d21023; padding: 4px 3px 4px 6px; }
.menu ul li:hover a { color: #00b3b9; text-decoration:none; }
.menu li .dropdown { position: absolute; left: 5px; top: 24px; width: 100px; border: 1px solid cccccc; display:none; padding-bottom: 0px;  padding-right: 0px; background-color : #ffffff; } /* Second level frame */
.menu li .dropdown ul { padding: 0px; margin: 0px; }
.menu ul li .dropdown ul li { float: none; font-size: 0.6em; border-bottom: 1px solid #cccccc; margin: 0px; padding: 0px;  } /* Second level item */
.menu ul li .dropdown ul li a { color: #d21023; margin: 0px; padding: 3px 2px; border: 0px; width: 100%; } /* Second level link */
.menu ul li .dropdown ul li a:hover {color: #00b3b9 }

.menu ul li:hover .dropdown { display: block; } /* The magic */
.menu ul li.over .dropdown { display: block;  }

/*.widemenu { width: 150px !important; }*/

.undermenu { float: left; height:27px; width: 100%; background-image: url('../images/under_menu.jpg'); }
.undermenu2 { float: left; height:27px; width: 100%; background-image: url('../images/under_menu2.jpg'); }

.undermenu3 { float: left; height:32px; width: 100%; background-image: url('../images/under_menu3.jpg'); }
.undermenu3 ul { margin: 0; padding: 0; list-style: none; padding-top: 9px; }
.undermenu3 ul li.highlight a { color: #d21023; font-size:12px; }
.undermenu3 ul li { position: relative; float: left; margin: 0px 3px 0px 3px; color: #00b3b9; font-size:11px; font-family: verdana, arial, sans-serif; }
.undermenu3 ul li a { display: block; font-size:11px; text-decoration: none; color: #00b3b9; padding: 5px 3px 4px 5px; }
.undermenu3 ul li:hover a { color: #d21023; text-decoration:none; }

.quickbar { float: left; width: 856px; height: 161px; }

.quickbar .greybox { float: left; height: 140px; width: 180px; margin:0px; background-color: #e2e2e1; }
.quickbar .greybox img { margin: 12px 14px 8px 14px; }
.quickbar .greybox p { line-height: 20px; font-family: arial; color: #8c8b89; font-size: 11px; padding-left: 14px; padding-right: 14px; }
.quickbar .greybox p a { color: #8c8b89; text-decoration: underline; }
.quickbar .greybox ul { margin: 0; padding: 0; list-style-type:none; text-align:left; z-index:2000; margin-left: 14px; }
.quickbar .greybox ul li { line-height: 18px; font-family: arial; font-size: 11px; margin-left: 14px; margin-right: 14px; list-style-image:url(../images/bullet2.jpg); color: #8c8b89; }
.quickbar .greybox ul li a { color: #8c8b89; text-decoration: underline; } 
.quickbar .whitespace { float: left; height: 140px; width: 44px; margin:0px; }

.quickbar .insert { float: right; height: 161px; width: 228px; }

.main { width: 850px;  }
.contentleft { width: 609px; float: left; }
.widecontent { width: 850px; float: left; }
.movie { border: 1px solid #d21023; width: 318px; height: 213px; margin: 0px auto}

.week-image { float: left; height: 335px; width: 610px; margin: 0px auto; background-image: url('../images/image-of-the-week.jpg'); position:relative; z-index: 10;}
.center-image { height: 296px; width: 394px; position: absolute; top: 15px; left: 15px; z-index: 2; }
.center-words { height: 200px; width: 165px; position: absolute; top: 70px; left: 420px; z-index: 2; }
.center-words p { color: #4e4e4e; font-family: Verdana; font-size: 15px; margin: 2px; }

.gallery { width: 770px; height: 600px; margin: 0px auto; }

.essentials { width: 241px; float: left; }
.essentials .header { width: 241px; height: 55px; float: right; background-image: url('../images/the_essentials.jpg'); }
.essentials .header2 { width: 241px; height: 55px; float: right; background-image: url('../images/member_benefits.jpg'); }
.essentials .leftborder { float: left; width: 18px; height: 100%; border-right: 1px solid #979696; }
.essentials .runningpoints { border-left: 1px solid #979696; margin-left: 18px; padding: 8px; }
.essentials .runningpoints h3 a { color: #d21023; }
.essentials .runningpoints p { color: #00b3b9; font-size: 10px; }
.essentials .runningpoints p a { color: #00b3b9; font-weight: bold; text-decoration: underline; text-align: right; font-size: 9px;  }
.essentials .signup { border-left: 1px solid #979696; margin-left: 18px; padding-left: 8px; }


.rightbox { width: 241px; float: left; }
.rightbox .rheader { width: 241px; float: right; height: 49px; background-image: url('../images/right_header.jpg'); }
.rightbox .rheader h3 { margin-left: 30px; }
.rightbox .rheader p { float: right; font-family: arial; color: #ffffff; font-size: 16px; margin: -5px 5px 0px 0px; }
.rightbox .header2 { width: 241px; height: 55px; float: right; background-image: url('../images/member_benefits.jpg'); }
.rightbox .leftborder { float: left; width: 18px; height: 100%; border-right: 1px solid #979696; }
.rightbox .runningpoints { border-left: 1px solid #979696; margin-left: 18px; padding: 8px; }
.rightbox .runningpoints h3 a { color: #d21023; }
.rightbox .runningpoints p { color: #00b3b9; font-size: 10px; }
.rightbox .runningpoints p a { color: #00b3b9; font-weight: bold; text-decoration: underline; text-align: right; font-size: 9px;  }
.rightbox .signup { border-left: 1px solid #979696; margin-left: 18px; padding-left: 8px; }

.rightbox .qheader { width: 241px; float: right; height: 49px; background-image: url('../images/quote_header.jpg'); }
.rightbox .qheader h3 { margin-left: 30px; color: #fff; }
.rightbox .qheader p { float: right; font-family: arial; color: #ffffff; font-size: 16px; margin: -5px 5px 0px 0px; }

.smallquote { float: right; width: 222px; height: 250px; margin: 0px auto; background-image: url('../images/small-quote.jpg'); position:relative; }
.smallquote .quote-image { height: 120px; width: 160px; position: absolute; top: 33px; left: 29px; }
.smallquote .quote-words { height: 56px; width: 160px; position: absolute; top: 160px; left: 29px; }
.smallquote .quote-words p { color: #4e4e4e; font-family: Verdana; font-size: 10px; margin: 0px; padding:0px; }

.midtable { margin: 0px auto; }

.feature { display:inline; float:left; width: 606px; margin: 0px; margin-top: -5px; padding:0px; background-image:url('../images/roundbox_middle.jpg'); }
.feature p { padding: 0px 20px 0px 20px; }
.feature p a { padding: 0px; }
.feature p img { display:block; }
.featurehead { float:left; width: 606px; height: 26px; margin-top: 20px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 5px; background-image: url('../images/roundbox_top.jpg'); }
.featurefoot { float:left; width: 606px; height: 33px; margin: 0px; padding: 0px; background-image: url('../images/roundbox_bottom.jpg');  }


div.footer { float: right; background-image: url('../images/footer_background.jpg'); height: 50px; width: 875px; }
div.footer div.shortcuts { float:left; margin: 28px 0px 0px 72px; width: 300px; }
div.footer div.shortcuts p { text-align: center; float: left; margin: 0px 2px 0px 2px; font-family: verdana, arial, sans serif; font-size: 10px; color: #fefefe; }
div.footer div.shortcuts p a { text-decoration: none; color: #fefefe; }
div.footer div.shortcuts p a:hover { text-decoration: none; color: #000000; }
div.footer div.copyright { float: left; margin-left: 40px; margin-top: 28px; width:450px; }
div.footer div.copyright p { font-size: 9px; color: #c9c9c9; }
div.footer div.copyright p a { text-decoration: none; color: #c9c9c9; }
div.footer div.copyright p a:hover { color: #fefefe; }