/* Because media=all is used in the html, it has to be corrected in the CSS */
@media screen {

/* HTML Tag Classes */
html { margin:0px; padding:0px; }
body { margin:0px; padding:0px; color:#000000; font-size:0.75em; font-family:Arial, Helvetica, Sans-serif, _sans; background:#CCCCCC; }
img { border-style:none; }
form { margin:0px; padding:0px; }

h1 { font-size:1.15em; color:#3B91C7; }
h2 { font-size:1.05em; color:#3B91C7; }
h3 { font-size:0.95em; color:#3B91C7; }
h4 { font-size:1.0em; }
h5 { font-size:0.9em; }
h6 { font-size:0.8em; }
p, h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:10px; }


/* Link Tag Classes */
a { color:#624245; text-decoration:underline; }
a:hover { color:#571D1D; text-decoration:underline; }

/* Custom Classes */
.clear { clear:both; height:0px; overflow:hidden; }
.clear5px { clear:both; height:5px; overflow:hidden; }
.clearow { clear:both; height:10px; overflow:hidden; }
.hidden { display:none; }
.photoMargins { float:right; margin-left:10px; margin-bottom:7px; margin-top:3px; }
.photoMarginsAlt { float:left; margin-right:10px; margin-bottom:7px; margin-top:3px; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.nolink { text-decoration:none!important; }
.nolink:hover { text-decoration:underline!important; }

/* Main Page */
#container { width:1002px; margin:0 auto; background:#FFF2DB; background-image:url("../interface/container_back.gif") }
#container_industry { width:1002px; margin:0 auto; background:#FFFFFF; }
.admin_container { padding-top:28px; }

#left { float:left; width:501px; background:#FFF2DB; }
#left_header { background:#6997B2; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, Sans-serif; text-transform:uppercase; float:left; width:100%; height:128px; overflow:hidden; }
#left_header h1 { color:#FFFFFF; padding:85px 0 0 34px; text-transform:uppercase; font-size:3.5em; margin:0 0 -10px 0; width:501px; overflow:hidden; }

.intro_text { float:left; clear:left; margin-top:8px; width:380px; }
#intro_header { background:url("../interface/intro_bg.gif") top left no-repeat; padding-top:5px; padding-left:35px; color:#B7C0A1; font-size:1.6em; }
#intro_text, #intro_text_industry { color:#3B91C7; padding-left:35px; margin-bottom:5px; font-size:0.8em; font-weight:bold; }
#intro_text_industry { padding-left:100px!important; }

.main { clear:both; }
.imain { float:left; }

.content { width:355px; float:left; }
.content_padding { padding-left:36px; padding-top:20px; padding-bottom:20px }
.content_ipad { padding-left:100px; padding-bottom:20px; min-height:250px; width:600px; }

body.medium div.content_padding { font-size:110%; }
body.large div.content_padding { font-size:120%; }

.a_s { font-size:10px; }
.a_m { font-size:13px; }
.a_l { font-size:16px; }

.mainmenu { float:right; width:132px; }
.mainmenu ul { margin:0; padding:0; list-style:none; }
.mainmenu ul li { float:left; clear:left; }
.mainmenu ul li a:hover { background-position:-132px 0px!important; }
.mainmenu ul li a { display:block; width:132px; height:72px; }
.mainmenu ul li a span { display:none; }

.imenu { float:left; width:203px; background-color:#6C9AB4; background-image: url("../interface/industry_menu.jpg");
		 background-position:right; background-repeat:repeat-y; margin-top:15px; margin-bottom:20px; }
.imenu ul { margin:0; padding:0; list-style:none; margin-left:17px; }
.imenu ul li a { background-color:#5B4B4E; display:block; width:166px; height:20px; color:#FFFFFF; text-decoration:none;
	text-decoration:none; font-weight:bold; font-size:11px; padding-left:20px; text-align:left; line-height:20px; }
.imenu ul li a:hover, .imenu ul li a.selected { background-color:#6997B1; text-decoration:none; color:#FFFFFF; }

.mainmenu ul li.accommodation a { background:url("../interface/menu_accommodation.jpg") top left no-repeat; }
.mainmenu ul li.foodanddrink a { background:url("../interface/menu_foodanddrink.jpg") top left no-repeat; }
.mainmenu ul li.gettingaround a { background:url("../interface/menu_gettingaround.jpg") top left no-repeat; }
.mainmenu ul li.thingstodo a { background:url("../interface/menu_thingstodo.jpg") top left no-repeat; }
.mainmenu ul li.aboutthedales a { background:url("../interface/menu_aboutthedales.jpg") top left no-repeat; }
.mainmenu ul li.map a { background:url("../interface/menu_map.jpg") top left no-repeat; }
.mainmenu ul li.home a { background:url("../interface/menu_home.jpg") top left no-repeat; height:20px; }

.mainmenu ul li.submenu_item a { background-color: #6C6263; display:block; width:132px; height:20px; border:1px solid #FFFFFF; color:#FFFFFF; text-decoration:none;
	text-decoration:none; font-weight:bold; font-size:11px; text-align:center; line-height:20px; }
.mainmenu ul li.submenu_item a:hover  { background-color: #5B4B4E; }
.mainmenu ul li.submenu_item a.selected { background-color: #63A4CC }
.mainmenu ul li.submenu_item a.selected:hover { background-color: #3C91C7 }

.mainmenu ul li.subsubmenu_item a { background-color: #B1CEE0; display:block; width:116px; height:18px; border:1px solid #FFFFFF; color:#3B91C7; text-decoration:none;
	font-weight:bold; font-size:11px; text-align:center; line-height:18px; margin-left:8px; border-top:none; }
.mainmenu ul li.subsubmenu_item a:hover  { background-color: #B1CEE0; text-decoration:underline; }
.mainmenu ul li.subsubmenu_item a.selected { background-color: #B1CEE0; text-decoration:underline; }
.mainmenu ul li.subsubmenu_item a.selected:hover { background-color: #B1CEE0; text-decoration:underline; }

#right { float:right; width:501px; background:#B7C0A1; }
#right_header { float:right; height:128px; width:100%;  }
#right_header div.logo, div.logo_industry { float:right; margin-top:47px; padding-right:8px; }
#right_header div.logo a { width:209px; height:72px; display:block; background:url("../interface/YDH_logo.gif") top left no-repeat; }
#right_header div.logo span, div.logo_industry span { display:none; }
div.logo_industry a { width:209px; height:72px; display:block; background:url("../interface/YDH_logo.gif") top left no-repeat; }

.right_main { float:right; width:100%; background:#FFFFFF; }
#right_main_image { padding:1px 0px 1px 1px;  }
#right_main_image img { float:left; }

#footer { height:131px; background:#B7C0A1; }
#left_bottom { float:left;background:url("../interface/industry_footer.gif") top left no-repeat; height:131px; width:501px }
#right_bottom { background:#B7C0A1; }

.left_menu { float:left; clear:both; }
.left_menu ul { margin:10px 0 0 10px; padding:0; list-style:none; }
.left_menu ul li { clear:left; margin-bottom:1px; }
.left_menu ul li a { display:block; width:155px; height:21px; }
.left_menu ul li a span { display:none; }

.left_menu ul li.brochure a { background:url("../interface/text_brochure_request.gif") top left no-repeat; }
.left_menu ul li.requestbrochure a { background:url("../interface/text_requestbrochure.gif") top left no-repeat; }
.left_menu ul li.downloadbrochure a { background:url("../interface/text_downloadbrochure.gif") top left no-repeat; }
.left_menu ul li.contactus a { background:url("../interface/text_contact_us.gif") top left no-repeat; }
.left_menu ul li.special a { background:url("../interface/text_special_interests.gif") top left no-repeat; }
.left_menu ul li.donate a { background:url("../interface/text_dontate_to_the_dales.gif") top left no-repeat; }
.left_menu ul li.testimonials a { background:url("../interface/text_testimonials.gif") top left no-repeat; }
.left_menu ul li.media a { background:url("../interface/text_media.gif") top left no-repeat; }

.right_footer { text-align:right; color:#624245; padding:34px 8px 10px 8px; }
.right_footer_top { padding-top:102px!important }

#home_message { position:absolute; margin-left:242px; margin-top:-270px; font-size:1.5em;}
#message_home_bg { position:absolute; margin-left:254px; margin-top:-267px; }
#home_message div div { padding:13px 22px; }
#message_home_bg div { width:230px; height:174px; background:#B7C0A1; border:1px solid #FFFFFF; opacity:0.4; }
.message_home { width:264px; height:190px; background:url("../interface/message_home_bgquotes.gif") left 80% no-repeat; }
.home_message_flash { margin-top:-271px!important; margin-left:232px!important; }

#message { position:absolute; margin-left:151px; margin-top:-283px; font-size:1.53em; line-height:1.4em; }
#message div div { padding:18px 15px 12px 39px; }
#message_bg { position:absolute; margin-left:178px; margin-top:-277px; border:1px solid #FFFFFF; padding-bottom:65px; opacity:0.4; }
#message_bg div { width:307px; height:114px; background:#0C0D0A; }
.message { width:333px; height:167px; background:url("../interface/message_bgquotes.gif") left 80% no-repeat; }
.message_flash { margin-top:-275px!important; }

#message_content, #message_footer { font-family:Verdana, Arial, Helvetica, Sans-serif; color:#FFFFFF; font-weight:bold; }
#message_footer { padding-left:40px!important; padding-top:0px!important; }

.note { float:left; margin-left:20px; margin-top:12px; width:250px; }

/* User Form */
#uf_reset, #uf_submit { float:right; margin-left:5px; height:21px; width:75px; background-color:#63A4CC; color:#FFFFFF; font-weight:bold; border:solid 1px #FFFFFF }
#uf_reset:hover, #uf_submit:hover { background-color: #3C91C7; }
.uf_form { background-color:#FFFFFF; border:solid 1px #B7C0A1; margin-bottom:20px; float:left; padding:10px; width:299px; }
.uf_element { clear:left; display:block; margin:5px 0pt 0pt; padding:1px 3px; width:299px; }
.uf_bottom { float:left; padding-top:10px; width:100%; }
.uf_text, .uf_area { width:200px; font-family:Arial; }
.uf_form label { display:block; float:left; margin:0pt 0pt 5px; padding:3px 5px; text-align:right; width:80px; }
.uf_checkbox { }

/* System Form */
#sf_reset, #sf_submit, .sf_submit { float:right; margin-left:5px; height:21px; width:75px; background-color:#63A4CC; color:#FFFFFF; font-weight:bold; border:solid 1px #FFFFFF }
#sf_reset:hover, #sf_submit:hover { background-color: #3C91C7; }
.sf_form { background-color:#FFFFFF; border:solid 1px #B7C0A1; margin-bottom:20px; float:left; padding:10px; width:299px; }
.sf_element { clear:left; display:block; margin:5px 0pt 0pt; padding:1px 3px; width:299px; }
.sf_bottom { float:left; padding-top:10px; width:100%; }
.sf_text, .sf_area { width:200px; font-family:Arial; font-size:12px; }
.sf_form label { display:block; float:left; margin:0pt 0pt 5px; padding:3px 5px; text-align:right; width:80px; }
#ajax_loader { float:right; display:none; height:19px; width:73px; background-color:#63A4CC; border:solid 1px #FFFFFF }
#ajax_loader img { padding-left:28px; padding-top:1px }

.motive img { vertical-align:middle; }

}