/* Type */
* { font-family:Arial, Helvetica, sans-serif; color:#333333; }
p { margin:0px 0px 10px 0px; font-family:inherit; }
h1 { font-size:34px; line-height:44px; font-weight:normal; margin:0px 0px 10px 0px; font-family:'StRyde'; }
h2 { font-size:24px; line-height:34px; font-weight:normal; margin:0px 0px 5px 0px; font-family:'StRyde'; }
h3 { font-size:18px; line-height:26px; font-weight:normal; margin:0px 0px 3px 0px; font-family:'StRyde'; }
h4 { font-size:16px; line-height:20px; font-weight:normal; margin:0px 0px 0px 0px; font-family:'StRyde'; }
h5 { font-size:11px; line-height:20px; font-weight:bold; }
a:link, a:visited { color:#0099FF; text-decoration:none; font-family:inherit; }
a:hover, a:active { color:#0099FF; text-decoration:underline; font-family:inherit; }
hr { margin:0px 15px 20px 15px; } 
img { border:none; }

/* Fonts */
@font-face { 
font-family: 'StRyde'; 
src: url('template/fonts/stryde-regular-webfont.eot'); 
src: url('template/fonts/stryde-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('template/fonts/stryde-regular-webfont.woff') format('woff'),
	 url('template/fonts/stryde-regular-webfont.ttf') format('truetype'),
	 url('template/fonts/stryde-regular-webfont.svg#StRyde') format('svg'); 
}

/* Body */
.body { margin:0px; padding:0px; background:#FFF; text-align:center; }

/* Navigation */ 
.nav {  margin:0px; padding:0px; display:inline-block; height:45px; background:url(template/header/header-navigation.png) no-repeat; }
.nav1 { width:125px; background-position:0px 0px; }
.nav1o, .nav1:hover, .nav1:active { width:125px; background-position:0px -45px; }
.nav2 { width:160px; background-position:-125px 0px; }
.nav2o, .nav2:hover, .nav2:active { width:160px; background-position:-125px -45px; }
.nav3 { width:200px; background-position:-285px 0px; }
.nav3o, .nav3:hover, .nav3:active { width:200px; background-position:-285px -45px; }
.nav4 { width:175px; background-position:-485px 0px; } 
.nav4o, .nav4:hover, .nav4:active { width:175px; background-position:-485px -45px; }
.nav5 { width:175px; background-position:-660px 0px; } 
.nav5o, .nav5:hover, .nav5:active { width:175px; background-position:-660px -45px; }
.nav6 { width:135px; background-position:-835px 0px; } 
.nav6o, .nav6:hover, .nav6:active { width:135px; background-position:-835px -45px; }

/* SubNavigation */ 
.subnav_container { position:relative; float:left; margin:0px; padding:0px; color:#FFF; text-align:left; }
.subnav { display:block; width:178px; height:35px; background:#FFF; margin:-5px 0px 0px 0px; padding:0px; font-size:12px; text-align:left; line-height:35px; border:1px solid #DDD; }
.subnav1 { position:absolute; z-index:999; left:0px; }
.subnav1_1, .subnav1_1:visited, .subnav1_1:link { color:#555; text-decoration:none; padding:0px 10px; }
.subnav1_1o, .subnav1_1:hover, .subnav1_1:active, .subnav1_1o:link, .subnav1_1o:visited, .subnav1_1o:hover, .subnav1_1o:active { color:#555; text-decoration:none; padding:0px 10px; background:#F1F1F1; }
.subnav2 { position:absolute; z-index:999; left:125px; }
.subnav2_1, .subnav2_1:visited, .subnav2_1:link { color:#555; text-decoration:none; padding:0px 10px; }
.subnav2_1o, .subnav2_1:hover, .subnav2_1:active, .subnav2_1o:link, .subnav2_1o:visited, .subnav2_1o:hover, .subnav2_1o:active { color:#555; text-decoration:none; padding:0px 10px; background:#F1F1F1; }
.subnav3 { position:absolute; z-index:999; left:285px; }
.subnav3_1, .subnav3_1:visited, .subnav3_1:link { color:#555; text-decoration:none; padding:0px 10px; }
.subnav3_1o, .subnav3_1:hover, .subnav3_1:active, .subnav3_1o:link, .subnav3_1o:visited, .subnav3_1o:hover, .subnav3_1o:active { color:#555; text-decoration:none; padding:0px 10px; background:#F1F1F1; }
.subnav4 { position:absolute; z-index:999; left:485px; }
.subnav4_1, .subnav4_1:visited, .subnav4_1:link { color:#555; text-decoration:none; padding:0px 10px; }
.subnav4_1o, .subnav4_1:hover, .subnav4_1:active, .subnav4_1o:link, .subnav4_1o:visited, .subnav4_1o:hover, .subnav4_1o:active { color:#555; text-decoration:none; padding:0px 10px; background:#F1F1F1; }
.subnav5 { position:absolute; z-index:999; left:660px; }
.subnav5_1, .subnav5_1:visited, .subnav5_1:link { color:#555; text-decoration:none; padding:0px 10px; }
.subnav5_1o, .subnav5_1:hover, .subnav5_1:active, .subnav5_1o:link, .subnav5_1o:visited, .subnav5_1o:hover, .subnav5_1o:active { color:#555; text-decoration:none; padding:0px 10px; background:#F1F1F1; }
.subnav6 { position:absolute; z-index:999; left:835px; }
.subnav6_1, .subnav6_1:visited, .subnav6_1:link { color:#555; text-decoration:none; padding:0px 10px; }
.subnav6_1o, .subnav6_1:hover, .subnav6_1:active, .subnav6_1o:link, .subnav6_1o:visited, .subnav6_1o:hover, .subnav6_1o:active { color:#555; text-decoration:none; padding:0px 10px; background:#F1F1F1; }

/* Top Navigation */
.topnav { margin:7px 0px 0px 0px; padding:0px; display:inline-block; height:35px; background:url(template/header/header-navigation-top.png) no-repeat; }
.topnav1 { width:30px; background-position:0px 0px; }
.topnav1o, .topnav1:hover, .topnav1:active { width:30px; background-position:0px -35px; }
.topnav2 { width:155px; background-position:-30px 0px; }
.topnav2o, .topnav2:hover, .topnav2:active { width:155px; background-position:-30px -35px; }
.topnav3 { width:140px; background-position:-185px 0px; }
.topnav3o, .topnav3:hover, .topnav3:active { width:140px; background-position:-185px -35px; }
.topnav4 { width:155px; background-position:-325px 0px; }
.topnav4o, .topnav4:hover, .topnav4:active { width:155px; background-position:-325px -35px; }

/* Header */
.header_container { margin:0px; padding:0px; background:#FFF url(template/background/background-header.png) repeat-x; height:150px; }
.header { margin:0px auto; padding:0px; width:970px; border-spacing:0px; border-collapse:collapse; }
.header_navigation { margin:0px auto; padding:0px; text-align:center; width:970px; }
.header_subnavigation { margin:0px auto; padding:0px; text-align:left; width:970px; }
.header_top_navigation { margin:0px; padding:0px; text-align:right; width:480px; }
.header_menu { margin:5px 0px; padding:0px; font-size:11px; color:#333333; line-height:18px; text-align:right; }
.header_menu a:link, .header_menu a:visited { color:#333; text-decoration:none; font-weight:bold; }
.header_menu a:hover, .header_menu a:active { color:#333; text-decoration:underline ; font-weight:bold; }
.header_text { margin:20px 0px 0px 0px; padding:0px; font-size:11px; font-weight:normal; color:#666; text-align:right; float:right; display:inline; }
.header_text a:link, .header_text a:visited { color:#0099FF; text-decoration:none; }
.header_text a:hover, .header_text a:active { color:#0099FF; text-decoration:underline; }

/* Content */
.content_container { margin:0px auto; padding:20px 0px; background:#FFF url(template/background/background.png) repeat-x; }
.content_feature { margin:0px auto 20px auto; padding:0px; width:950px; border:20px solid #EAEAEA; background:#FFF; }
.content { margin:0px auto; padding:0px; width:990px; border:20px solid #EAEAEA; background:#FFF; }
.content_popup { margin:0px auto; padding:0px; width:660px; border-spacing:0px; border-collapse:collapse; }
.content_sidebar_small { width:250px; vertical-align:top; background:#F9F9F9; }
.content_sidebar { width:290px; vertical-align:top; background:#F9F9F9; }
.content_sidebar_large { width:350px; vertical-align:top; background:#F9F9F9; }
.content_main { vertical-align:top; }

/* Footer */
.footer_container { margin:0px; padding:0px; background: linear-gradient(to bottom, #F1F1F1 0%,#E0E0E0 100%); min-height:200px; border-top:5px solid #EAEAEA; overflow:auto; }
.footer_friends { margin:0px auto 20px; min-width:970px; max-width:1270px; width:100%; overflow:auto; }
.footer { display:block; margin:0px auto 10px auto; padding:0px; min-width:970px; max-width:1270px; width:100%; border-spacing:0px; border-collapse:collapse; text-align:left; }
.footer_menu { display:inline-block; width:auto; min-width:14%; font-size:11px; color:#999; margin:15px 0px 15px 2%; padding:0px; line-height:22px; text-align:left; float:left; }
.footer_menu p { margin:0px; }
.footer_menu .text_bold { color:#666; }
.footer_menu a:link, .footer_menu a:visited { color:#666; text-decoration:none;  }
.footer_menu a:hover, .footer_menu a:active { color:#666; text-decoration:underline; }
.footer_menu ul { margin:0px; padding:0px; list-style:none; }
.footer_menu li { margin:0px; padding:0px 0px 0px 0px; list-style:none; }
.footer_icon { display:inline; margin:5px 5px 0px 0px; }
.footer_text { font-size:11px; font-weight:normal; color:#999; line-height:20px; margin:0px; padding:0px; text-align:right; }
.footer_text a:link, .footer_text a:visited { color:#999; text-decoration:none;	}
.footer_text a:hover, .footer_text a:active { color:#333333; text-decoration:underline; }

/* Containers */
.container { margin:0px 20px 20px 20px; }
.container_text { margin:0px 20px 25px 20px; font-size:12px; line-height:22px; text-align:left; }
.container_text_border { margin:0px 20px 25px 20px; font-size:12px; line-height:22px; text-align:left; border-bottom:1px solid #DDD; }
.container_border { margin:0px 15px 25px 15px; padding:20px; font-size:12px; line-height:22px; text-align:left; border:1px solid #DDD; background:#F9F9F9; }
.container_title_small { margin:20px 20px 10px 20px; text-align:left; font-size:30px; color:#444; font-family:"StRyde",Arial, Helvetica, sans-serif; }
.container_title { margin:25px 20px 10px 20px; text-align:left; font-size:30px; color:#444; font-family:"StRyde",Arial, Helvetica, sans-serif; }
.container_title_large { margin:30px 20px 10px 20px; text-align:left; font-size:30px; color:#444; font-family:"StRyde",Arial, Helvetica, sans-serif; }
.container_section_small { margin:0px 20px 5px 20px; text-align:left; font-size:22px; color:#444; font-family:"StRyde",Arial, Helvetica, sans-serif; }
.container_section { margin:0px 20px 5px 20px; text-align:left; font-size:22px; color:#444; font-family:"StRyde",Arial, Helvetica, sans-serif; }
.container_section_large { margin:10px 20px 5px 20px; text-align:left; font-size:22px; color:#444; font-family:"StRyde",Arial, Helvetica, sans-serif; }
.container_data { margin:0px 20px 25px 20px; font-size:12px; line-height:16px; text-align:left; }

/* Text */
.text_xsmall { font-size:9px; line-height:16px; }
.text_small { font-size:10px; line-height:18px; }
.text { font-size:12px; line-height:20px; }
.text_large { font-size:14px; line-height:24px; }
.text_xlarge { font-size:18px; line-height:30px; }
.text_xxlarge { font-size:22px; line-height:36px; }
.text_bold { font-weight:bold; }
.text_italic { font-style:italic; }
.text_color_a { color:#F63; }
.text_color_b { color:#F90; }
.text_color_c { color:#FFF; }
.text_color_d { color:#CCC; }
.text_color_e { color:#000; }
.text_color_f { color:#069; }

/* Form */
.form_body { margin:0px; padding:0px; }
.form_field_small { font-size:11px; line-height:20px; height:20px; color:#333; border:1px solid #CCC; padding:0px 0px 0px 5px; }
.form_field { font-size:12px; line-height:25px; height:25px; color:#333; border:1px solid #CCC; padding:0px 0px 0px 5px; }
.form_field_large { font-size:14px; line-height:30px; height:30px; color:#333; border:1px solid #CCC; padding:0px 0px 0px 5px; }
.form_button_small { font-size:10px; line-height:22px; height:22px; font-weight:bold; color:#FFF; background-color:#0099FF; border:1px solid #999; padding:0px 10px;  -webkit-appearance:none; }
.form_button_small:hover { background-color:#F60; -webkit-appearance:none; }
.form_button { font-size:12px; line-height:25px; height:25px; font-weight:bold; color:#FFF; background-color:#0099FF; border:1px solid #999; padding:0px 14px; -webkit-appearance:none; }
.form_button:hover { background-color:#F60; -webkit-appearance:none; }
.form_button_large { font-size:14px; line-height:30px; height:30px; font-weight:bold; color:#FFF; background-color:#0099FF; border:1px solid #999; padding:0px 20px; -webkit-appearance:none; }
.form_button_large:hover { background-color:#F60; -webkit-appearance:none; }
.form_textarea_small {  font-size:10px; color:#333; }
.form_textarea { font-size:11px; color:#333; }
.form_textarea_large { font-size:13px; color:#333; }

/* Message */
.message { font-size:13px; font-weight:bold; }
.message_fail { font-size:13px; font-weight:bold; color:#C00; }
.message_success { font-size:13px; font-weight:bold; color:#390; }

/* Image */
.image_right { margin:5px 0px 5px 15px; float:right; }
.image_left { margin:5px 15px 5px 0px; float:left; }
.image_center { margin:5px auto 5px auto; display:block; }
.image_border { border:3px solid #DDD; }

/* Photo Gallery */
.photo_gallery_thumb { margin:0px 3px 3px 0px; border:2px solid #000; }
.photo_gallery_thumb_active { margin:0px 3px 3px 0px; border:2px solid #999; }
.photo_gallery_image { border:0px solid #999; display:block; vertical-align:middle; }
.photo_gallery_menu { font-size:20px; color:#999; margin:0px 0px 10px 15px; }
.photo_gallery_title { font-size:20px; color:#999; margin:0px 0px 10px 15px; }
.photo_gallery_description { font-size:12px; color:#333; margin:0px 3px 3px 15px; }

/* Products */
.products_container { margin:0px 0px 25px 0px; font-size:12px; line-height:24px; text-align:left; }
.products_thumb { display:block; width:180px; height:180px; margin:30px 15px 5px 15px; padding:0px; border:3px solid #DDD; }
.products_thumb_name { display:block; width:180px; min-height:40px; margin:0px 15px 5px 15px; padding:0px; font-size:11px; line-height:18px; font-weight:bold; }
.products_image { display:block; width:300px; height:300px; margin:0px 30px 0px 0px; padding:0px; border:3px solid #DDD; }

/* Tutors */
.tutor_thumb { display:block; width:100px; height:100px; margin:0px; padding:0px; border:3px solid #DDD; display:table-cell; text-align:center; vertical-align:middle; }
.tutor_image { display:block; width:180px; height:180px; margin:25px 0px 15px 0px; padding:0px; border:10px solid #DDD; }
.tutor_thumb_display { margin:0px 0px -4px 0px; }
.tutor_summary_name { margin:5px 0px 0px 0px; padding:0px; text-align:left; font-size:22px; line-height:30px; color:#444; font-family:"StRyde",Arial, Helvetica, sans-serif; }
.tutor_summary_type { margin:0px; padding:0px; text-align:left; font-size:14px; line-height:24px; font-style:italic; color:#444; }
.tutor_summary_subjects { margin:0px; padding:0px; text-align:left; font-size:11px; line-height:19px; color:#666; }
.tutor_name { margin:25px 0px 0px 0px; padding:0px; text-align:left; font-size:36px; line-height:50px; color:#444; font-family:"StRyde",Arial, Helvetica, sans-serif; }
.tutor_type { margin:0px; padding:0px; text-align:left; font-size:16px; line-height:25px; font-style:italic; color:#444; }
.tutor_subjects { margin:0px; padding:0px; text-align:left; font-size:12px; line-height:20px; color:#666; }
.tutor_connect { margin:10px 0px 0px 0px; padding:0px; text-align:left; font-size:16px; line-height:20px; color:#666; }
.tutor_icon { display:inline-block; margin:0px 5px 0px 0px; vertical-align:middle; }
.tutor_contact { margin:10px 0px 0px 0px; padding:0px; text-align:left; font-size:12px; line-height:20px; color:#666; }
.tutor_specs { display:inline-block; margin:5px 0px 10px 25px; padding:5px 15px; width:200px; font-size:11px; line-height:17px; text-align:left; border:1px solid #DDD; background:#F9F9F9; float:right; font-style:italic; }
.tutor_specs_title { margin:10px 0px 0px 0px; padding:0px; font-size:16px; line-height:22px; color:#444; font-family:"StRyde",Arial, Helvetica, sans-serif; }

/* Ads */
.ad_container_text { margin:0px 20px 15px 20px; padding:0px 0px 5px 0px; font-size:12px; line-height:22px; text-align:left; border-bottom:1px solid #DDD; }
.ad_title { margin:0px 0px 2px 0px; font-size:18px; line-height:20px; font-weight:normal; text-align:left; font-family:'StRyde'; }
.ad_title a:link, .ad_title a:visited { color:#FF7112; text-decoration:none;	}
.ad_title a:hover, .ad_title a:active { color:#FF7112; text-decoration:underline; }
.ad_text { margin:0px 0px 0px 0px; font-size:11px; line-height:20px; text-align:left; }
.ad_link { margin:0px 0px 10px 0px; font-size:11px; line-height:20px; text-align:left; }
.ad_column_container { width:650px; margin:30px 15px 0px 15px; padding:0px; border-collapse:collapse; border-spacing:0px; }
.ad_column_container td { margin:0px; padding:15px 0px 0px 0px; vertical-align:top; }
.ad_column_text { margin:0px 5px 0px 5px; padding:10px; font-size:11px; line-height:20px; text-align:left; border-top:1px solid #DDD; }
.ad_footer_container { margin:0px auto 20px auto; padding:0px; width:990px; border-spacing:0px; border-collapse:collapse; text-align:left; }
.ad_footer_container td { margin:0px; padding:0px 0px 0px 0px; vertical-align:top; }
.ad_footer_text { margin:0px 5px 0px 5px; padding:10px; min-height:105px; font-size:11px; line-height:20px; text-align:left; border:5px solid #EAEAEA; background:#F9F9F9; }
.ad_preview_container { margin:10px 0px; padding:10px; width:280px; min-height:105px; border:5px solid #EAEAEA; background:#FFF; }
.ad_preview_title { margin:0px 0px 2px 0px; font-size:18px; line-height:20px; font-weight:normal; text-align:left; font-family:'StRyde'; color:#FF7112; }
.ad_preview_content { margin:0px 0px 0px 0px; font-size:11px; line-height:20px; text-align:left; }
.ad_preview_link { margin:0px 0px 10px 0px; font-size:11px; line-height:20px; text-align:left; color:#0099FF; }
.ad_icon { position:relative; z-index:111; right:0px; top:-5px; float:right; }

/* Friends */
.friend_container { width:625px; margin:0px 10px 25px 10px; font-size:12px; line-height:16px; text-align:left; border-bottom:1px solid #DDD; }
.friend_container td { padding:3px 7px; }

/* Map */
.map { width:600px; height:400px; border:1px solid #999; margin:20px 0px 0px 0px; }
.map_route { width:600px; }

/* Captcha */
.recaptchatable, .recaptcha_image_cell { background-color:#EAEAEA !important; }
#recaptcha_table { border-color:#999 !important; }
#recaptcha_response_field { border-color:#999 !important; }

/* TinyMCE */
body.mceContentBody { font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#333; line-height:18px; margin:0px; padding:5px; }
.mceContentBody p { font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#333; line-height:18px; margin:0px; padding:0px 0px 10px 0px; }
.mceContentBody a { font-size:11px; font-family:Verdana, Geneva, sans-serif; line-height:18px; }

/* Mobile */
.desktop { display:inherit; }
.mobile { display:none; }