/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
}

table, tr, td{}
.page-body {
	width: 650px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.page-footer {
	margin: 0 50 0 auto;
	width: 650px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-left:200px;
	text-align: left;
}

.page-body ul, .page-body ol { 
	color: #ffffff;
	margin: 10px 0 30px 25px; 
}

.page-body ul li, 
.page-body ol li { 
	padding: 0; 
	margin: 0 0 5px 0; 
	color: #000000;
	colour: #cccccc;
	line-height: 140%;
	font-size: 100%;		
}

.page-footer p {
	margin: 0;
}
	
.page-footer {
	padding: 5px;
}



a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: block; 
	text-align: left; 
	padding: 5px; 
	background: #ffffff;
	margin: 3px 0 0 0;
}

a.page-options:hover, 
a.page-options:focus {
	color: #99CC00;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}		

p {
	margin: 0 0 10px 0;
	color: #999999;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom:20px;
	padding-left:10px;
	background-image:url(../images/blue_footer.jpg);
	background-repeat: no-repeat;
}

p small, 
li small {
	color: #0099CC;
	font-size: 100%;
}
	
	
img
{
	margin:0px;
	border: 1px solid;
	border-color:#666666;
	opacity:1;
	filter:alpha(opacity=100);
}
a:hover img {
	margin:0px;
	opacity:.7;
	filter:alpha(opacity=70);
}

.main_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 10px;
	padding-bottom: 20px;
	color: #555555;
	padding-top:15px;
	font-weight: bolder;
}
.main_title_small {
	font-size: 11px;
	color: #999999;
	padding-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.dot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
}
.upperBorder{
	border-top:dashed;
	border-top-width:thin;
	border-top-color:#99CC33;
}
.lowerBorder{
	border-bottom:dashed;
	border-bottom-width:1.5px;
	border-bottom-color:#DDDDEE;
}

.mainText
{
	text-align:right;
	font-size: 11px;
	color: #999999;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	vertical-align: text-top;
	text-indent: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #99CC00;
	border-right-color: #99CC00;
	border-bottom-color: #99CC00;
	border-left-color: #99CC00;
}
.mainTextTitle
{
	text-align:left;
	font-size: 11px;
	color: #777777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.mainTextBox
{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color:#99CC00;
}
.imageBox
{
	text-align: right;
}
.CategoryTitle
{
	padding-left: 10px;
	color: #555555;
	padding-top: 5px;
	text-align: left;
	font-size: 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.description
{
	text-align:left;
	font-size: 11px;
	color: #555555;
	padding-right:10px;
	padding-left:5px;
	padding-top: 5px;
	padding-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	white-space: normal;
	font-weight: lighter;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: 15px;
}
.imageCaption
{
	text-align:right;
	font-size: 11px;
	color: #999999;
	padding-right:5px;
	padding-left:5px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: text-top;
	white-space: normal;
	font-weight: lighter;
}
.imageTitle
{
	text-align:right;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #99CC00;
	border-right-width: 1px;
	padding-right:10px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

.descriptionTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	font-weight: bolder;
	text-align:right;
	padding-right:20px;
}
.CourseTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #888888;
	font-weight: bolder;
	text-align: center;
}
.functionText
{
font-weight:roman;
font-size:9px;
font-style:italic;
}

.pageTitle
{
	text-align:left;
	background-image:url(../images/blue.gif);
	padding-left:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-repeat: no-repeat;
}
.indexText
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration: none;
	color:#000000;
}

.indexText:hover {
	text-decoration: none;
	color:#496200;
}
.indexTextTable { 
	opacity:.7;
	filter:alpha(opacity=70);
	background-image:url(../images/blue_botton.gif);
	background-repeat: no-repeat;
}
a
{
	font-weight: bold;
	text-decoration: none;
	colour:#00A9E1;
	color:#CC33CC;
}

.Motive
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration: none;
	color:#888888;
	font-weight:bold;
}

.pdf
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration: none;
	padding-left:5px;
	colour:#C3C;
	font-weight:bold;
	font-style:italic;
}
.pdf:hover
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#C00;
	font-weight:bold;
	border:1px;
}
.meetingTime
{
font-size: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	vertical-align:bottom;
	text-decoration: none;
	color:#62D8FF;
	font-weight:lighter;
}

.contact
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#777777;
padding-left: 20px;
}

.courseTopic{
    font-weight: roman;
	font-size: 11px;
	color: #333333;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px; padding-bottom:5px;
	padding-left:15px;
}

.introWithColor
{
	font-size: 11px;
	color: #333333;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	text-align: justify;
	background-color:#EEE;
}
.introImage
{
	font-size: 9px;
	color: #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding: 5px;
	vertical-align:top;
}
.introTitle
{
	font-size: 12px;
	font-weight:bold;
	color: #555555;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	padding-top:15px;
	padding-left:10px;
	text-align: justify;
}
.schedule
{
	font-size: 11px;
	color:#555555;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:5px;
}
.scheduleHeading
{
	font-size: 11px;
	color:#777777;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:5px;
	font-weight:bold;
}
.footer
{
	margin: 0 0 10px 0;
	color: #999999;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom:20px;
	padding-left:10px;
	background-image:url(../images/blue_footer.gif);
	background-repeat: no-repeat;
}