/* Main Screen Stylesheet - Art School of Peterborough - www.artschoolptbo.org */

/* Import a stylesheet for IE/Mac 5.2 */
/*\*//*/
  @import "ie5mac.css";
/**/

/* ------------------------------ [ General ] */
* {margin: 0;}
img {border: none;} /* removes border on all images */
html, body
{
	height: 100%;
}
body
{
	color: #fff;
	text-align: center;
	font-size: 12px;
	margin-left: 1px;
}
#wrapper
{
	background: #e8a239 url('../images/background.gif') repeat-y top center;
}
.clear:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	font-size: 0;
}
div#outer-container
{
	/* hide from IE5 mac \*/
	overflow: hidden;
	/* end hiding from IE5 mac */
	margin: 0 auto;
	width: 770px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
div#container
{
	/* hide from IE5 mac \*/
	overflow: hidden;
	/* end hiding from IE5 mac */
	margin: 0 auto;
	padding: 0;
	width: 770px;
	color: #000;
  min-height: 100%; /*Required for FooterStick*/
  height: auto !important; /* For Modern Browsers */
  position: relative;		
}
p
{
	font-size: 12px;
}
h1
{
	font-family: sans-serif;
	font-size: 18px;
	margin: 13px 0 12px 0;
}
h1 a
{
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
h1 a:hover
{
	color: #000;
	background-color: #fff;
	text-decoration: underline;
}
h2, h3
{
	margin: 18px 0 12px 0;
	font-family: sans-serif;
	font-size: 16px;
	color: #e80000;
}
h3
{
	font-size: 15px;	
}
small
{
	line-height: 125%;	
}
.print
{
	position:absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ------------------------------- [ Banner ] */

#banner
{
	position: relative; /* necessary for absolute positioning of logo div */
	width: 770px ;
	height: 176px ;
	background: url('../images/banner.jpg') no-repeat;
}
#logo
{
	height: 84px;
	width: 304px;
	position: absolute;
	top: 38px; 
	left: 38px;	
}
/* -----------<Utility Begins>------------ */
#utility
{
	height: 37px;
	width: 160px;
	background: url('../images/utility_bg.gif') no-repeat;
	position: absolute;
	top: 174px;
	right: 16px;
	padding: 0;
}
#utility img#utility_img_1
{
	margin: 0 0 0 0px;
	float: left;
}
#utility img#utility_img_2
{
	margin: 0 0 0 0px;	
	float: left;
}
#utility img#utility_img_3
{
	margin: 0 0 0 0px;	
	float: left;
}
#utility img#utility_img_4
{
	margin: 0 0px 0 0px;		
	float: left;
}

/* ------------<Utility Ends>------------*/
/* ------------------------------ [ Sidebar ] */

div#sidebar
{
	/* hide from IE5 mac \*/
	clear: left;
	/* end hiding from IE5 mac */
	float: left;
	width: 198px;
	color: #fff;
	background-color: black;
	text-align: left;
}
/* ------<Begin Primary Navigation>--------- */

#navlist
{
	padding: 20px 0 20px 20px;
	font-family: arial, "myriad pro", "lucida sans unicode", "bitstream vera sans", sans-serif;
	font-size: 15.5px;
}
#navlist li
{
	list-style: none;
	line-height: 27px;
	font-weight: bolder;
}
#navlist a
{
	display: block;
	padding: 0 0 0 14px;
	width: 158px;
	height: 28px;
	color: black;
	text-decoration: none;
}
#navlist li a:link 
{ 
	color: white; 
}
#navlist li a:visited 
{ 
	color: white; 
}
#navlist li a:hover
{
	color: black;
	background: url('../images/nav_marker.gif') no-repeat;
	background-position: 0% -28px;	
}
li a:link#current, li a:visited#current, li a:hover#current
{
	color: black;
	background: url('../images/nav_marker.gif') no-repeat;
	background-position: top left;
}
/* ------</End Primary Navigation>--------- */
#newsflash, #newsflash2, #newsflash3, #newsflash4
{
	height: 370px;
	width: 180px;
	background: url('../images/easel.jpg') no-repeat;
	margin: 0 0 0 9px;
	padding: 22px 0 0 0;
	color: black;
}
#newsflash2
{
	background: url('../images/easel2.jpg') no-repeat;		
}
#newsflash3
{
	background: url('../images/easel3.jpg') no-repeat;
	position: relative;	

}
#newsflash4
{
	background: url('../images/easel4.jpg') no-repeat;
	position: relative;	
}
#newsflash h3
{
	margin: 0px 24px 6px 24px;
	font-size: 16px;
	background: transparent;
	text-align: center;
	color: #e80000;
}
#newsflash p
{
	margin: 0 20px;
	padding: 0 0 8px 0;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	line-height: 140%;	
}	
.intro
{
	font-weight: bold;
	color: #e80000;	
}
.irm /* Image Replacement Method: accessible method for hiding text (see http://www.webaim.org/techniques/css/invisiblecontent/) */
{
	position:absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#exhibitions
{
	position: absolute;
	top: 54px;
	left: 27px;	
	width: 117px;
}
a#exhibitions_hover
{
	display: block;
	background: url('../images/exhibitions.gif') no-repeat top left;
	height: 19px;
	width: 117px;	
}
a#exhibitions_hover:hover
{
	background: url('../images/exhibitions.gif') no-repeat bottom left;		
}
#faint_of_heart
{
	margin-left: 5px;
	position: absolute;
	top: 20px;
	width: 169px;	
}
#faint_of_heart_hover
{
	display: block;
	background: url('../images/faint_of_heart.gif') no-repeat top left;
	height: 58px;
	width: 169px;	
}
a#faint_of_heart_hover:hover
{
	background: url('../images/faint_of_heart.gif') no-repeat bottom left;			
}
#full_width_splash
{
	margin: 30px 0 10px -45px;	
} 

/* ------------------------------ [ Content ] */

div#content
{
	float: right;
	text-align: left;
	font-family: arial, verdana, sans-serif;
	padding: 20px 52px 10px 30px;

	width: 475px;

	height: 100%;
	color: #252525;
	background-color: transparent;

}
div#content p
{
	margin: 0 0 10px 0;
	line-height: 150%;
}
dl
{
	font-size: 12px;
}
dl dt
{
	font-weight: normal;
}
dl dd
{
	margin-left: 15px;
}
/* -------<Begin Tables>------- */
th 
{
	padding: 0 0.5em;
	text-align: left;
}
table.courses 
{
	border-collapse: collapse;
	border: 1px solid white;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #e8a239;
	border-top: 1px solid #e8a239; 
	border-bottom: 1px solid #c0c0c0;
	width: 500px;
	margin: 10px 0 20px 0;
}
.col_head  
{
	border-top: 1px solid white;	
	border-bottom: 1px solid white;	
}
th.time, th.morning, th.afternoon, th.evening
{
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-top: 1px solid #e8a239;
	line-height: 1.25em;		
	padding: 2x 4px;	
	vertical-align: top;
	background: #e8a239;
	color: #252525; 
	text-align: center;
	font-size: 15px;
}
th.time {width: 2%; background-color: #737373;}
th.morning {width: 32%;}
th.afternoon {width: 32%;}
th.evening {width: 32%; border-right: 1px solid #e8a239;}
.day {background-color: #737373;}
.mor, .aft, .eve {background-color: white;}
td.mor, td.aft, td.eve {	text-align:left; vertical-align:top; }
table.courses td
{
	line-height: 1.25em;
	padding: 4px;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #e8a239;
	font-size: 12px;
}

/* -------</End Tables>------- */
#slideshow, #slideshow_special, #slideshow_special2, #slideshow_special3 
{
/*	margin: 16px 0 18px 0; */
	margin: 16px -16px 18px 14px;
	padding: 26px 1px 1px 1px;
	background: url('../images/slideshow_bg.gif') no-repeat;
	height: 172px;
	width: 245px;
	float: right;
}
#slideshow_special
{
	background: black;
	background-image: none;
	margin-left: 12px;
	padding: 0;
	height: 308px;
}
#slideshow_special2
{
	background: url('../images/slideshow_special2_bg.gif') no-repeat;
	margin-left: 12px;	
	height: 327px;	
}
#slideshow_special3
{
	background: url('../images/slideshow_special4_bg.gif') no-repeat;
	margin-left: 12px;	
	height: 208px;	
}
.content_box, .content_box2
{
	background: url('../images/content_splotch.gif') no-repeat;
	height: 120px;
	width: 474px;	
	color: white;
	margin: 30px 0;
}
.content_box2
{
	background: url('../images/content_splotch2.gif') no-repeat;
	text-align: center;
	font-weight: bold;
	color: white;
	margin-top: 24px;
}
.content_box2 p
{
	padding-top: 30px;
	font-size: 18px;		
}
.content_box p
{
	text-align: center;
	padding: 36px 80px;
	font-weight: bold;
	font-size: 16px;		
}
.content_box p a
{
	text-align: center;	
}
.highlight_box
{
	background: #f7f7f7;
	border: 1px dashed #ccc;
	padding: 0px 12px;
	margin-bottom: 10px;
}
.asterisk
{
	color: red;
	font-weight: bold;
}
.apple
{
	margin-bottom: -2px;	
}
.img_float_left
{
	float: left;	
}
.img_float_right

{
	float: right;
	padding: 0 10px 10px 10px;	
}
.indent
{
	padding-left: 40px;	
}
.indentx2
{
	padding-left: 84px;	
}
#canada_helps
{
	padding: 44px 0 0 0;		
}
.nobr
{
	white-space: nowrap;	
}
/* -------<Begin Anchors>--------*/
#content p a, #content h1 a, #content h2 a, #content ul a, .courses a, #footer a, #newsflash a
{
	color: blue; 
	background-color: transparent;
	text-decoration: none;
	border-right: 1px solid white;
}
#newsflash a
{
	border-right: 1px solid #e1e2da;
}	
#r_sidebar_3_col p a
{
	border-right: 1px solid #e0dbc1;
}
#content p a:visited, #content h1 a:visited, #content h2 a:visited, #content ul a:visited, .courses a:visited, #footer a:visited, #newsflash a:visited
{
	color: blue;
}
#content p a:hover, #content h1 a:hover, #content h2 a:hover, #content ul a:hover, .courses a:hover, #footer a:hover, #newsflash a:hover
{
	color: blue; 
	border-bottom: 1px solid #898989;
	border-right: 1px solid #898989;
	background: #ebe9ef;
}
#content p a:visited:hover, #content h1 a:visited:hover, #content h2 a:visited:hover, #content ul a:visited:hover, .courses a:visited:hover, #footer a:visited:hover, #newsflash a:visited:hover
{
	color: blue;
	border-bottom: 1px solid #898989;	
	background: #ebe9ef;
}
a#map, a:visited#map, a:hover#map, a:visited:hover#map, a#reader_img, a:visited#reader_img, a:hover#reader_img, a:visited:hover#reader_img
{
 border-bottom: none;
}

/* -------<End Anchors>----------*/

/* -------<Begin Lists>--------- */
ul.standard
{
	padding-right: 0;
	list-style-type: none;
	margin-top: -4px;
}	
ul.standard li
{
  background: transparent url('../images/bullet.gif') no-repeat;
  background-position: 0 1px;
	margin: 0 0 0 -26px;
  padding-left: 20px;  
	line-height: 150%;
	font-size: 12px;
}
ul.bullets
{
	list-style-type: disc;
	margin: -6px 0 6px 0;
}	
ul.bullets li
{
	line-height: 150%;
	margin: 0 0 0 -12px;
	font-size: 12px;			
}
ul.no_bullets
{
	padding: 0 66px 0 0;
	list-style-type: none;
	margin-top: -4px;
	font-size: 12px;		
}	
ul.no_bullets li
{
  padding-left: 0px;  
	line-height: 150%;
	font-size: 12px;	
}
ol.ol_decimal
{
	padding-right: 66px;
	list-style-type: decimal;
	margin-top: -4px;
	font-size: 12px;	
}
ol.ol_decimal li
{
  padding-left: 2px;  
	line-height: 150%;
	font-size: 12px;	
	margin: 0 0 0 -12px;		
}
/* ---------<End Lists>--------- */

/* ------------------------------ [ Gallery ] */
.photo_block
{	
	display: block;
	margin: 0 0px 0 0;
	padding: 0 0 0 0px;
	line-height: 150%;	
}
.thumbs
{
	border: 1px solid black;
	padding: 0;	
	margin: 6px;
}
/* ------------------------------- [ Footer ] */
div#footer
{
	height: 24px; 
	width: 770px;
	margin: -24px auto 0 auto;	
	color: #707070;
	background: transparent;
}
div#footer p
{
	font-family: verdana, sans-serif;
	font-size: 10px;
	line-height: 14px;
	margin-top: 30px;
	padding: 2px 20px 0 170px;
}
#design_cred
{
	float: right;	
}
/* -----------<Miscellaneous divs>------------ */
.bak2top 
{
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  color: #ececec;
  background-color: black;
  border: 1px solid;
  border-color: #cccccc;
  padding: 2px;
  z-index: 10;
}
.bak2top a
{
  color: #ececec;
  background-color: black;
  border: none;
}
#content_3_col
{
	width: 280px;
	float: left;	
}
#r_sidebar_3_col
{
	margin-top: 26px;
	width: 160px;
	float: right;
	padding: 8px;
	border: 1px solid #aea15d;
	background-color: #e0dbc1;
}
#r_sidebar_3_col h2
{
	margin-top: 0;
	padding-top: 0;	
}
.photo_block_3_col
{
	display: block;
	margin: 0 0px 0 0;
	padding: 8px;
	line-height: 150%;	
	border: 1px solid #aea15d;
	background-color: #e0dbc1;	
}
/* -----------</Miscellaneous divs>------------ */