/*****************************/
/*** RESET CSS 	***/
/*** http://meyerweb.com/eric/tools/css/reset/ ***/
/*****************************/
/* v1.0 | 20080212 */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****************************/
/*** CSS LAYOUT 	***/
/*** http://www.tjkdesign.com/articles/liquid/7.asp ***/
/*** HTML ***/
/***<div id="header"><h1>header</h1></div>
/***<div id="menu"><h1>menu</h1></div>
/***<div id="content"><h1>content</h1></div>
/***<div id="sub-section"><h1>sub-section</h1></div>
/***<div id="footer"><h1>footer</h1></div> ***/
/*****************************/
html {background:#222}

body {
width: 760px;
margin:0 auto;
text-align:center;
border:1px solid #666;
}

#header,#menu,#content,#sub-section,#footer {
overflow:hidden;
text-align:left;
}

/* safari and opera need this */
#header,#menu,#footer {width:100%}
#content,#sub-section {float:left}
/*#content {width:79.9%}
#sub-section {width:20%}
*/
*#content {width:100%}
#footer {clear:left}

/*****************************/
/*** MARGIN AND PADDING 	***/
/*****************************/

body 	{margin-top: 30px; margin-bottom: 30px;}
h1 		{margin:10px 0;}
h2 		{margin:10px 0;}
p 		{margin-top: 10px; margin-bottom: 16px;}

#header 			{}
#footer				{}
#contentBackground 	{ padding:20px;}
#contentPadding 	{ padding:10px 20px;}
#content 			{}
#sub-section 		{}
#footer 			{}
#copyright			{ padding:10px 20px 0 20px;}

div#logo img{margin: 15px 25px 10px 15px;}

/*****************************/
/*** ALL CSS ***/
/*****************************/
body 	{font-family: Arial,Helvetica,sans-serif;font-size: 12px; color: #000; line-height:18px;background:#fff}
h1 		{color:#C93D18; font-size:20px;}
h2 		{color:#C93D18; font-size:16px;}
p 		{}

#header 			{}
#footer				{}
#contentBackground 	{}
#contentPadding 	{}
#content 			{}
#sub-section 		{}
#footer 			{background: url(../images/gsl_bgCopyright.jpg) 0 0 repeat-x; height: 36px; width:100%;}
#copyright			{color:#ddd;font-style:italic;font-weight:bold;text-align:center; }

div#separatorLogo{background: url(../images/gsl_lineTop.jpg) 0 0 repeat-x; height: 17px; width:100%;}
.img-border {border:1px solid #5a3d1b;margin:8px;padding:3px;}

/*****************************/
/*** Links ***/
/*****************************/

a:link, a:visited {color:#000;}
a:hover {}


/*****************************/
/*** Menu - Main ***/
/*****************************/
.mainMenu {padding: 0px 10px; background: url(../images/gsl_bgMenu.jpg) 0 0 repeat-x; height: 40px;}
.mainMenu ul {margin: 0;padding: 0;list-style-type: none;}
.mainMenu ul li {padding: 10px 30px;float: left; font-size:14px;}
.mainMenu ul li a {text-decoration:none; color:#fff; font-weight:bold;}
.mainMenu ul li a:hover {color:#bbb;}

/*****************************/
/*** Menu - Training List ***/
/*****************************/
#gradient-style{width:500px;text-align:left;border-collapse:collapse;margin-bottom:20px;}
#gradient-style th{font-size:110%;font-weight:bold;background:#ddd;border-top:2px solid #B23A22;color:#039;padding:12px 8px;}	
#gradient-style td{color:#000; font-style:italic; border-top:1px solid #fff;background:#eee;padding:3px 8px;}
#gradient-style thead tr:hover th{background:#FFEDE9;color:#339;}
#gradient-style a:link,
#gradient-style a:visited,
#gradient-style a:hover,
#gradient-style a:active {color:#000; font-weight:bold; text-decoration:none;}


/*****************************/
/*** Table -  Workshop ***/
/*****************************/
.tableUpcomingWorkshop {width:100%;}
.tableUpcomingWorkshop td {padding:3px 6px;vertical-align:middle;}
.tableUpcomingWorkshop td a{color:#000;text-decoration:none;font-weight:bold;}
.tableUpcomingWorkshop tr.alt0	td{background-color:#FFD3CC;}
.tableUpcomingWorkshop tr.alt1	td{background-color:#ccc;}