html{
	padding:0px;
	margin:0;
}

body{
	background-color:#dadde0;
	font-size:85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	margin:0;
	padding: 0px;
}

#border{
	width:90%;
	padding:0;
	margin:0 auto;
	border-color:#a7a7a7;
	border-style:solid;
	border-width:2px 2px;
}

#container {

	text-align:left;
	margin:0 0;
	padding:15px;
	background:#fff;
	border-color:#727ea3;
	border-style:solid;
	border-width:0 1px;

}

#content {

	padding:10px;	
}

.center {
	text-align:center;
}

/*------HEADER & FOOTER ------*/

#header {
	background:#030539; /*Change the banner background color here */
	padding:10px; /*Change image for top banner here */
	background-repeat: no-repeat;
	background-position: bottom right;
}

#header h1 {
	color:#FFFFFF;
	;  /*Change the heading color for the banner here */
	font-size:2.5em;
	font-weight:bold;
	letter-spacing:-1px;
}

#footer {
	/*display:none;*/
	clear:both;
	margin:0px;
	padding: 5px 0px 0px 0px;
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#030539;
	text-align:center;
	color: #FFFFFF;
	font-size:80%;
	
}
#footer a {
	text-decoration: underline;
	color: #FFFFFF;
	border-bottom: 0px;
}

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

/* ----------- COMMENT TABLE STYLES -------------- */

.comment{
	background-color:#c300ff;
	color:#fff;
}

/* ----------- CUSTOM CLASSES ------------ */
.credit {
	font-size:66%;
	color:#000000;
}

/* --------- NO BACKGROUND IMAGE CLASSES ------------ */

.right1block{
	float:right;
	border:0px solid #000000;
	width:141px;
	max-width:141px;
	min-height:10px;
	margin: 0px;
	padding:5px;
	text-align:left;
}

.right2block{
	float:right;
	border:0px solid #000000;
	width:271px;
	max-width:271px;
	min-height:10px;
	margin: 0px;
	padding:5px;
	text-align:left;
}
.right2blockcentre{
	float:middle;
	border:0px solid #000000;
	width:271px;
	max-width:271px;
	min-height:10px;
	margin: 0px;
	padding:5px;
	text-align:left;
}

.right3block{
	float:right;
	border:0px solid #000000;
	width:402px;
	max-width:402px;
	min-height:10px;
	margin:0px;
	padding:5px;
	text-align:left;
}
.right3blockcentre{
	float:middle;
	border:0px solid #000000;
	width:402px;
	max-width:402px;
	min-height:10px;
	margin:0px;
	padding:5px;
	text-align:left;
}

.left1block{
	float:left;
	border:0px solid #000000;
	width:141px;
	max-width:141px;
	min-height:10px;
	margin: 0px;
	padding:5px;
	text-align:left;
}

.left2block{
	float:left;
	border:0px solid #000000;
	width:271px;
	max-width:271px;
	min-height:10px;
	margin: 0px;
	padding:5px;
	text-align:left;	
}

.left2blockcentre{
	float:middle;
	border:0px solid #000000;
	width:271px;
	max-width:271px;
	min-height:10px;
	margin:0px;
	padding:5px;
	text-align:left;
	
}
.left3block{
	float:left;
	border:0px solid #000000;
	width:402px;
	max-width:402px;
	min-height:10px;
	margin:0px;
	padding:5px;
	text-align:left;
	
}
.left3blockcentre{
	float:middle;
	border:0px solid #000000;
	width:402px;
	max-width:402px;
	min-height:10px;
	margin:0px;
	padding:5px;
	text-align:left;
	
}

/*------FORMATTING ------*/

p {
	line-height:1.3em;
	color:#333;
}

a {
	text-decoration:none;
	color: #0044ba;
	border-bottom:1px solid #e2e1ee;
}

a:hover{
	color:#FFFFFF;
	background-color:#FFF1C9;
	border-bottom:1px solid #e2e1ee;
}


h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	margin: 0 0 8px 0;
	color:#f99000;  /* Change H2 color here */
	font-weight:bold;
}

h3{
	color:#666;    /* Change H3 color here */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}

/*------FEATURE BOXES------*/

#portfolio {
	background-color: #d2eefc;
	background-image: url('../images/icons/cts_folder_blue.png');
    background-repeat: no-repeat;
   	background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;
				
}

html>body #portfolio{height:auto}

#assignmentdrop{
	background-color: #ffffab;
	background-image: url('../images/icons/cts_assessment_blue.png');
    background-repeat: no-repeat;
    background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;	
}

html>body #assignmentdrop{height:auto}

#quiz{
	background-color: #FFF1C9;
	background-image: url('../images/icons/cts_selfcheck_blue.png');
    background-repeat: no-repeat;
   	background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;	
	height:128px;
	min-height:128px; 
}

html>body #quiz{height:auto}

#discussions{
	background-color: #d2eefc;
    background-image: url('../images/icons/cts_share_blue.png');
    background-repeat: no-repeat;
   	background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;
}
html>body #discussions{height:auto}

#internet{
    background-color:#ebf5eb;
	background-image: url('../images/icons/cts_guided_search_blue.png');
    background-repeat: no-repeat;
    background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;
}

html>body #internet{height:auto}

#media{
    background-color:#e2f0c0;
	background-image: url('../images/icons/cts_multimedia_blue.png');
    background-repeat: no-repeat;
    background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;
}

html>body #media{height:auto}

#reflection{
    background-color:#e2f0c0;
	background-image: url('../images/icons/cts_selfcheck_blue.png');
    background-repeat: no-repeat;
   	background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;
}

html>body #reflection{height:auto}

#reminder{
    background-color:#DFF1FF;
	background-image: url('../images/icons/lreminder.png');
    background-repeat: no-repeat;
    background-position:top right;
	padding-right: 128px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;
}

html>body #reminder{height:auto}

#waytogo{
	background-color:#DFF1FF;
	background-repeat: no-repeat;
	padding-right: 128px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;
}

html>body #waytogo{height:auto}

#news{
    background-color:#DFF1FF;
	background-image: /*url(../images/hcs3000_004.jpg);*/
    background-repeat: no-repeat;
    background-position:top right;
	padding-right: 128px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px; 
}
html>body #news{height:auto}

#checklist{
    background-color:#DFF1FF;
    background-repeat: no-repeat;
    background-position:top right;
	padding-right: 128px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;
}

html>body #checklist{height:auto}

#help{
    background-color:#DFF1FF;
	background-image: url('../images/icons/cts_toolkit_blue.png');
    background-repeat: no-repeat;
    background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;
}

html>body #help{height:auto}

#idea{
    background-color:#DFF1FF;
	background-image: url('../images/icons/cts_tips_blue.png');
    background-repeat: no-repeat;
    background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	min-height:128px;
	height:128px;
	min-height:128px; 
}

html>body #idea{height:auto}

#highlight{
    background-color:#DFF1FF;
	background-image: url('../images/icons/cts_project_blue.png');
    background-repeat: no-repeat;
   	background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height:128px;
	min-height:128px;
}

html>body #highlight{height:auto}

#alert{
    background-color:#DFF1FF;
	background-image: url('../images/icons/cts_glossary_blue.png');
    background-repeat: no-repeat;
   	background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	height: 128px;
	min-height:128px;
}

html>body #alert{height:auto}


#feature {
	border: 0.2em solid #cccccc; 
	background-color: #ffffff; 
	padding: 5px;
	margin: 20px 0px 20px 0px;
	}


/*------BACK TO TOP------*/

#top {
	text-align:right;
	font-size:0.6em;
	letter-spacing:2px;
	padding-top: 20px;
}