/* #3F2929 choc brown */
/* #CC8833 medium orange */
/* #446622 darkish green */
/* #88BB55 lightish green */

.secondarycolour {
	background-color:#999999; <!-- orange -->
}
.infopanelcolour {
	background-color:#446622; <!-- choc brown -->	
}
.courseinfobordercolour {
	background-color:#CCCCCC; <!-- choc brown -->	
}
.navcolour {
	color: #FFFFFF;
}
.navcolour:hover {
	color:#CCCCCC; 
}
.moreinfo {
	background-color:#88BB55;  <!-- background colour in the navigation "more information" links -->
}

 #blurbborder {
	float: left;
	width: 260px;
	height: 510px;
	margin-right: 10px;
		}

 #blurbinnerborder {
 	background-color: #FFFFFF;
	float: left;
	width: 250px;
	height: 490px;
	margin: 5px;
	padding-top: 10px;
	}

#blurb {
	height: 420px;
}


/* Override of jquery accordion settings:
Moves accordion triangle icon to the left of the containing block.
If we set the two h3 padding settings to 14px this is about right */
.ui-accordion .ui-accordion-header .ui-icon {
	left: -2px;	
}
#blurb h3 {
	padding-left: 14px;
}
#courseinfo h3 {
	padding-left: 14px;
}

/* Overrides accordion settings for content */
.ui-accordion .ui-accordion-content {
	padding-left: 6px;
	padding-right: 6px;
}


#courseinfo p {
	padding-top: 10px;	
	padding-bottom: 5px;	
}

body {                
	font-family: Helvetica;
	font-size: 11px;
  }
  
a {
    text-decoration: none;
}

#container {
	width: 1050px;
	height: 660px;
	margin:0px auto;
}
#heading {
		height: 150px;
}


#info {
	height: 500px;
}

#infoborder {
	float: left;
	width: 760px;
	height: 510px;
}
#infoinnerborder {
	float: left;
	width: 750px;
	height: 500px;
	margin: 5px;
}

#strong
{
  font-weight: bold;
}

#topstrip {
            width: 1000px; 
			height: 100px;
       }
#titlebar {
	padding-top: 25px;
	padding-left: 250px;
}

#menu {
		text-align: center; 
		width:1000px;
}	
#menu a {
	color: #989A98; 
	border-style: none;
	border-right-style:solid;
	border-width: 1px; 
	border-color: #989A98;
	padding: 6px; 
	margin: 2px; 
    font-weight: bold;
	text-decoration: none; 
	font-size: 16px; 
}
#menu a:hover {
	color: #88BB55; 
}
#menu a.selected{
	color: #668844; 
}

#courseinfo p a {
	color:#446622;  /* style of the links in the accordion content links */
	background-color: #FFFFFF; 
    font-weight: bold;
}

#blurb p a {
	color:#446622;  /* style of the links in the course menu area */
	background-color: #FFFFFF; 
    font-weight: normal;
}


#courseinfoborder {
	padding: 1px;
	position: relative;

	opacity: 0.85;
}
#courseinfoinnerborder {
	padding: 3px;
}


img.floatphone { 
    float: left; 
    margin-right: 10px; 
    margin-top: 2px;
}
img.floatemail { 
    float: left; 
    margin-right: 14px; 
    margin-left: 4px; 
    margin-top: 2px;
}