/* Stylesheet by JM (www.iseeyou-designs.com) Modified*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


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

body{
	background-color:#eee;
	font-size:90%;
	font-family: arial,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;
	
}
.comment{
	background-color:#c300ff;
	color:#fff;
}

#footer{
    color:#ffffff;
	text-align:center;
	padding:10px;
	font-size:0.8em;
	letter-spacing:2px;
	background-color:#E16F26;

}	
#footer a {
	text-decoration: underline;
	color: #FFFFFF;
	border-bottom: 0px;
}

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

}

.center {
	text-align:center;
}

/*------HEADER------*/

#header {
background: #E16F26;
background-image: url('../images/header-bg.gif');
min-height:75px;
padding:10px;
}

#header h1 {
color:#fff;
font-size:2.5em;
font-weight:normal;
letter-spacing:-1px;

}

/*------NAV----------*/
#nav {
width: 100%;

}

#nav ul {
margin-left:0px;
margin-top:5px;
margin-bottom: 5px;

}

#nav li {
	display: inline;
	list-style: none;
	background-image:url(../template/HESstylesheet/icons/list_arrow2.gif);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 0 0 0 15px;
	}

#nav a {
	color: #000000
}



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

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

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

h1{
	font-family: arial,sans-serif;
	font-size:2.6em;
	font-weight:normal;
	padding:0 0 10px 0;
	margin:20px 0px 5px 5px;
	
}

h2{
	font-family: arial,sans-serif;
	font-size:1.4em;
	margin: 0 0 0 0;
	color:#4b4665;
	font-weight:bold;
}

h2 span{
	background:#fff;
	padding:5px 50px 10px 0;
	margin: 5px;
	line-height:2em;
}
#content h3{
	text-align:center; 
	background-color:#E16F26; 
	color: #FFFFFF; 
	font-size:150%; 
	font weight:bold;
}

#content div h3{

	color:#666;
	font-family: arial,sans-serif;
	font-weight:normal;
	font-size:1em;
	font-weight: bold;
	margin:0;
	background-color: transparent;
	text-align: left;

}

h4 {
	color:#000000;
	font-size:140%;
	font-weight:bold;
	background-color: #F90;
}

h5 {
font-size:130%; font-weight:bold; color:#A55016;
}

h6 {
font-size:120%; color:#000000; font-weight:bold;
}

.credit {
	font-size:66%;
	color:#000000;
}

.caption {
	font-size:83%;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* --------- NO BACKGROUND IMAGE CLASSES ------------ */
.divicon{
	float: left;
	margin: 0px;
	min-height: 10px;
	width: 75px;
}

.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;
	
}

.left4blockcentre{
	float:middle;
	border:0px solid #000000;
	width:522px;
	max-width:522px;
	min-height:10px;
	margin:0px;
	padding:5px;
	text-align:left;

}
.nowrap{
	white-space:nowrap;
	
}

#waytogo{
	background-color:#FFCC66;
	background-repeat: no-repeat;
	padding-right: 50px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 20px 0px 20px 0px;
	clear: both;
}

#caution{
	background-color:#FFCC66;
	background-image: url(../images/icons/cts_caution.png);
	background-repeat: no-repeat;
	background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 45px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}

#cautionh6{
	background-color:#FFCC66;
	background-image: url(../images/icons/cts_caution.png);
	background-repeat: no-repeat;
	background-position:top left;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 25px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}

#discussion {
	background-color: #FFCC66;
	background-image: url(../images/icons/cts_share_orange.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;
	clear: both;
}

#portfolio {
	background-color: #FFCC66;
	background-image: url(../images/icons/cts_folder_orange.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;
	clear: both;
	
}

#assignmentdrop{
	background-color: #FFCC66;
	background-image: url(../images/icons/cts_assessment_orange.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;
	clear: both;
}

#assignmentproject{
	background-color: #FFCC66;
	background-image: url(../images/icons/agr3000_assignments.png);
	background-repeat: no-repeat;
	background-position:left top;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 30px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;

}

#career{
	background-color: #FFCC66;
	background-image: url(../template/HESstylesheet/icons_orange_online/career_FOCUS_2.jpg);
	background-repeat: no-repeat;
	background-position:top right;
	padding-right: 128px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	margin: 20px 0px 20px 0px;
	clear: both;
}


#internet{
	background-color:#FFCC66;
	background-image: url(../images/icons/cts_guided_search_orange.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;
	clear: both;
}

#investigation{
	background-color:#FFCC66;
	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;
	clear: both;
}

#sensitivetopic{
	background-color:#FFCC66;
	background-image: url(../template/HESstylesheet/icons_orange_online/orange_sen_topic.jpg);
	background-repeat: no-repeat;
	background-position:top right;
	padding-right: 128px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}


#safety{
	background-color:#FFCC66;
	background-image: url(../images/icons/agr3000_safety.png);
	background-repeat: no-repeat;
	background-position:left top;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}

#scenario{
	background-color:#FFCC66;
	background-image: url(../template/HESstylesheet/icons_orange_online/cts_o_guide_l.jpg);
	background-repeat: no-repeat;
	background-position:top right;
	padding-right: 128px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}


#tip{
	background-color:#FFCC66;
	background-image: url(../images/icons/cts_tips_orange.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;
	clear: both;
}

#media{
	background-color:#FFCC66;
	background-image: url(../images/icons/cts_multimedia_orange.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;
	clear: both;
}

#readingassignment{
	background-color:#FFCC66;
	background-image: url(../images/icons/cts_project_orange.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;
	clear: both;
}

#vocabulary{
	background-color:#FFCC66;
	background-image: url(../images/icons/cts_glossary_orange.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;
	clear: both;
}

#welcome{
	background-color:#FFCC66;
	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;
	clear: both;
}

#journal{
	background-color: #FFCC66;
	background-image: url(../images/icons/cts_selfcheck_orange.png);
	background-repeat: no-repeat;
	background-position:left top;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}


#multipleperspectives{
	background-color:#FFCC66;
	background-image: url(../template/HESstylesheet/icons_orange_online/cts_o_outcomes_l.jpg);
	background-repeat: no-repeat;
	background-position:top right;
	padding-right: 128px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}

#trackyourprogress{
	background-color:#FFCC66;
	background-image: url(../images/icons/cts_selfcheck_orange.png);
	background-repeat: no-repeat;
	background-position:left top;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}

#toolkit{
	background-color:#FFCC66;
	background-image: url(../images/icons/cts_toolkit_orange.png);
	background-repeat: no-repeat;
	background-position:left top;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}

#toolkit2{
	background-color:#FFCC66;
	background-image: url(../images/icons/cts_toolkit_orange.png);
	background-repeat: no-repeat;
	background-position:left top;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}

#help{
	background-color:#FFCC66;
	background-image: url(../images/icons/agr3000_quiz.png);
	background-repeat: no-repeat;
	background-position:left top;
	padding-right: 65px;
	padding-left: 75px;
	padding-top: 50px;
	padding-bottom: 5px;
	margin: 20px 0px 20px 0px;
	clear: both;
}



/*------FEATURE BOX------*/
#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;
}
#border #container #content ul li {
	color: #008000;
}
#border #container #content #assignmentdrop ul li {
	color: #000;
}
#border #container #content #tip ul {
	color: #000080;
}
#border #container #content #tip ul li {
	color: #000080;
}