@import "layout.css";
@import "form.css";

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5x.css'; /*";}
}/* */

/*-------------------------*//* global text styles & classes *//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

/* define basic elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
* {
	margin:0;
	padding:0;
}

html {
	background:#EFEFEF url(/images/styles/bg_html.gif) top center repeat-y;
	text-align:center;
	height:100%;
	width:100%;
}

body {
	font:normal 62.5%/1 arial,helvetica,verdana,sans-serif;
	text-align:center;
	color:#000;
	width:760px;
	margin:0 auto;
	padding:0 0 0 1px;
}

/* headings*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5 {
	font-family:arial,helvetica,sans-serif;
	margin:0 0 15px;
}

h1 {
	color:#666;
	font-size:2.4em;
	font-weight:lighter;
	background:transparent url(/images/styles/dot.gif) bottom left repeat-x;
	padding:0 0 10px;
}

h2 {
	font-size:1.6em;
	margin:0 0 8px;
}

h3 {
	font-size:1.4em;
	margin:0 0 8px;
}

h4 {
	font-size:1.2em;
	margin:0 0 5px;
}

/*paragraphs etc*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

p {
	font-size:1.2em;
	margin:0 0 10px;
	margin-bottom: 10px!Important;
	line-height:1.4;
}

span {
	
}

address{
	font-style:normal;
	line-height:1.3;
}

blockuote{
	
}

cite{
	
}


/* list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
ol{
	margin:0 0 10px 30px;
}

ul {
	margin:0 0 10px 30px;	
}

li {
	line-height:1.4;
	font-size:1.2em;
}

	
/*definition list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
dl {
	
}

dt {
	clear:left;
	float:left;
	width:100px;
	font-size:1.1em;
}
	
dd {
	font-size:1.1em;
}


/* link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
a img {
	border:none;
}

a, a:link, a:visited {
	color:#900;
	text-decoration:none;
}

a:hover {
	color:#F00;
}

a:active {
	
}

/* skip to content link at top of page*/
.skip {
	position:absolute;
	left:-9999px;
}

/*image replacement*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.replace{ 
	position:relative; 
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1;
}

a.replace span{
	cursor:hand;
}

/* bug workarounds */
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

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

.clearfix {
	display:inline-block;
}

/* general custom classes*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.dotrule {
	height:1px; 
	font-size:1px;
	background:url(/images/styles/dot.gif) repeat-x; 
	clear:both;
	margin:10px 0;
}
	
.right{
	float:right;
}

.left{
	float:left;
}

.thumb{
	border:1px solid #999;
	padding:1px;
}

.thumb.left{
	margin:0 15px 15px 0;
}

.thumb.right{
	margin:0 0 15px 15px;
}

.clear{
	clear:both;
}

p.pink {
	color:#C99;
	font-size:1.2em;
	font-weight:bold;
}

.details {
	float:left;
}

.details dl {
	background: url(/images/this_school_details.gif) no-repeat 0 0;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 10px;
	padding-top: 44px;
}

.details.altBackground dl {
	background: url(/images/shop_details.gif) no-repeat 0 0;
}


.details dt {
	float:none;
	width:280px;
	font-size:1.2em;
	line-height:1.4;
}

.details dd {
	font-weight:bold;
	margin:0 0 5px;
	font-size:1.2em;
	line-height:1.4;
}

.dotted {

}

.rounded {
	background:transparent url(/images/styles/bg_rounded.gif) top left no-repeat;
	margin:0 10px 5px 0;
	float:left;
	width:auto;
}

.rounded a{
	background:transparent url(/images/styles/bg_rounded_a.gif) top right no-repeat;
	display:block;
	font-weight:bold;
	padding:8px 10px 8px 8px;
	position:relative;
	white-space:nowrap;
	left:6px;
}

.intro {
	color:#660;
	font-weight:bold;
	font-size:1.3em;
}

.onlyPrint {
	display: none;
}

.images #content_sub1 .left p, .images #content_sub1 .right p {
	border: 1px solid #999999;
	border-top: 2px solid #424242;
	padding: 5px;
	padding-bottom: 8px;
	background: #EAEAEA;
}

.images #content_sub1 .left img, .images #content_sub1 .right img {
	margin-top: 20px;
}

.images #content_sub1 h2 {
	margin-top: 2em;
}

#schools h2#school_images {
	margin-top: 10px;
}

.signature {
	text-align: right;
	padding: 55px 20px 0 0;
	background:url(/images/signature.gif) right no-repeat;
	font-weight: bold;
}

.deep {
	margin:20px 0;
}