body{
	margin: 0px;
	margin-left: 15%;
	margin-right: 15%;
	background-color: #4b0082; /*dark indigo*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	}

/* Screen or print display toggle */
.printpage {
	display: none;
	}

.screen_display {
	display: block;
	}

#pageborder {
	width: 600px;
	height: 900px;
	border-color: #ff771b;
	padding: 0px;
	background-image: url(http://www.challenginghomophobia.net/ch/images/ch_bg2.gif);
	background-repeat: repeat;
	background-position: 0% 0%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

#wrapper{
	position: relative;
	top: 20px;
	left: 0px;
	width: 100%;
	height: auto;
	background-color: #4b0082;
	padding-bottom: 0px;
	margin: 0px;
	}
#subwrapper{
	position: relative;
	left: 0px;
	top: 0em;
	background-image: url(http://www.challenginghomophobia.net/ch/images/ch_bg2.gif);
	background-repeat: repeat;
	background-position: 621px;
	margin-right: 7px;
	height: 1500px;
	width: 608px;
	background-color: #4b0082;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#edge {
	position:absolute; 
	left:606px;
	top:0px; 
	width: 1px; 
	height: 700px;
	background-color: #FFFFFF;
}
#bottomedge {
	z-index: 10;
	position:absolute; 
	margin-top: 60px; 
	margin-left: 13px;
	padding: 0px;
	width: 600px;
	height: 1px;
	background-position: 621px;
}
#bottomright {
	z-index: 3;
	position:absolute; 
	margin-top: -80px;
	margin-left: 30em;
	width: 1px; 
	height: 300px;
	background-color: #4b0082;
}

/* Main body text headers */
H1 {
	font-size: 1.5em;
	color: #8a2be2; /*blue violet*/
	padding: 0em;
	}
H2 {
	font-size: 1em;
	color: #4b0082; /*dark indigo*/
	padding: .5em;
	}
H3 {
	font-size: 1.1em;
	color: #000000; /*black*/
	padding: .5em;
	}

/* Main body text links attributes */
A:link {
	color: #ff771b /*orange*/; 
	text-decoration: underline;
	}
A:visited {
	color: #5500a1 /*dark purple*/; 
	text-decoration: underline;
	}
A:active {
	color: #a54bff /*lt purple*/; 
	text-decoration: none;
	}
A:hover {
	color: #ff9c4a; 
	text-decoration: none;
	} 

.shrinklink 
	{
	font-size: xx-small;
	}

/* Page top global navigation attributes */
#topnav {
	position:absolute; 
	left: 0;
	top:0;
	width: 600px; 
	height: 100px;
	font-size: .80em; 
	text-align: center;
	border: 1px; 
	padding: 3px;
	background-color: #cc99ff;
	color: #FF3300;
	}



/* Printer text attributes */
.printertext {
	background: #ffffff; 
	font-size: 9px;
}


/* Main body text position and colors */
#mainbody {
	z-index: 2;
	position:absolute; 
	left:11em; 
	top: 120px;
	width: 28em;  
	padding: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: .80em;
	background: #FFFFFF; 
	color: #000000;
	/*
	Override Mac IE
\*/
	width: 28em;  
/*
	Another comment, now with a normal end-of-comment marker. Explorer
	sees the end of this comment as the end of the previous one.
*/
}

/* Global footer position and attributes */
#footer {
	position: relative;
	margin-top: 1em;
	padding-top: .5em;
	padding-left: 1em;
	padding-right: 3em;
	font-size: xx-small; 
	color: #888888;
	width: auto;
	font-family: Verdana, sans-serif;
	
	}
#footer p{
	margin-top: 1em;
	padding-top: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* Challenging Homophobia Left Navigation */

#nav {
z-index: 1;
position: absolute;
top: 90px;
left: 3px;
padding-top: 1em;
padding-bottom: 3em;
width: 10em;
background-color: #663399;
font-size: 100%;
color: #ffffcc;
height: auto;
	}
#nav a:link {color: #ffffcc; text-decoration: none; }
#nav a:visited {color: #ffffcc; text-decoration: none;}
#nav a:hover {color: #FFFFFF; text-decoration: none;}
#nav ul {
	position: relative;
	left: 5px;
	top: .68em;
	height: auto;
	font-weight: bold;
	font-size: .70em;
	font-family: Arial, sans-serif;
	letter-spacing: .02em;
	line-height: 1.50em;
	margin-bottom: .7em;
	padding-bottom: 1em;
	/*
	Override Mac IE
\*/
	font-size: .70em;
	letter-spacing: .02em;
	margin-bottom: 1.7em;
/*
	Another comment, now with a normal end-of-comment marker. Explorer
	sees the end of this comment as the end of the previous one.
*/
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 5px;
	padding-left: 0px;
	width: 10em;
	list-style-type: none;
	}	
#nav ul li {
	padding-left: 0;
	font-weight: normal;
	width: 140px;
	/*bottom margin prevents borders from overlapping during over and out states*/
	margin-bottom: 1px;
	}
.overview {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 0em;
	}

/*nav rollover styles */

#nav .mOut { 
 	border: none 0px; 
	}
#nav li.mOver a {
	color: #FFFFFF; 
	text-decoration: none;
	}
/*
#nav li.mOver a.overview { 
	left: -3px;
	border-top: solid #FFFFFF 1px;
	border-left: solid #FFFFFF 1px;
	border-bottom: solid #FFFFFF 1px;
	padding: 3%;
	background-color: #4b0082;
	background-position: 1% 1%;
	} 
*/
#nav li.mOver { 
	border: solid #FFFFFF 1px;
	padding: 2%;
	background-color: #4b0082;
	background-position: 1% 1%;
}

/*Sidebar Styles*/
#sidebar {
position: relative;
top: 11em;
left: 33em;
width: 12em;
margin-left: 3em;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 0em;
background-color: #FFFFCC;
font-size: .90em;
color: #ff771b;
height: auto;
z-index: 10;
}
#sidebar a:link {color: #4b0082; text-decoration: none; }
#sidebar a:visited {color: #4b0082; text-decoration: none;}
#sidebar a:hover {color: #ff771b; text-decoration: underline;}

#sidebar .exercise a:link {color: #4b0082; text-decoration: none;} 
#sidebar .exercise a:visited {color: #4b0082; text-decoration: none;}
#sidebar .exercise a:hover {color: #ff771b; text-decoration: underline;}

#sidebar .glossary a:link {color: #4b0082; text-decoration: none;} 
#sidebar .glossary a:visited {color: #4b0082; text-decoration: none;}
#sidebar .glossary a:hover {color: #ffffb3; text-decoration: underline;}

#sidebar .example a:link {color: #5500a1; text-decoration: none;} 
#sidebar .example a:visited {color: #5500a1; text-decoration: none;}
#sidebar .example a:hover {color: #4b0082; text-decoration: underline;}

#sidebar .model a:link {color: #ff551b; text-decoration: none;} 
#sidebar .model a:visited {color: #ff551b; text-decoration: none;}
#sidebar .model a:hover {color: #4b0082; text-decoration: underline;}

/*sidebar rollover styles */

#sidebar .mOut { 
 	border: none 0px; 
	}
#sidebar li.mOver a {
	color: #FFFFFF; 
	text-decoration: none;
	}
/*
#sidebar li.mOver a.overview { 
	left: -3px;
	border-top: solid #FFFFFF 1px;
	border-left: solid #FFFFFF 1px;
	border-bottom: solid #FFFFFF 1px;
	padding: 3%;
	background-color: #4b0082;
	background-position: 1% 1%;
	} 
*/
#sidebar li.mOver { 
	border: solid #FFFFFF 1px;
	padding: 2%;
	background-color: #4b0082;
	background-position: 1% 1%;
}

#sidebaroverview {
font-size: 1.1em;
font-weight: bold;
margin-left: 2em;
padding-bottom: 0;
color: #4b0082;
}


.glossary {
position: relative;
	margin-top: .5em;
		margin-right: .5em;
			margin-bottom: .5em;
				margin-left: 1.5em;
	padding: .5em;
	width: 9em;
	font-family: Arial, sans-serif;
	background-color: #ff771b; 
	color: #ffffb3; 
	}
	
	.example {
position: relative;
	margin-top: .5em;
		margin-right: .5em;
			margin-bottom: .5em;
				margin-left: 1.5em;
	padding: .5em;
	width: 9em;
	font-family: Arial, sans-serif;
	background: #cc99ff; 
	color: #5500a1;
	}
	
	
		.exercise {
position: relative;
	margin-top: .5em;
		margin-right: .5em;
			margin-bottom: .5em;
				margin-left: 1.5em;
	padding: .5em;
	width: 9em;
	font-family: Arial, sans-serif;
		background: #ddddFF; 
	color: #ff771b;
	}
	
			.model {
position: relative;
	margin-top: .5em;
		margin-right: .5em;
			margin-bottom: .5em;
				margin-left: 1.5em;
	padding: .5em;
	width: 9em;
	font-family: Arial, sans-serif;
	background: #ffffff; 
	color: #4b0082;
	}