html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:#000;background:#FFF}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}.group:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.group{display:inline-block}html[xmlns] .group{display:block}* html .group{height:1%}

/*##################################
     _     _  __ _                      _   _                                
 ___| |__ (_)/ _| |_ ___ _ __ ___  __ _| |_(_)_   _____   ___ ___  _ __ ___  
/ __| '_ \| | |_| __/ __| '__/ _ \/ _` | __| \ \ / / _ \ / __/ _ \| '_ ` _ \ 
\__ \ | | | |  _| || (__| | |  __/ (_| | |_| |\ V /  __/| (_| (_) | | | | | |
|___/_| |_|_|_|  \__\___|_|  \___|\__,_|\__|_| \_/ \___(_)___\___/|_| |_| |_|

Colors:

	RedOrange	:	#ae4e26
	DarkGreen	:	#354542
	LightGreen	:	#92b3ac
	
###################################*/

body {font-size:62.5%; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; background: url(../i/body.jpg) repeat;}

.section {width:930px; margin: 0 auto;}
.left {float:left;}
.right {float:right;}

strong {font-weight: bold;}
em {font-style: italic;}


#header {height:159px; width:100%; background: url(../i/header.jpg) repeat-x -100px 0;}
	#header .section {position: relative;}
#header h2 {width:308px; height: 110px; background: url(../i/logo.jpg) no-repeat; position: absolute; top:15px; left:-10px;}
	#header h2 a {text-indent: -9999px; display:block; height:100%; width:100%;}
#header ul.navigation {position: absolute; top:0; right:0;}
#header ul.navigation li {display:inline; position: relative;}
#header ul.navigation li a { text-decoration: none; display:block; float:left; width:142px; height:143px; line-height:150px; position: relative; margin: 0 0 0 10px;}
	#header ul.navigation li a span {font-size: 10px; font-weight: normal; color: #ae4e26; position: absolute; top:15px; left:5px; cursor:pointer;}
	#header ul.navigation li a span.nav_item {position:relative; top:0; left:5px; font-size:1.5em; font-weight:bold; color: #391709;}
#header li ul {position: absolute; background: url(../i/noise.jpg) repeat-x; top:100px; left:-142px; z-index: 100000; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.7); -moz-box-shadow: 0 0 10px rgba(0,0,0,.7); cursor:pointer;}
	#header li ul li a:link, #header li ul li a:visited {display: block; height:40px; line-height:40px; padding:0; text-indent: 5px; margin:0; color: #391709; font-size: 1.2em; width:100%; border-bottom: 1px dashed #ae4e26;}

#header ul.navigation li a:hover,
#header ul.navigation li a:active,
#home #nav_home,
#contact #nav_contact,
#info #nav_info,
#trips #nav_trips {background: url(../i/current.jpg) no-repeat 0 100%;}

#header li ul li a:hover,
#header li ul li a:active {background: #ae4e26 !important; color:#fff;text-shadow: 0 1px 0 rgba(0,0,0,1);}

#content {background: url(../i/noise.jpg) repeat; padding: 25px 0; position: relative;}
	#content_shadow {height:21px; background: url(../i/content_shadow.jpg) repeat-x; width:100%; position: absolute; top:0; left:0; z-index: 1}
#main {float:left; width:540px;}
h1 {color:#ae4e26; font-family: Georgia,Times,serif; font-size:2.4em; font-style: italic; letter-spacing: -1px; margin: 0 0 25px 0;}
h3 {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; color: #ae4e26; font-weight: bold; font-size:1.4em; margin: 0 0 7px 0; padding: 10px 0 0 0; text-transform: capitalize; line-height:1.4em;}
h3.trip_day {width:315px;}

#main p, #main li, #zoom_content p {font-size:1.2em; color: #333; line-height: 1.5em;}


#main p, #zoom_content p {margin: 0 0 15px 0;}

p a:link, p a:visited, #content li a:link, #content li a:visited {color: #ae4e26; text-decoration: none; border-bottom: 1px dotted #ae4e26;}
p a:hover, p a:active, #content li a:hover, #content li a:active {color: #fff; background: #ae4e26; border-bottom: 1px dotted #ae4e26;}

#main li {background: url(../i/bullet.png) no-repeat 0 49%; padding-left:25px; margin: 0 0 15px 0;}
#main ul {padding-bottom: 10px;}

.inset {background: url(../i/inset.jpg) repeat-x; padding: 15px 0 0 15px; margin: 40px 0 0 0; border-bottom: 2px solid #fff;}
.inset ul {position: relative; top:0; left:25px;}
#main .inset ul li {background: url(../i/clock_icon.png) no-repeat 0 50%; margin: 0; display:inline; padding: 10px 35px 10px 20px;}

.programs {width:250px; float:right; margin: 15px; background: url(../i/program_noise.png) repeat-y 0 0;}
.programs h2 {width:249px; position: relative; top:0; left:1px; height:38px; background:url(../i/programs.png) no-repeat 0 0; text-indent: -9999px; margin: 0 0 5px 0; padding:0;}
.programs ul {width:100%; background: url(../i/program_bottom.png) 0 100% no-repeat; padding: 0 5px 5px 10px;}
	.programs ul li ul {width:200px;background:none;padding:0 !important;}
	.programs ul li ul li {font-size:11px !important;background:none !important;list-style:circle;margin:0 0 5px 15px !important;padding:0 !important;}

#contact_form {width:100%; background: url(../i/footer.jpg) 0 0; padding-top:10px; padding-bottom: 4px;}
#contact_form fieldset {margin: 0 0 5px 0; padding: 5px 0;}
label {display:block; font-size:1.2em; color: #391709; margin: 0 0 3px 0; padding-left:10px;}
.text {display: block; width: 93%; padding: 6px; font-size:1.8em; color: #391709;font-family: Georgia,Times,serif;font-style: italic; border:1px solid #ae4e26; background: #fff; margin: 0 0 0 10px;}
textarea.text {height:200px;}
.text:focus {background:#fff7d1; border-style: dotted;}
.submit {float:right; position: relative; top:10px; right:20px;}
input.error, textarea.error {background: #ffb8b3; border: 1px solid #44100d;}
label.error {float:right; margin: 0 10px 10px 0;}
#confirmation, #error {width:525px; height: 70px; display:block; background: url(../i/donation_holder.jpg) no-repeat 0 0; margin: 0 auto 15px; position: relative;}
	#confirmation h4 {font-size: 16px; color:#354542; text-align: center; line-height: 70px;}
	#error h4 {font-size: 16px; color: #44100d; text-align: center; line-height: 70px;}

#secondary {float:right; width:368px;}
.sidebar_module {margin-bottom:15px;}

.left.scholars {margin: 15px 10px 0px 0; border:3px solid #fff;}

#tcap_invite {display: block; text-indent: -9999px; width:370px; height: 44px; background: url(../i/tcap_invite.jpg) no-repeat; position: relative; top:-25px; left: 0; z-index: 1000;}

.teaser {width:368px; height:109px; background: url(../i/sidebar_featured.jpg) no-repeat; position: relative;}
	.teaser h2 {color:#354542; font-family: Georgia,Times,serif; font-size:2em; position: relative; top:16px; left:12px; margin: 0; padding:0;}
		.teaser h2 a,.teaser h5 a {text-decoration: none; color: #354542;}
	.teaser h5 {position:absolute;bottom:13px;left:160px;font-weight:bold;}
	.teaser p {color:#354542; font-size:1em; line-height:1.4em; width: 230px; position: relative; top:25px; left:12px;}
	.teaser img {position: absolute; top:12px; right: 13px;}

#faq_link {display:block; width: 357px; height: 44px; text-indent: -9999px; background: url(../i/faq.png) no-repeat 0 0; margin: 0 auto 10px;}
#fb_link {display:block;width:357px;height:44px;text-indent:-9999px;background:url(../i/fb_button.png) no-repeat 0 0; margin: 0 auto 10px;}

#image_viewer {position: relative; width:370px; height:254px; background: url(../i/img_shadow.jpg) no-repeat center bottom;}
	#image_viewer img {border: 1px solid #666; width:370px; height:233px;}
	.controls {position: absolute; display: block; width:50px; height:40px; line-height:40px; text-decoration: none; color: #ae4e26; background: #fff; z-index: 10000; font-size:24px; font-weight: bold; text-align: center;}
	.controls:hover {color:#fff; background: #ae4e26;}
		#next {top:194px; right:-1px;}
		#prev {top:194px; left:1px;}
		
.letter {margin-bottom:20px;border-bottom:1px solid #ae4e26;}
.letter img.left {margin:0 20px 10px 0;border:3px solid #fff;}
		
#donation_holder {width:525px; height: 70px; display:block; background: url(../i/donation_holder.jpg) no-repeat 0 0; margin: 0 0 15px 0; position: relative;}
#donation_holder h4 {font-weight: bold; font-size:15px; color: rgba(0,0,0,.7); line-height: 68px; text-indent: 15px;}
#donation_holder #donate { position: absolute; top: 12px; right: 12px;}

.trip {margin-bottom: 50px;}
h2 {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; color: #ae4e26; font-weight: bold; font-size:1.4em; margin: 0 0 10px 0; padding: 10px 0 0 0;}
	.trip h2 {width:315px; }
		h2 a {color:#ae4e26; text-decoration: none;}
.trip p {width:315px;}

.info_links {margin: 0 0 15px 0; padding: 10px 0;}
.info_button:link, .info_button:visited {display:block; width:258px; height: 60px; background: url(../i/info_button.jpg) 0 0 no-repeat; line-height: 58px; text-align: center; font-size:13px; color: #333; text-decoration: none; font-weight: bold;}
.info_button:hover {background-position: 0 -60px; color: #222;}
.info_button:active, .info_button_active {background-position: 0 -120px;}

#morocco_buttons {margin:0 0 10px 0;}

#footer {background: url(../i/footer.jpg) repeat-x; height: 143px;}
#footer ul {position: relative; top:40px;}
#footer ul li {display:inline;}
	#footer ul li a:link, #footer ul li a:visited {color:#ae4e26; font-size:1.2em; text-decoration: none; padding: 5px 7px; text-shadow: 0 0 3px rgba(0,0,0,.2);}
	#footer ul li a:hover, #footer ul li a:active {background-color: #ae4e26; color: #fff; -webkit-transition: background-color .3s;}
#footer_tcap {width: 351px; height: 55px; display:block; text-indent: -9999px; background: url(../i/footer_tcap.jpg) no-repeat; float:right; position: relative; top:5px; right:10px;}
#copy {position: relative; top:60px; left:7px; color: #333; font-weight:bold;}