body
{
	font-size: 14px;
	background-image: url(images/bg.gif);
	color: #646464;
	line-height: 14pt;
	background-repeat: repeat;
	font-family: arial,helvetica,sans-serif;
	text-align: justify;
	text-decoration: none;
}

p.funding
{
	color: #333333;
}

a:link, a:visited, a:active
{
	color: #1085bc;
}

a:hover
{
	color: #0e6086;
}


a.print
{
	font-size: 9px;
	color: #646464;
	list-style-type: circle;
	text-decoration: none;
}

a.print:hover
{
	font-size: 9px;
	color: #646464;
	text-decoration: underline;
}



h1
{
	font-weight: normal;
	font-size: 38px;
	text-transform: capitalize;
	color: #1085bc;
	font-family: Times New Roman, Serif;
	font-variant: small-caps;
	text-decoration: none;
}

h2
{
	font-family: "Gill Sans MT" , helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #1085BC;
	text-decoration: none;
	text-align: justify;
}

.textbox
{
	font-weight: normal;
	font-size: 11px;
	font-family: "AvantGarde Bk BT" , Verdana, Sans-Serif;
}

#wrapperbanner
{
	width: 754px;
	height: 173px;
	border-collapse: collapse;
	background-color: White;
	margin-left: auto;
	margin-right: auto;
}

#wrappercontent
{
	/* padding: 0px 10px 10px 10px;*/
	width: 754px;
	border-collapse: collapse;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
}

#bannerstatic
{
	width: 452px;
	height: 153px;
	background-image: url(images/banner_left.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

#bannerflash
{
	width: 302px;
	height: 173px;
}

#content-main
{
	clear: left;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 5px;
	background: url(images/body_watermark.gif) no-repeat 10px top;
	vertical-align: top;
	overflow: hidden;
	width: 100%;
	text-align: left;
}

#content-page
{
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 5px;
	background: url('images/body_watermark.gif') no-repeat 288px 10px;
	vertical-align: top;
	overflow: hidden;
	width: 100%;
	text-align: left;
	height: 336px;
}

#content-main #wta_flash
{
	margin-left: 20px;
	margin-top: -5px;
	float:right;
}

#contact
{
	border: 1px solid gray;
	width: 100%;
	text-align: center;
}

#contact tr
{
	text-align: center;
}

#contact .imagecaption
{
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1085BC;
}

#contact #address
{
	width: 50%;
	text-align: left;
	padding-left: 10px;
}

/*Table.course
{
	border: 5px solid green;
}*/

#tblCalendar
{
/*
	border: 1px solid Black;
	background-color: Black;
*/
	width: 95%;
	
}

#tblCalendar tr
{
	/*background-color:Blue;*/
}


/*#tblCalendar td
{
	background-color:Lime;
}*/



Table.tblCategory
{
	/*
	border: 1px solid green;
	background-color: Green;
	*/
	border: 2px solid #6699CC;
	width: 100%;
	margin-bottom: 30px;
}

Table.tblCategory tr.CategoryHeader
{
	font-size: 1.2em;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	height: 40px;
	background-image: url(images/calendarcategory_bg.gif);
	background-repeat:repeat-x;
}

Table.tblCategory tr.CategoryHeader td
{
	padding-left: 5px;
}

#tblCourseList td a:link, #tblCourseList td a:hover, #tblCourseList td a:visited
{
	font-size:12px;
	line-height:18px;
}

/* Applied to the main course name (in the main / top course list)when the user selects a 
course */
#tblCourseList td a.selected
{
	color: red;
}




Table.tblCourse
{
	border: 1px dotted #0f6b97;
	width: 100%;
	margin-bottom:30px;	
}

Table.tblCourse tr td
{
	padding: 10px;
}

Table.tblCourse tr.courseHeader
{
	font-size: 0.9em;
	vertical-align:top;
}

Table.tblCourse tr.courseHeader td
{
	border-bottom: 1px  solid #97b4c1;
}

Table.tblCourse td.courseTitle a, td.backtotop a
{
	font-size: 0.8em;
	color: #1085bc;
}

Table.tblCourse tr.courseHeader td.courseTitleSelected
{
	color: Red;
}

Table.tblCourse tr.courseHeader td.courseTitleSelected a
{	
	font-size: 0.8em;
}

Table.tblCourse td.backtotop
{
	text-align: right;
}



.smallText 
{
	font-size: 12px;
}
/*Table.tblCourse span.smallText
{
	font-size: 0.8em;
}*/


Table.tblCourse td.coursePrice, td.courseDuration
{
	text-align:right;
}

Table.tblCourse td.monthName
{
	font-weight:bold;
	background-color:#caecfc;
	color: #819fad;
	text-align:center;
	vertical-align:top;
	padding: 0px;
	margin: 0px;
	height: 20px;
	width: 8%;
	
}

Table.tblCourse td.monthDate
{
	font-size: 0.8em;
	line-height: 1.4em;
	color: #313030;
	background-color:#def0f9;	
	text-align:center;
	padding: 0px;
	margin: 0px;
	height: 40px;	
}

Table.tblCourse span.Town
{
	font-size:0.8em;
}

Table.tblCourse td.monthDateFull
{
	font-size: 0.8em;
	line-height: 1.4em;
	color: #632121;
	
	/*background-color:#def0f9;	*/
	background-color: #a5d2e8;
	text-align:center;
	padding: 0px;
	margin: 0px;
	height: 40px;
	
	background-image:url(images/crossedOut.png);
	background-repeat:no-repeat;	
	background-position:0px;
}






#tblCalendarCourseList td.Selected a
{
	color:Red;
}

/* ******* NAVIGATION ******* */

#navarea
{
	margin-right: 0px;
	width: 128px;
	height: 100%;
	vertical-align: top;
	padding: 0px 10px 10px 10px;
}

#navarea ul
{
	top: 0px;
	margin-left: 0px;
	margin-top: -1px;
	list-style: none;
	padding: 0px;
	background: url(images/nav.gif);
	background-repeat: repeat-y;
	height: 100%;
}

#navarea li a
{
	text-decoration: none;
	display: block;
	background: url(images/nav.gif);
	background-repeat: repeat-y;
	height: 29px;
	width: 128px;
	border-bottom: 2px solid white;
	color: White;
	font-weight: bold;
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
	cursor: pointer;
	text-indent: 5px;
	padding-top: 6px;
}

#navarea a:hover
{
	background-image: none;
	background-color: #074562; /*DarkBlue*/
}

#navarea #nav1 a
{
	background: url(images/nav1.gif);
}

#navarea #nav1 a:hover
{
	background: url(images/nav1_o.gif);
}

#navarea #nav2 a
{
	background: url(images/nav2.gif);
}

#navarea #nav2 a:hover
{
	background: url(images/nav2_o.gif);
}

#navarea #nav3 a
{
	background: url(images/nav3.gif);
}

#navarea #nav3 a:hover
{
	background: url(images/nav3_o.gif);
}

#navarea #nav4 a
{
	background: url(images/nav4.gif);
}

#navarea #nav4 a:hover
{
	background: url(images/nav4_o.gif);
}

#navarea #nav5 a
{
	background: url(images/nav6.gif);
}

#navarea #nav5 a:hover
{
	background: url(images/nav6_o.gif);
}

#navarea #nav6 a
{
	background: url(images/nav6.gif);
}

#navarea #nav6 a:hover
{
	background: url(images/nav6_o.gif);
}

#navarea #navSeaMarshall a
{
	background-image:url(images/SMNav.gif);
	background-repeat:no-repeat;
	height:68px;
	background-position: center center;
}

#navarea #navSeaMarshall a:hover
{
	background-color:#fffe86;
}
/* ******* END OF NAVIGATION ******* */


/* ******* FOOTER ******* */

#footer
{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Sans-Serif;
	font-size: 9px;
	color: #666666;
	width: 754px;
	background-color: White;
	border-left: 10px solid White;
	border-right: 10px solid White;
	border-bottom: 10px solid White;
	margin-left: auto;
	margin-right: auto;
	padding:0 5px 0 5px;
}

#footer #nav
{
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
	height: 42px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

#footer #nav img
{
	border: 0px;
	display: inline;
	float:right;
	top:-15px;
	position:relative;
	
}

#footer a
{
	text-align: left;
	color: #666666;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}


/* ******* END OF FOOTER ******* */


/* ******* DMI ******* */
#dmi
{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Sans-Serif;
	font-size: 9px;
	color: #666666;
	width: 754px;
	background-color: White;
}

#dmi img
{
	border: 0px;
}

#dmi a
{
	color: #666666;
}

#dmi a:hover
{
	text-decoration: underline;
}

/* ******* END OF DMI ******* */


/* ******* COURSE LIST ******* */
table.courselist
{
	margin-left: 20px;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 320px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
}

table.courselist td.header
{
	border-bottom: 2px solid #6699CC;
	background-color: #daebf0;
	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}

table.courselist td
{
	border-bottom: 1px dotted #6699CC;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	background-color: white;
	text-align: left;
	padding-left: 3px;
	line-height: 12px;
}

/* ******* END OF COURSE LIST ******* */

/* ******* COURSE CONTENT ******* */

table.coursecontent
{
	margin-left: 20px;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 550px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
}

table.coursecontent td
{
	border-bottom: 1px dotted #6699CC;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	background-color: white;
	text-align: left;
	padding-left: 3px;
	padding-bottom: 8px;
	padding-top: 2px;
	line-height: 12px;
}

table.coursecontent td.data
{
	font-weight: bold;
}

table.coursecontent td.backtotop
{
	background-color: #daebf0;
	text-align: right;
}

table.coursecontent td.contactus
{
	background-color: #daebf0;
	text-align: left;
}

table.coursecontent td.header, table.coursecontent td.selected
{
	border-bottom: 2px solid #6699CC;
	background-color: #daebf0;
	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}

table.coursecontent td.selected
{
	color: Red;
}

/* ******* END OF COURSE CONTENT ******* */





/* ******* NEWS CONTENT ******* */

table.newscontent
{
	margin-left: 20px;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 550px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
}

table.newscontent td
{
	border-bottom: 1px dotted #6699CC;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 12px; /*color: #404040;*/
	color: #8d8d8d;
	background-color: white;
	text-align: left;
	padding-left: 3px;
	padding-bottom: 8px;
	padding-top: 2px;
	line-height: 16px; /*font-size: 14px; 	background-image: url(images/bg.gif); 	color: #8d8d8d; 	line-height: 14pt; 	background-repeat: repeat; 	font-family: arial,helvetica,sans-serif; 	text-align: justify; 	text-decoration: none;*/
}


table.newscontent td.header
{
	/*border-bottom: 2px solid #6699CC;*/
	border-bottom: 1px dotted #6699CC; /*background-color: #daebf0;*/
	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 14px; /*color: #404040;*/
	color: #1085bc;
}

table.newscontent td.date
{
	/*border-bottom: 2px solid #6699CC;*/
	border-bottom: 1px dotted #6699CC; /*background-color: #daebf0;*/
	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 8px; /*color: #404040;*/ /*color: #1085bc;*/
	color: #404040;
}

/* ******* END OF COURSE CONTENT ******* */



/* ******* Links Table ******* */

Table.links
{
	width: 500px;
}

Table.links th
{
	font-family: "Gill Sans MT" , helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #1085BC;
	text-decoration: none;
	text-align: justify;
	padding-bottom:15px;	
}

Table.links img
{
	padding: 5px;
}

Table.links hr
{
	padding: 20px 0px 20px 0px;
}

Table.links td
{
	vertical-align:top;
	padding-bottom:10px;
}

Table.links a:hover img
{
	padding: 4px;
	border: 1px dotted #0e6086;
}



/* ******* END OF Links Table ******* */



/****************************************/
/* Funding Page							*/
/****************************************/
.pnlSummary, .pnlContact, .pnlDetail
{
	/*height:200px;*/
	width:550px;
}

.uprogContact img, .uprogSummary img, .uprogDetail img
{
	height:16px;
	float:right;
	margin-right:5px;
	top:2px;
	position:relative;
}

.pnlContact div.contact
{
	border:1px dotted gray;
	margin:3px;
}

.pnlContact div.contact .heading
{
	line-height:20px;
	font-size: 14px;
	font-weight:bold;
	font-family: arial,helvetica,sans-serif;	
}

.collapsePanelImg
{
	padding-right:5px;
	height:16px;
	float:left;
}

.collapsePanelHead
{
	
	background-color: #1085bc;
	float:left;
	cursor:pointer;
	width:550px;
	line-height:20px;
	color:White;
	padding-left:5px;
}

.collapsePanelContent
{
	height:0px;
	background-color:White;
	overflow:hidden;
}