/*****************************/
/*** 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:#fff}

body {
width:760px;
margin:0 auto;
text-align:center;
}

#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;}
h1 		{padding: 5px 0; margin:10px 0;}
h2 		{padding: 5px 0; margin:10px 0;}
p 		{margin-top: 10px; margin-bottom: 16px;}

#header 			{}
#footer				{}
#content 			{ padding:10px 20px;}
#sub-section 		{}
#footer 			{ padding:20px;}

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

/*****************************/
/*** ALL CSS ***/
/*****************************/
html	{background: url(../images/gsl_bgMain.jpg) 0 0 repeat-x; background-position:bottom;background-color:#282828;}
body 	{font-family: Arial, Helvetica, sans-serif;font-size:12px; color: #F0F0FF; line-height:18px; }
h1 		{color:#fff; font-size:20px;}
h2 		{color:#fff; font-size:15px;}
p 		{}

#header 			{}
#footer				{}
#content 			{background:#316CA5 url(../images/gsl_bgContent.jpg) 0 0 repeat-x; background-position:bottom; border: 2px solid #fff;}
#sub-section 		{}
#footer 			{}
#copyright			{color:#fff;}

.img-border {border:2px solid #fff;margin:8px;padding:3px; background:#fff;}
ul					{list-style: square; margin-left:15px;}

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

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

/*****************************/
/*** Menu - Main ***/
/*****************************/
.mainMenu {}
.mainMenu ul {margin: 0;padding: 0;list-style-type: none;}
.mainMenu ul li {float: left; height:40px; }
.mainMenu ul li a {display:block;text-decoration:none; color:#fff; font-weight:bold; background:transparent url(../images/gsl_bgMenu.jpg) 0 0 no-repeat; padding: 18px 20px 0 2px; }
.mainMenu ul li a:hover{background:transparent url(../images/gsl_bgMenuOver.jpg) 0 0 no-repeat; color:#C8C8C8;} 

/*****************************/
/*** Menu - Training List ***/
/*****************************/
#gradient-style{width:400px;text-align:left;border-collapse:collapse;margin-bottom:20px;}
#gradient-style th{font-weight:bold;background:#b9c9fe;border-top:2px solid #d3ddff;border-bottom:1px solid #fff;color:#039;padding:6px 8px;}	
#gradient-style td{border-bottom:1px solid #fff;color:#669;border-top:1px solid #fff;background:#e8edff;padding:3px 8px;}
#gradient-style tfoot tr td{background:#e8edff;font-size:12px;color:#99c;}
#gradient-style tbody tr:hover td{background:#d0dafd;color:#339;}
#gradient-style a:link,
#gradient-style a:visited,
#gradient-style a:hover,
#gradient-style a:active {color:#000066; font-weight:bold;}


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