/* STYLES FOR QCT's WTD WEBSITE 2009 */

/* NB: Applying padding directly to a column will change the way the widths are calculated and could mess up the floated columns. To get around this problem apply margin to the children of the column instead. e.g. #maincol p{margin:1em;} */

html, body{ 
 	margin:0; 
 	padding:0; 
 	text-align:center; 
	border-width:0px;
} 

body {
	font-family: Helvetica, Arial, sans-serif; /* Set the global font */
	background: #65479d url(../images/bg-purple.jpg); /* Add the repeating texture file */
	font-size: 10pt;
	color: #FFFFFF;
	line-height: 1.3;
}

/*link styles*/ 
a:link {color: #FFE587;}
a:visited {color: #FFE587;}
a:hover {color: #f2af00;}
a:active {color: #f2af00;}

div {
     position: relative;
}

#page-wrap {
	background-image: url(../images/bg-purple-top.jpg);
	background-repeat: repeat-x;
	margin:0; 
 	padding:0; 
}
#page-wrap_profile {
	background-image: url(../images/bg-purple-top2.jpg);
	background-repeat: repeat-x;
	margin:0; 
 	padding:0; 
}
 
#pagewidth{
	width:990px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
} 
 
#page-background{
	width:990px;
	margin:0;
	padding:0;
	background-image: url(../images/bg-purple-mid.jpg);
	background-repeat: repeat-y; 
}
 
#header{
	position:relative;
	/* height:155px;
	width:100%; */
	height:33px; 
	/* height = 94px - padding top of 61px = 33px (same hieght as #nav) */
	width:791px;
	padding-left: 199px;
	padding-top: 61px;
	background-image: url(../images/bg-qct-top_blnk.jpg);
	background-repeat: no-repeat;
} 

#header_blank {
	position:relative;
	/* height:155px;
	width:100%; */
	height:94px;
	width:791px;
	padding-left: 199px;
	padding-top: 61px;
	background-image: url(../images/bg-qct-top_blnk.jpg);
	background-repeat: no-repeat;
} 

#nav {
	width: 741px;
	height: 33px;
	position:relative;
}

#logo {
    position: absolute;
    top: 0px;
   	left: 0px;
    width: 190px;
    height: 94px;
}

#promo{
 	position:relative; 
 	height:390px; 
 	width:100%;
} 
#promo_tip{
	position: relative;
	height:61px; 
	width:791px;
	text-align: left;
}
#promo-status {
	position: absolute;
	left: 363px;
	top: 365px;
	height: 60px;
	width: 555px;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	z-index: 2;
}
#promo-status h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20pt;
	/*color: #ffbf0f;*/
	color: #ffffff;
	/*font-weight: bold;*/
	text-transform: uppercase;
	text-align: left;
	margin: 0px;
}
#promo_blank {
	position:relative;
	height:300px;
	width:100%;
	background-image: url(../images/bg-promo-purple2.jpg);
	margin-bottom: 90px;
}
#promo_profile {
	position:relative;
	height:300px;
	width:100%;
	background-image: url(../images/bg-promo-purple2.jpg);
	margin-bottom: 29px;
} 
#promo_profile2 {
	position:relative;
	height:353px;
	width:100%;
	background-image: url(../images/bg-promo-purple2.jpg);
	margin-bottom: 29px;
}   

#leftcol{
	width:363px;
	float:left;
	position:relative;
	padding-top: 20px;
}
 
#maincol{
	float: right;
	display:inline;
	position: relative;
	width:627px;
	padding-bottom: 50px;
}
#maincol_profile {
	float: right;
	display:inline;
	position: relative;
	width:627px;
	padding-bottom: 29px;
}
 
#footer{
	height:40px;
	clear:both;
	background-image: url(../images/bg-purple-footer.jpg);
	background-repeat: repeat-y;
	font-size: smaller;
	color: #34235a;
	text-transform: uppercase;
	padding: 10px;
	text-align: center;
	font-weight: bold;
} 

a.footer:link, a.footer:visited {
	color: #34235a;
}
a.footer:active, a.footer:hover {
	color: #f2af00;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/*text styles*/ 
h1,h2,h3,h4,h5,h6 {
	color: #f2af00;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 0px;
}
#maincol h1, #maincol h2, #maincol h3, #maincol h4, #maincol h5, #maincol h6 {
	margin-right: 50px;
	margin-left: 0px;
}
#maincol p {
	margin-right: 50px;
	margin-left: 0px;
}
.para1 {
	font-size: larger;
}
ul,ol {
	line-height: 1.75;
}
.yellow-text {
	color: #f2af00;
}
#highlight {
	width: 577px;
	margin-right: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images/text-highlight.jpg);
	padding-top: 10px;
	padding-bottom: 10px;
}
#highlight p, #highlight h1, #highlight h2, #highlight h3, #highlight h4, #highlight h5, #highlight h6, #highlight ul, #highlight ol {
	margin-right: 20px;
	margin-left: 20px;
} 
/* Pull Boxes */
.pullbox-h1 {
	margin-right: 20px;
	margin-left: 30px;
	color: #f2af00;
	font-size: 12pt;
	margin-bottom: -7px;
} 
/*Pull box 01*/ 
#pullbox01 {
	background-image: url(../images/pullboxbg01.jpg);
	background-repeat: no-repeat;
	height: 159px;
	width: 270px;
	position: relative;
	top: 0px;
	left: 50px;
	margin-bottom: 0px;
	padding-top: 23px;	
}
#pullbox01 p{
	margin-right: 20px;
	margin-left: 30px;
} 
#pullbox01 ul, #pullbox01 ol {
	margin-right: 20px;
}

/*Pull box 02*/ 
#pullbox02 {
	background-image: url(../images/pullboxbg02.jpg);
	background-repeat: no-repeat;
	height: 169px;
	width: 270px;
	position: relative;
	top: 0px;
	left: 50px;
	margin-bottom: 15px;
	padding-top: 33px;	
}
#pullbox02 p{
	margin-right: 20px;
	margin-left: 30px;
}
#pullbox02 ul, #pullbox02 ol {
	margin-right: 20px;
}
/*Pull box 03*/ 
.pullbox03 {
	background-image: url(../images/pullboxbg03_mid.jpg);
	background-repeat: repeat-y;
	width: 270px;
	position: relative;
	top: 0px;
	left: 50px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.pullbox03 p{
	margin-right: 20px;
	margin-left: 30px;
}
.pullbox03 ul, #pullbox02 ol {
	margin-right: 20px;
}

/* Action Boxes */
#actionBox{
	height: 99px;
	width: 100%;
	margin-top: 20px;
	background-image: url(../images/char_btm.jpg);
	background-repeat: no-repeat;
}
#actionBox p{
	padding-left: 100px;
	padding-top: 20px;
	padding-right: 50px;
}
#actionBox2{
	height: 99px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images/char_btm.jpg);
	background-repeat: no-repeat;
}
#actionBox2 p{
	padding-left: 100px;
	padding-top: 15px;
	padding-right: 30px;
}

/* Teacher Profile Styles */
#profilepic {
	float: left;
	position: relative;
	top: 34px;
	left: 38px;
	padding: 15px;		
	width: 264px; /* 294px minus padding */
	height: 200px; /* 230px minus padding */
	background-image: url(../images/bg_profile.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#profiletext {
	float: right;
	display:inline; 
	position: relative;
	top: 34px;
	left: 0px;		
	width: 577px; 
	height: 230px;
	margin-right: 50px;
}