﻿body 
{
    /*background-color: #5a67b5;*/
	font-family: Arial;
	font-size: 10pt;
	color: White;
	background-attachment: scroll;
	background-image: url(images/bkground.JPG);
	background-repeat: repeat;
	text-align:center;
}
ul
{
    list-style-type:disc;
    text-indent: 2px;
    padding-left: 15px;
    padding-top: 0px;
    margin-top:0px;
}
#body
{
    width: 748px;
    margin: 0 auto;   /* align for good browsers */
	text-align: left;
}
/* Picture at the top of the site */
#poster
{
    background-repeat: no-repeat;
    background-position:center;
    background-image: url(images/header.jpg);
	margin-right:auto;
	height: 179px;
	width: 748px;
	margin-top:17px;
	position:relative;
}
#title
{
    position:absolute ;
    vertical-align:middle;
    margin-top:65px;
    
}
#main
{
	background-color: #5a67b5;
	margin: 0 0 0 0;
	width: 748px;
	/*padding: 5px 5px 5px 5px;*/
}
#footer
{
	width: 748px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 22px;
    color: white;
    font-weight:bolder;
}
a:visited, a:link, a:hover, a:active
{
	color:White;
    text-decoration:none;
    font-style:italic;
}
/*Menu Classes*/
.menu a:link, a:visited, a:hover, a:active
{
    font-style:normal;
}
.menu
{
    padding: 2px 5px 2px 5px;
    background-color:#5a67b5;
    font-weight:bold;    
    width:100%;
    font-family:Verdana;
    font-size:10pt;
    color:White;
    font-style:normal;
}
.menuItem
{
    font-style:normal;
}
.menuSelectedItem
{
    font-style:normal;    
}
.menuPopup a:link, a:visited, a:hover, a:active
{
    font-style:normal;
}
.menuPopup
{
    background-color:#5a67b5;
    font-size:10pt;
    font-weight:bold;
    border: solid 5px #5a67b5;
    font-style:normal;
}
.menuPopupItem
{
    font-style:normal;
    background-color:#5a67b5;
}
.menuItemHover
{
    background-color:#5a6796;
    font-style:normal;       
}
/*Main Body Divs*/
#content
{
	width:738px;	
	float:left;
	background-color:#5a67b5;  
	padding: 5px 5px 5px 5px; 
 
}
#centre
{
    float:none;
    width:728px;
    border: 1px solid #DBDB79;
    background: url(images/background_left.jpg) #8a94d1 repeat-y;
    padding: 0px 5px 5px 5px; 
   
}
.centre
{
    float:none;
    width:728px;
    border: 1px solid #DBDB79;
    background: url(images/background_left.jpg) #8a94d1 repeat-y;
    padding: 5px 5px 5px 5px; 
    margin-top:5px;   
}
#left
{
    float:left;
    width: 300px;
    border: 1px solid #DBDB79;
    background-color: #5a67b5;
    padding: 5px 5px 5px 5px; 
    margin-top: 5px;
}
#right
{
    float:right;
    width: 415px;
    border: 1px solid #DBDB79;
    background-color: #5a67b5;
    padding: 5px 0px 5px 5px; 
    margin-top: 5px;
}

.PanelHeader
{
    height:30px;
	color: #FFFFFF;
	background-color: #5a67b5;
	font-size:medium;
	font-weight:bold;
	border: solid 1px White;
}

.PanelContent
{
	overflow:hidden;
	/*height:320px;*/
	border-style:solid;
	border-width:thin;
	border-color:#cccccc;
	padding-top:10px;
    background: url(images/background_left.jpg) #8a94d1 repeat-y;
    margin: 5px 5px 5px 5px;
}
#events
{
    margin: 5px 5px 5px 5px;
    background-color: #5a67b5;
    /*border: 1px solid #DBDB79;*/
}
#news
{
    margin: 5px 5px 5px 5px; 
   	background-color: #5a67b5;
    /*border: 1px solid #DBDB79;*/
      
}
.innerpanel
{
    margin: 0 5px 5px 5px;    
}
.benefitsleft
{
    float:left;
    width:400px;
}
.benefitsright
{
    float:right;
    width:300px;
    text-align:center;
}
.dojoleft
{
    float:left;
    width:200px;
    padding-left: 100px;
    padding-top:30px;
}
.dojoright
{
    float:right;
    width:350px;
    text-align:center;
    padding: 5px 5px 5px 5px;
}

.contactleft
{
    float:left;
    width:310px;
    padding: 5px 5px 5px 5px;
    background: url(images/background_left.jpg) #8a94d1 repeat-y;
    border: solid 1px #DBDB79;
    
}
.contactright
{
    float:right;
    width:350px;
    padding: 5px 5px 5px 50px;
    background: url(images/background_right.jpg) #8a94d1 repeat-y;
    border: solid 1px #DBDB79;
}

.linkleft
{
    float:left;
    width:320px;
    padding: 5px 50px 5px 5px;
    margin-top:5px;
    
}
.linkright
{
    float:right;
    width:330px;
    padding: 20px 5px 5px 5px;
    text-align:center;
    margin-top:5px;
}

.instructorleft
{
    float:left;
    width:320px;
    padding: 5px 5px 5px 5px;
    margin-top:5px;
    
}
.instructorright
{
    float:right;
    width:330px;
    padding: 20px 5px 5px 5px;
    text-align:center;
    margin-top:5px;
}
/*List formatting*/
.listitem
{
    margin:0px 5px 0px 5px;
    width:350px; 
    padding: 0px 5px 0px 5px; 
 /*   border-bottom: dotted 1px #DBCE6A;
    border-top: dotted 1px #DBCE6A;*/
}
.clearlist
{
    clear:right;
    margin:0;
    padding:0;
    height: 0px;
    font-size:0px;
    line-height:0px;    
}
.dashedline
{
    border-top: 1px dotted #DBCE6A;
    padding-top: 2px;
    margin-bottom: 2px;
    height:3px;
    clear:right;
}
/*Accordion*/
.accordionHeader
{
    
	color: #FFFFFF;
	background-color: #5a67b5;
	font-size:medium;
	font-weight:bold;
	cursor:pointer;
	padding: 5px 5px 5px 5px;
	border-color:White;
	border-width: 1px;
	border-style:solid;
	margin-top:10px;
	
}
.accordionHeaderSelected
{
    
	color: #FFFFFF;
	background-color: #5a6796;
	font-size:medium;
	font-weight:bold; 
	cursor:pointer;
	padding: 5px 5px 5px 5px; 
	border-color:White;
	border-width: 1px;
	border-style:solid; 
	margin-top:10px;
}
.accordionContent
{
    overflow:hidden;
	border-style:solid;
	border-width:thin;
	border-color:#cccccc;
	padding-top:10px;
    background: url(images/background_left.jpg) #8a94d1 repeat-y;
    margin: 5px 5px 5px 5px;
    padding-left:5px;
    padding-right:5px;
}
/*Formatting*/
.maplink
{
    color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	text-decoration:underline;
}
.lbl
{
    vertical-align:middle;
}
/*Events and News*/
.heading
{
    font-size:16pt;
    font-family:Verdana;
    font-weight:bold;
    text-align: center;
}

.listseparator
{
    border-top: 1px dotted #DBCE6A;
    padding-top: 2px;
    padding-bottom: 2px;
    height:5px;
    margin-bottom:10px;
    margin-top:10px;
}

.title
{
    font-size:12pt;
    font-family:Verdana;
    font-weight:bold;
    background-color:#5a6796;
}

.description
{
    font-size:10pt;
    font-family:Verdana; 
}

.pager
{
    text-align:center;
}