@charset "UTF-8";
/* CSS Document */

body,html {
	height:100%;
	/*min-height:100%;*/
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

a:link {
	text-decoration: none;
	color: #9e3334;
}
a:visited {
	text-decoration: none;
	color: #9e3334;
}
a:hover {
	text-decoration: none;
	color: #9e3334;
	}
a:active {
	text-decoration: none;
	color: #9e3334;
}
a img {
	border-style:none;
}

p {
	font-family: "warnock-pro", "Georgia", serif;
	font-size: 15px;
	font-weight:400;
	font-style:normal;
	color: #000;
	margin:0px;
	text-indent:40px;
	line-height:20px;
	text-rendering:optimizeLegibility;
	-moz-font-feature-settings:"liga=1"; 
    -moz-font-feature-settings:"liga"; /* EDIT: new syntax for FF 15+ */ 
    -ms-font-feature-settings:"liga"; 
    -o-font-feature-settings:"liga"; 
    -webkit-font-feature-settings:"liga";
    font-feature-settings:"liga";
}

h1 {
	font-family: "warnock-pro", "Georgia", serif;
	font-size: 20px;
	font-weight:600;
	font-style:normal;
	color: #9E3334;
	margin:0px;
	text-rendering:optimizeLegibility;
}

h2 {
	font-family: "warnock-pro", "Georgia", serif;
	font-size: 14px;
	font-weight:400;
	font-style:italic;
	color: #000;
	margin:0px;
	text-indent:40px;
	line-height:18px;
	text-rendering:optimizeLegibility;
	-moz-font-feature-settings:"liga=1"; 
    -moz-font-feature-settings:"liga"; /* EDIT: new syntax for FF 15+ */ 
    -ms-font-feature-settings:"liga"; 
    -o-font-feature-settings:"liga"; 
    -webkit-font-feature-settings:"liga"; 
    font-feature-settings:"liga";
}

h3 {
	font-family: "warnock-pro", "Georgia", serif;
	font-size: 14px;
	font-weight:600;
	font-style:normal;
	color: #000;
	margin:0px;
	line-height:18px;
	display:inline;
	text-rendering:optimizeLegibility;
	-moz-font-feature-settings:"liga=1"; 
    -moz-font-feature-settings:"liga"; /* EDIT: new syntax for FF 15+ */ 
    -ms-font-feature-settings:"liga"; 
    -o-font-feature-settings:"liga"; 
    -webkit-font-feature-settings:"liga"; 
    font-feature-settings:"liga";
}

h4 {
	font-family: "warnock-pro", "Georgia", serif;
	font-size: 14px;
	font-weight:400;
	font-style:italic;
	color: #000;
	margin:0px;
	line-height:18px;
	display:inline;
	text-rendering:optimizeLegibility;
	-moz-font-feature-settings:"liga=1"; 
    -moz-font-feature-settings:"liga"; /* EDIT: new syntax for FF 15+ */ 
    -ms-font-feature-settings:"liga"; 
    -o-font-feature-settings:"liga"; 
    -webkit-font-feature-settings:"liga"; 
    font-feature-settings:"liga";
}

h5 {
	font-family: "warnock-pro", "Georgia", serif;
	font-size: 14px;
	font-weight:600;
	font-style:normal;
	color: #9E3334;
	margin:0px;
	letter-spacing:1px;
	text-rendering:optimizeLegibility;
	-moz-font-feature-settings:"liga=1"; 
    -moz-font-feature-settings:"liga"; /* EDIT: new syntax for FF 15+ */ 
    -ms-font-feature-settings:"liga"; 
    -o-font-feature-settings:"liga"; 
    -webkit-font-feature-settings:"liga"; 
    font-feature-settings:"liga";
}

h6 { font-family: "Helvetica", "Arial", sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:500;
	color:black;
	margin:0px;
}
	
#container {
   	min-height:100%;
   	position:relative;
	width:700px;
	margin-right:auto;
	margin-left:auto;
	overflow:visible;
}

#pagecontainer {
	position:relative;
	width:700px;
	/*height:100%;*/
	/*min-height:100%;*/
	margin-right:auto;
	margin-left:auto;
	padding-bottom:35px;
	overflow:hidden;
}

#logobig {
	position:relative;
	width:286px;
	height:auto;
	margin-top:150px;
	margin-right:auto;
	margin-left:auto;
}

#stripbig {
	position:relative;
	width:660px;
	height:160px;
	margin-top:15px;
	margin-right:auto;
	margin-left:auto;
}
	
#bannercontainer {
	position:relative;
	width:480px;
	height:90px;
	margin-right:auto;
	margin-left:auto;
}

#stripsmall {
	position:relative;
	float:left;
}

#logosmall {
	position:relative;
	float:right;
}

#menuwrapper {
	position:relative;
	width:100%;
	height:30px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	border-top-color:#A6A351;
	border-top-width:1px;
	border-top-style:solid;
	border-bottom-color:#A6A351;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#menuitemwrapper {
	position:relative;
	width:480px;
	margin-left:auto;
	margin-right:auto;
	height:26px;
	margin-top:2px;
}

#about {
	position:relative;
	float:left;
	width:55px;
	height:25px;
}

#about:hover {
	border-bottom:4px solid #A6A351;
}

#baskets {
	position:relative;
	float:left;
	margin-left:71px;
	width:68px;
	height:25px;
}

#baskets:hover {
	border-bottom:4px solid #A6A351;
}

#contact {
	position:relative;
	float:right;
	width:70px;
	height:25px;
}

#contact:hover {
	border-bottom:4px solid #A6A351;
}

#courses {
	position:relative;
	float:right;
	margin-right:71px;
	width:auto;
	height:25px;
}

#courses:hover {
	border-bottom:4px solid #A6A351;
}

#courselist {
position:relative;
	float:left;
	width:auto;
	height:20px;
	margin-left:213px;
}

#courselist:hover {
	border-bottom:4px solid #A6A351;
}

#demolist {
	position:relative;
	float:left;
	width:auto;
	height:20px;
	margin-left:64px;
}

#demolist:hover {
	border-bottom:4px solid #A6A351;
}

#leftcolumn {
	position:relative;
	float:left;
	width:180px;
	height:auto;
	margin-top:11px;
	margin-left:21px;
}

#maincontentcolumn {
	position:relative;
	float:right;
	width:646px;
	height:auto;
	margin-top:11px;
	margin-right:30px;
}

#thumbnail {
	position:relative;
	float:left;
	width:180px;
	height:84px;
	margin-bottom:12px;
	background-color:#666;
}

#thumbnailright {
	position:relative;
	float:right;
	width:84px;
	height:84px;
	margin-bottom:12px;
	background-color:#666;
}

#fullsizepicture {
	position:relative;
	width:465px;
	height:auto;
	margin-bottom:11px;
}

#descriptor {
	position:relative;
	width:465px;
	height:auto;
	margin-bottom:30px;
}

#dotbox {
	position:relative;
	width:100px;
	height:16px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
}

#numbox {
	position:relative;
	width:auto;
	height:22px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
}

#num {
	position:relative;
	float:left;
	height:22px;
	width:22px;
	margin-left:-1px;
	margin-right:11px;
}

#coursedetails {
	position:relative;
	width:68%;
	height:auto;
	float:left;
}

#pastcourses {
	position: relative;
	float: right;
	width: 180px;
	height: auto;
	background-color: #EFEFEF;
}

#pastcoursescontent {
	position:relative;
	width:168px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
}

.progresspics {
	position:relative;
	width:180px;
	height:auto;
	margin-bottom:12px;
	background-color:#CCC;
}

/* submenu navigation for portfolio pages*/

#submenuwrapper {
	position:relative;
	width:100%;
	height:23px;
	margin-right:auto;
	margin-left:auto;
	border-bottom-color:#A6A351;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#submenuitemwrapper {
	position:relative;
	width:660px;
	margin-left:auto;
	margin-right:auto;
	margin-top:7px;
}

#shopping {
	position:relative;
	float:left;
	width:144px;
	height:20px;
}

#shopping:hover {
	border-bottom:4px solid #A6A351;
}

#trad {
	position:relative;
	float:left;
	margin-left:42px;
	width:112px;
	height:20px;
}

#trad:hover {
	border-bottom:4px solid #A6A351;
}

#nonfunc {
	position:relative;
	float:right;
	width:149px;
	height:20px;
}

#nonfunc:hover {
	border-bottom:4px solid #A6A351;
}

#creel {
	position:relative;
	float:right;
	margin-right:42px;
	width:117px;
	height:20px;
}

#creel:hover {
	border-bottom:4px solid #A6A351;
}

#footer {
	position:absolute;
	bottom:0;
	width:700px;
	height:34px;
	border-top-color:#A6A351;
	border-top-width:1px;
	border-top-style:solid;
}

#attrib {
	position:relative;
	width:660px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}