/**
 * HTML CSS File
 */

/* Reset/HTML5 Formatting CSS classes */
html, body, body div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
textarea { overflow: auto; vertical-align:text-top; }
small { font-size: 85%; }
b, strong, th { font-weight: bold; }
td { vertical-align: top; }

/* Setup standard CSS Fixes for common issues */
body { font:13px/1.231 sans-serif; *font-size:small; } /* Font Normalization Hack retained to preserve specificity */
a, a:active, a:visited, a:hover {outline: none;}   /*removes dotted line around links in Firefox browsers & Accessible focus treatment*/
a:link { -webkit-tap-highlight-color: #FF5E99; }	/* Fixes webkit highlighting color for HTML5 */
img {border:0px; outline:none;}	/* remove borders and dotted lines on images */
.ie7 img { -ms-interpolation-mode: bicubic; }	/* Bicubic resizing for non-native sized IMG: */
sub, sup { font-size: 75%; line-height: 0; position: relative; }	/* Set sub, sup without affecting line-height */
sup { top: -0.5em; }
sub { bottom: -0.25em; }
.ie6 legend, .ie7 legend { margin-left: -7px; }		/* Fixes IE Legend treatment  */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }		/* Hand cursor on clickable input elements */
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; }	/* Remove extra padding and inner border in Firefox */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }	/* Remove margins for navigation elements */
/* Make inputs and buttons play nice in Browsers  */
button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; }
/* CSS Clearfix used instead of clear bloaks in the page */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* Standard Formatting CSS classes */
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-sml {font-size:10px !important;}
.text-med {font-size:15px !important;}
.text-big {font-size:17px !important;}
.text-red {color:#c82233 !important;}
.text-blue {color:#0000ff !important;}
.text-yellow {color:#ffff00 !important;}
.text-green {color:#00ff00 !important;}
.text-white {color:#ffffff !important;}
.text-black {color:#000000 !important;}
.left {float:left;}
.right {float:right;}
.point {cursor:pointer !important;}

/* Site System Tags CSS */
html, body {height: 100%; color:#666; font-size:11px; font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, san-serif;}
select, input, textarea {color:#444; /* #444 looks better than black: */}
a, a:active, a:visited {text-decoration:none; color:#0033cc;}
a:hover {text-decoration:underline; color:#cc9900;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/**
 * Placeholder for website styles and CSS. Modify as design requires.
 */

h1 {color:#092143; font-size:21px; font-weight: bold; margin-bottom: 5px; line-height: 24px; 
	font-family : Georgia, "Hoefler Text", "Times New Roman", Times, serif;
	font-style: italic;	text-shadow: #babfc5 0px 3px 3px;}

h2 {border-bottom: 1px solid #6D6D6D; margin: 6px 0 8px 0; padding: 0 0 8px 0;
	font-family : Georgia, "Hoefler Text", "Times New Roman", Times, serif;
	font-variant : small-caps; font-size : 16px; line-height : 24px; font-weight : normal; letter-spacing : 1px; color: #1a194f;}

h3 {font-size: 13px; line-height: 19px; padding: 0 0 8px 0; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #1a194f; margin-bottom: 3px;}

h4 {font-size: 11px; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 3px;}


.top_nav {height:30px; text-align:center; background:url(images/BgTop.jpg) left top repeat-x; position:fixed; top:0px; width:100%; line-height:30px; z-index:100; font-size:13px;}
.top_nav_wrap {position:relative; width:980px; margin:0px auto;}
.top_nav a {margin-right:20px; color:#ffffff; text-transform:uppercase;}
.top_nav a:hover {border-bottom:1px solid #cc9900; text-decoration:none;}

#main-content {width:980px; margin:0px auto;}
.content_tbl {width:100%; font-size:14px; position:relative;}
.content_tbl td{vertical-align:top;}

#logo-content {height:130px; margin:0px 0px 15px 0px; padding:40px 0px 5px 0px; border-bottom:1px solid #cc9900; position:relative;}
.logo-box {float:left;}
.logo-text {position:absolute; bottom:0px; right:0px;}
.logo-text a {margin:0px 10px 0px 10px; color:#666666; text-transform:uppercase; padding-bottom:0px;}
.logo-text a:hover {color:#000000; text-decoration:none;}

.workshop_box {margin-bottom:35px;}
.workshop_box p{margin:9px 0px;}
.workshop_box ol{margin-left:25px;}

.index_slider {margin-bottom:15px;}

.page_slider {float:left; width:400px; height:267px; margin:10px 15px 10px 0px;}

.contact_tbl {border-collapse:separate; border-spacing:2px; margin:10px 0px; width:100%; text-align:center; font-size:11px; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, san-serif; color:#666666;}
.contact_tbl td {vertical-align:middle;}
.contact_tbl label {font-weight:bold; font-size: 12px; line-height:25px;}
.contact_tbl .input_lg {width:220px;}
.contactPop {cursor:pointer;}

.signup_tbl td{padding:3px 0px;}
.signup_tbl tr td:first-child{font-weight:bold;}


.foot-content {height:30px; background:url(images/BgBottom.jpg) left bottom repeat-x; line-height:30px; position:fixed; bottom:0px; width:100%; z-index:100;}
.foot-copy {float:left; width:500px; padding-left:50px;}
.foot-social {float:right; width:190px; height:30px; text-align:right;}
.foot-social div.icon {width:24px; height:24px; margin:4px 10px 0px; display:inline-block;}
.foot-social div.icon-facebook {background:url(images/social-media-icons.png) -24px 0px no-repeat;}
.foot-social div.icon-twitter {background:url(images/social-media-icons.png) -48px 0px no-repeat;}
.foot-social div.icon-linkedin {background:url(images/social-media-icons.png) -72px 0px no-repeat;}
.foot-social div.icon-youtube {background:url(images/social-media-icons.png) -168px 0px no-repeat;}
.icon-newsletter {width:170px; height:25px; margin:4px 0px 0px; float:right; cursor:pointer;}
.icon-more {width:50px; height:20px; margin:10px 0px 0px; float:right; cursor:pointer; background:url(images/more.png) 0px 0px no-repeat;}



/**
 * Placeholder media queries for responsive design. Modify as design requires.
 * These follow after, and will override, the primary ('mobile first') styles
 * The closing /mediaquery comment is required by respond.js min/max-width Media Query polyfill
 */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}/*/mediaquery*/

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}/*/mediaquery*/

/**
 * Print styles inlined to avoid required HTTP connection
 */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}