/*-------------------------*/
/*Font Styles*/
/*-------------------------*/
body{
/*	font-family:Verdana,Geneva,Arial,"Microsoft Sans Serif",sans-serif;	*/
	font-family:sans-serif;
	text-decoration:none;
}
h1{
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:1.3em;
}
h2{
	font-size:1.1em;
	font-weight:bold;
	margin-top:1.5em;
}
h3{
	font-size:0.7em;
	wont-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
}
p{    
	font-size:0.7em;
	font-weight:normal;
	line-height:1.5em;
	margin-top:0em;
}
a{
	font-size:1em;
	font-weight:normal;
}
li{    
	font-size:0.7em;
	line-height:1.5em;
}
th{
	font-size:0.7em;
}
td{
	font-size:0.7em;
	font-weight:normal;
}
.coursename{
	font-weight:bold;
	color:#C99D44;		/*this applies to the yoga pages only, otherwise overwritten in content pages*/
}
.subtitle{
	/*font-weight:bold;*/
	font-size:1.2em;
}
.sidelink{
	font-size:0.63em;
	font-weight:900;	
}
em{
	font-weight:bold;
	font-style:normal;
}
/*-------------------------*/
/*block properties*/
/*-------------------------*/
#home{
	background-color:ffffff;
	color:#000000;
}
#outerbox{
	background-color:white;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;right:0;
	margin-left:auto;margin-right:auto;
	width:600px;
	min-height:650px;
	border-width:1px;
	border-color:black;
	border-style:solid;
}
.border{
	position:absolute;	/*relative to outerbox*/
	top:0px;
	width:29px;
	height:100%;
	background-color:#FEEC9A;
	z-index:1;
}
#leftborder{
	left:0;
	visibility:hidden;
}
#rightborder{
	right:0;
	visibility:hidden;
}
#bottomborder{
	width:500px;
	height:80px;
	margin-left:230px;
}
#rightbox{
	position:absolute;
	top:0px;
	right:29px;
	width:220px;
	height:100%;
	visibility:hidden;
}
#top{
	position:absolute;
	left:29px;top:0px;
	visibility:hidden;
}
#figure{
	position:absolute;
	left:0px;right:0px;
	margin-left:auto;margin-right:auto;
	bottom:5px;
}
#navbox{
	position:absolute;	/* relative to #outerbox */
	left:0px;		
	top:202px;
	width:203px;    
	height:214px;
	z-index:2;
	visibility:hidden;
} 
#navright{
	position:absolute;	/*relative to #navbox*/
	left:29px;top:0px;
	width:174px;
	height:100%;	
}
#content{
	margin-left:30px;
	margin-right:30px;
	margin-top:30px;
}
ul{     
	margin-left:0;
	padding-left:1em;
	margin-top:0px;
	padding-top:0px;
	border-width:0px;
}
li{
	padding-left:0.9em;
}

/*-------------------------*/
/*table and image properties*/
/*-------------------------*/
table{
	border-collapse:collapse;
}
tr{
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#E7E3E8;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#E7E3E8;
}
th{
	background-color:#BBAFB6;
	text-align:left;
	border-style:none;
	padding-left:0px;
}
td{
	line-height:1.5em;
	vertical-align:top;
	padding-right:1em;
	padding-bottom:1em;
	padding-left:0px;
}
td.coursename{
	text-align:left;
	padding-top:1.2em;
	padding-bottom:0em;
	border-bottom-style:hidden;
}
.textcolumn{
	padding-left:1em;
	width:100%;
}
.imagecolumn{
	vertical-align:middle;	
}
img{
	border-width:0px;
}

.floatleft{
	float:left;
	margin-top:0.4em;	
	margin-right:10px;
	margin-bottom:10px;
}

/*-------------------------*/
/*Link Properties*/
/*-------------------------*/
a{
	outline-style:none;
}
.nav{
	position:absolute;	/*relative to #navbox*/
	left:0px;
	width:142px;
	height:19px;
	padding-left:60px;
	padding-top:1px;
	text-decoration:none;
	border-style:solid;
	border-color:black;
	border-width:0px;
	outline-style:none;
	color:black;
	font-size:0.8em !important;
	font-weight:900;
	white-space:nowrap;
/*	letter-spacing:-0.03em;*/
}
.subnav{
	position:absolute;	/*relative to #navbox*/
	right:0px;
	width:133px;
	height:13px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:4px;
	text-decoration:none;
	border-style:solid;
	border-color:black;
	border-width:0px;
	color:#E7E3E8;
	font-size:0.7em !important;
	font-weight:900;
	white-space:nowrap;
	letter-spacing:-0.03em;
}
.sidelink{
	padding-left:1px;
	padding-right:1px;
	outline-style:none;
	color:#9E8C96;
	text-decoration:none;
	z-index:3;
	visibility:hidden;
}
#leftlink{
	position:absolute;
	left:52px;
	top:416px;
}
.bottomlink{			
	position:absolute;
	bottom:20px;
	left:230px;		/*this is overwritten in #backlink*/
}
#backlink{
	left:auto;
	right:258px;
}
.rightlink{
	position:absolute;	/*relative to #rightbox*/
	left:30px;
	width:190px;
	border-top-width:2px;
	border-top-color:#FFEC9F;	/*this applies to the yoga pages only, otherwise it is overridden in the document*/
	border-top-style:solid;
}
#rightlink1{
	top:416px;	
}
#rightlink2{
	top:446px;	
}
.textlink{
	color:black;
}
/* links inside popup windows */
#popupclosebox{
	position:absolute;
	top:0;
	right:0;
}
#popupprintbox{
	position:absolute;
	bottom:2em;
	right:5em;
}
#popupprintlink{
	position:relative;
	top:-10px;
}
#popupcloselink{
	position:relative;
	top:-5px;
}

/*-------------------------*/
/* hover feedback*/
/*-------------------------*/
.nav:hover{
	background-color:#A7969F;
}
.subnav:hover{
	background-color:#A7969F;
}
.sidelink:hover{
	color:#6D6066;
}
.textlink:hover{
	color:#C99D44;
}

/*-------------------------*/
/*main navigation positions
/*-------------------------*/
#nav1{
	top:0px;	
}
#nav1-1{
	top:20px;	
}
#nav1-2{
	top:37px;	
}
#nav1-3{
	top:54px;	
}
#nav1-4{
	top:71px;	
}
#nav1-5{
	top:88px;	
}
#nav2{
	top:105px;
}
#nav3{
	top:122px;
}
#nav4{
	top:139px;
}
#nav5{
	top:156px;
}
#arrow{
	position:absolute;	/*relative to #navbox*/
	width:25px;		/*height is in html header*/
	left:28px;
	top:19px;
	border-color:#EEEFB6;
	border-width:1px;
	border-left-style:solid;
	border-bottom-style:solid;
}
#arrowtop{
	position:absolute;	/*relative to #navbox*/
	left:50px;		/*top is in html header*/
	z-order:2;
}
/*-------------------------*/
/*popup box styles
/*-------------------------*/
#popupbox{
	position:absolute;
	left:0;
	right:0;
	width:25em;
	height:25em;
	margin-left:auto;
	margin-right:auto;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	border-style:solid;
	border-width:7px;
	border-color:#FFE163;
	padding-left:1em;
}
.comment{
	color:#E7E3E8
	}
.comment:hover{
	color:black
	}
#popupimage{
	margin-top:2em;
}