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

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;}

#logo img{margin: 15px 0px 10px 32px;}
.letterStyle {margin:20px 60px 40px 60px;}

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

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

.grey{color:#999;}
.letterStyle {font-style:italic; }
.img-border {border:1px solid #5a3d1b;margin:8px;padding:3px;}



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

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


/*****************************/
/*** Menu - Main ***/
/*****************************/
.mainMenu {padding: 0px 10px; background: url(../images/gsl_bgMenu2.jpg) 0 0 repeat-x; height: 33px;}
.mainMenu ul {margin: 0;padding: 0;list-style-type: none;}
.mainMenu ul li {margin-top:7px; padding: 0px 20px;float: left; font-size:14px;}
.mainMenu ul li a:link, .mainMenu ul li a:visited {text-decoration:none; color:#fff; font-weight:bold;}
.mainMenu ul li a:hover {color:#376EA5;}

/*****************************/
/*** 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:#D7E9FF;border-top:2px solid #202099;color:#039;padding:12px 8px;}	
#gradient-style td{color:#000; font-style:italic; border-top:1px solid #fff;background:#F0F4F9;padding:3px 8px;}
#gradient-style thead tr:hover th{background:#CDF9CD;color:#339;}
#gradient-style a:link,
#gradient-style a:visited,
#gradient-style a:hover,
#gradient-style a:active {color:#349B34; font-weight:bold; text-decoration:none; }
*/

#gradient-style{width:400px;text-align:left;border-collapse:collapse;margin-bottom:20px;}
#gradient-style th{font-weight:bold;background-color:#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 url("../images/gradback.png") repeat-x;padding:3px 8px;}
#gradient-style tfoot tr td{background:#e8edff;font-size:12px;color:#99c;}
#gradient-style tbody tr:hover td{background-color:#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:#eee;}
.tableUpcomingWorkshop tr.alt1	td{background-color:#bbb;}