.floatleft { float: left; }
.floatright { float: right;}
.clear { clear: both; }

h1
{
	color: #666666;
	font: 18px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	margin-top: 0px;
}

h2
{
	color: #999999;
	font: 14px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
}
p
{
	margin-top: 0px;
}



#outerContainer {
min-width: 760px;
max-width: 1024px;
text-align: center;
width:expression(document.body.clientWidth < 760? "760px" : document.body.clientWidth > 1024? "1024px" : "auto");
margin-left: auto;
margin-right: auto;
text-align: center;
}

#workshopPageTopBanner {
height: 60;
padding-top: 10px;
text-align: left;
border-bottom: 1px solid #CCCCCC;
}

#workshopPageDisplayArea {
width: 100%;
margin-top: 20px;
margin-left: 0px;
margin-bottom: 20px;
text-align: left;
/* background-color: #FF0000; */
}

#bottomNavigationArea {
width: 100%;
height: 30px;
color: #999999;
margin-top: 0px;
margin-left: 0px;
background-color: #FFFFFF;
border-top: 1px solid #999999;
text-align: right;
}
#bottomNavigationAreaLeft{
float: left;
font: 12px "Century Gothic", sans-serif;
list-style: none;
margin-top: 10px;
padding: 0px;
border: none;
}
#bottomNavigationAreaLeft a {
text-decoration: none;
color: #999999;
border-right: 1px solid white;
}

#bottomNavigationAreaLeft a:link, #bottomNavigationAreaLeft a:visited {
color: #999999;
text-decoration: none;
outline: none;
}

#bottomNavigationAreaLeft a:hover, #bottomNavigationAreaLeft a:focus {
color: #333333;
}

#bottomNavigationAreaLeft a:active {
color: #999999;
outline: none;
}

#bottomNavigationAreaRight ul {
float: right;
font: 12px "Century Gothic", sans-serif;
list-style: none;
margin-top: 10px;
margin-right: -5px;
padding: 0px;
border: none;
}
#bottomNavigationArea ul li {
margin: 0px;
padding: 0px 5px 0px 5px;
display: inline;
}
#bottomNavigationArea ul li a {
text-decoration: none;
color: #999999;
border-right: 1px solid white;
}

#bottomNavigationArea ul li a:link, #bottomNavigationArea ul li a:visited {
color: #999999;
text-decoration: none;
outline: none;
}

#bottomNavigationArea ul li a:hover, #bottomNavigationArea ul li a:focus {
color: #333333;
}

#bottomNavigationArea ul li a:active {
color: #999999;
outline: none;
}

#leftNavigationMenuArea {
float: left;
}
.leftNavigationMenu{
font: 15px Verdana, Tahoma, sans-serif;
list-style: none;
margin-left: 0px;
padding: 0px;
border: none;
}
.leftNavigationMenu li {
margin: 0px;
color: #999999;
padding: 0px 5px 0px 5px;
}
.leftNavigationMenu a {
text-decoration: none;
color: #999999;
border-right: 1px solid white;
}
/*
#leftNavigationMenu ul li a:link, #workshopNavigation ul li a:visited {
color: #999999;
text-decoration: none;
outline: none;
}
*/
.leftNavigationMenu li a:hover, .leftNavigationMenu li a:focus {
color: #333333;
}
/*
#leftNavigationMenu ul li a:active {
color: #999999;
outline: none;
}
*/

.leftNavigationMenu li .current {
color: #333333;
}
.workshopListArea {
margin-left: 240px;
}

.workshopList {
height: 148px;
border-bottom: 1px solid #999999;
}


.workshopListImage {
float: left;
margin-top: 10px;
margin-right: 20px;
}

.workshopListTable {
margin-top: 5px;
font: 12px Verdana, Tahoma, sans-serif;
color: #999999;
}

td.workshopTitle {
font: 14px Verdana, Tahoma, sans-serif;
color: #999999;
	margin-top: 0px;
	margin-bottom: 0px;

}

tr td a {
text-decoration: none;
color: #999999;
}

tr td a:hover{
color: #333333;
}

.workshopListImageAreaImage img {
outline: none;
border: 0;
}

.workshopListImageAreaImage a:link, .workshopListImageAreaImage a:visited, .workshopListImageAreaImage a:active {
text-decoration: none;
outline: none;
border: 0;
}

.workshopListImageAreaImage a:hover {
text-decoration: none;
outline: none;
}

#workshopDetailsArea {
width: 600px;
text-align: justify;
color: #666666;
margin-left: auto;
margin-right: auto;
font: 12px Verdana, Tahoma, sans-serif;
}

#oneWidePhotoAndText {
width: 750px;
float: right;
text-align: center;
margin-bottom: 10px;
}

#theText {
margin-top: 10px;
text-align: justify;
font: 13px Verdana, Tahoma, sans-serif;
color: #999999;
}
#theText a {
text-decoration: none;
color: #666666;
}

#theText a:link, #theText a:visited {
color: #666666;
text-decoration: none;
outline: none;
}

#theText a:hover, #theText a:focus {
color: #333333;
}

#theText a:active {
color: #666666;
outline: none;
}
}

#justText {
width: 750px;
float: right;
text-align: justify;
font: 12px Verdana, Tahoma, sans-serif;
color: #666666;
}

#keepNavItemsUnderText {
width: 750px;
float: right;
text-align: center;
margin-bottom: 10px;
}