/* CSS style sheet for SCS */
/* BRR */

body
{
		background-image:		 url(images/rpt-x2.png);		/* url(images/v4a.png); */
		background-repeat:		repeat-x;
}

/*
   Create main frame for everything else...
*/
.frame {
	position:			relative; 
	/*margin:				auto;*/
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			-64px;

	width: 				980px; 
	height: 			1370px;  
	/*overflow:auto;*/
	top: 				0px; /*-57px;*/
	/*background-color:	#f8f8f8;*/
	z-index:			0;
	
	/* border: 1px solid green; */
	
}

/*******************************************************************
	HEADER 
********************************************************************/	

/*
	Header Logo ....
*/

div#headerRegion {
	width:			980px;
	height:			130px;
	position:		absolute;
	z-index:		2;
	left:			0px;
	top: 			62px;
	
	border-radius:	15px;

	/* border: 		1px dashed red; */

}

#QTlogo {
	width:			300px;
	height:			130px;
	position:		absolute;
	z-index:		3;
	left:			44px;
	top: 			-1px;
/*	left:			170px;
	top: 			165px;*/
	/* border: 1px solid red; */
}



/*******************************************************************
	MENUING SYSTEM
********************************************************************/	
.mainMenuFrame {
	position:			absolute;  
	margin-left:		170;
	margin-top:			154;
	top: 				168px; /*180*/

	width: 				980px; 
	height: 			40px;  /*87*/
	background-color:	transparent;
	z-index:			0;
	
	font-family:		calibri;
	font-size:			12pt;
	font-weight:		normal;
	color:				black;
	text-align:			center;
	/*vertical-align:		center;*/
	
	/*filter:alpha(opacity=100);
	opacity:1;*/
	
	/* border: 1px solid red; */
}


.underlinemenu{

	position: 	absolute; 
	left:		490px; 
	top: 		168px; 
	height: 	26px; 
	z-index: 	2;

	font-family: 	calibri;
	font-weight: 	normal;
	width:			50%;

	/* border: 1px dashed red; */
}

.underlinemenu ul{
	padding: 	2px 0 7px 0; 	/*	6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below */
	margin: 	0;
	text-align: right; 			/* set value to "left", "center", or "right"*/
	
	/* border: 1px dashed blue; */
}


.underlinemenu ul li{
	display: inline;
	
	/* border: 1px dashed green; */
}

.underlinemenu ul li a{
	color: 				#bbbbbb;
	padding: 			2px 3px 4px 3px; /* 494949 top padding is 6px, bottom padding is 4px*/
	margin-right: 		15px; /*spacing between each menu link*/
	text-decoration: 	none;
	font-weight:		bold;
	/*border-bottom: 		3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, 
.underlinemenu ul li a.selected{
	border-bottom-color:	black;
	border-bottom: 		2px solid white;
	background:				transparent;
	color:					black;
}





/*******************************************************************
	MAIN BODY SYSTEM
********************************************************************/	

div.mainBody {
	position:			absolute;  

	width: 				980px; 
	height: 			615px; 
	top: 				543px; 
	left:				0px;
	background-color:	transparent;
	z-index:			1;

	/* border: 1px dashed blue; */
}



div#wideColumnContainer {
	position:			absolute;  

	width: 				665px; 
	height: 			595px; 
	top: 				20px; 
	left:				0px;
	z-index:			2;
	
	background-color:	transparent;
	border-radius:		15px;

	/* border: 1px dashed blue;  */

}



div#wideColumnHeader	{
	position:			absolute;  

	width: 				328px; 
	height: 			35px; 
	top: 				0px; 
	left:				0px;
	z-index:			3;
	background-color:	transparent;
	
	text-align:			justify;
	text-indent:		15px;
	margin-top:			5px;
	font-size:			16pt;
	font-family:		calibri;
	font-weight:		bold;
	color:				grey;
	
	/*border: 2px dashed purple;  */
}


div#wideColumnTxt {
	position:			absolute;  

	width: 				645px; 
	height: 			535px; 
	top: 				50px; 
	left:				10px;
	z-index:			3;
	background-color:	transparent;
	
	text-align:			justify;
	/*border: 1px dashed red; */ 

}
div#wideColumnTxt h1 {

	font-family:		calibri;
	font-size:			12pt;
	font-weight:		bold;
	color:				#777777;
	text-align:			left;
	/* text-decoration:	underline; */
}
div#wideColumnTxt p {
	font-family:		calibri;
	font-size:			11pt;
	font-weight:		normal;
	color:				#777777;
	text-align:			justify;
}


div#consultancyBox 	{
	width:			200px;
	height:			400px;
	position:		absolute;
	top:			135px;
	left:			0px;
	border-radius:	6px;
	/*border:		1px #3D5E88 solid;*/
}
div#consultancyBox h1		{
	font-family:		calibri;
	font-size:			13pt;
	font-weight:		normal;
	color:				white;
	text-align:			left;
	background:			#3D5E88;
	border-radius:		6px;
	margin-top:			10px;
	padding:			10px;
}
div#consultancyBox p		{
	font-family:		calibri;
	font-size:			11pt;
	font-weight:		normal;
	color:				#3D5E88;
	text-align:			justify;
	padding-left:		12px;
}
div#consultancyBox  a.readMore	 {
	font-family:		calibri;
	font-size:			9pt;
	font-weight:		bold;
	text-align:			right;
	padding-left:		12px;
	float:				right;
	text-decoration:	none;
	/*border:				1px red dashed;*/
	/*display:	inline; */
}
div#consultancyBox  a.readMore:link {
	color:				#3D5E88;
}
div#consultancyBox  a.readMore:visited {
	color:				#3D5E88;
}
div#consultancyBox  a.readMore:hover {
	text-decoration:	underline;
}
div#consultancyBox  a.readMore:active {
	color:				#ff0000;
}

div#researchBox	{
	width:			200px;
	height:			400px;
	position:		absolute;
	top:			135px;
	left:			222px;
	border-radius:	6px;
	/*border:		1px green solid;*/
}
div#researchBox h1		{
	font-family:		calibri;
	font-size:			13pt;
	font-weight:		normal;
	color:				white;
	text-align:			left;
	background:			#366732;
	border-radius:		6px;
	margin-top:			10px;
	padding:			10px;
}
div#researchBox p		{
	font-family:		calibri;
	font-size:			11pt;
	font-weight:		normal;
	color:				#366732;
	text-align:			justify;
	padding-left:		12px;
}
div#researchBox  a.readMore	 {
	font-family:		calibri;
	font-size:			9pt;
	font-weight:		bold;
	text-align:			right;
	padding-left:		12px;
	float:				right;
	text-decoration:	none;
	/*border:				1px red dashed;*/
	/*display:	inline; */
}
div#researchBox  a.readMore:link {
	color:				#366732;
}
div#researchBox  a.readMore:visited {
	color:				#366732;
}
div#researchBox  a.readMore:hover {
	text-decoration:	underline;
}
div#researchBox  a.readMore:active {
	color:				#ff0000;
}

div#trainingBox	{
	width:			200px;
	height:			400px;
	position:		absolute;
	top:			135px;
	left:			444px;
	border-radius:	6px;
	/*border:		1px blue dashed;*/
}

div#trainingBox h1		{
	font-family:		calibri;
	font-size:			13pt;
	font-weight:		normal;
	color:				white;
	text-align:			left;
	background:			#E54E4E;
	border-radius:		6px;
	margin-top:			10px;
	padding:			10px;
}
div#trainingBox p		{
	font-family:		calibri;
	font-size:			11pt;
	font-weight:		normal;
	color:				#E54E4E;
	text-align:			justify;
	padding-left:		12px;
}
div#trainingBox  a.readMore	 {
	font-family:		calibri;
	font-size:			9pt;
	font-weight:		bold;
	text-align:			right;
	padding-left:		12px;
	float:				right;
	text-decoration:	none;
	/*border:				1px red dashed;*/
	/*display:	inline; */
}
div#trainingBox  a.readMore:link {
	color:				#E54E4E;
}
div#trainingBox  a.readMore:visited {
	color:				#E54E4E;
}
div#trainingBox  a.readMore:hover {
	text-decoration:	underline;
}
div#trainingBox  a.readMore:active {
	color:				#ff0000;
}



div#narrowColumnContainer {
	position:			absolute;  

	width: 				305px; 
	height: 			595px; 
	top: 				20px; 
	left:				675px;
	z-index:			2;

	
	background-color:	transparent;
	border-radius:		15px;
	
	 /* border: 1px dashed green;  */
}



div#narrowColumnHeader {
	position:			absolute;  

	width: 				139px; 
	height: 			32px; 
	top: 				0px; 
	left:				0px;
	z-index:			2;

	background-color:	transparent;

	text-align:			justify;
	text-indent:		15px;
	margin-top:			5px;
	font-size:			16pt;
	font-family:		calibri;
	font-weight:		bold;
	color:				grey;
	/* border: 2px dashed red;  */
}


div#announcement1 {
	position:			absolute;  
	width: 				285px; 
	height: 			80px; 
	top: 				50px; 
	left:				10px;
	z-index:			1;
	background-color:	transparent;
	//border: 1px dashed green;  
}
div#announcement1 p {
	text-align:	justify;
	color:		#777777;
	font-family:	calibri;
}
div#announcement1 ul {
	color:		#777777;
	font-family:	calibri;
}
div#announcement1 #calendar1{
	width:			80px;
	height:			100px;
	float:			left;
	//display:		block;
	
	text-align:		center;
	color:			white;
	font-size:		11pt;
	font-family:	calibri;
	
	background:		#821b54;
	border-radius:	5px;
	//border:			brown 1px dashed;
	
	margin-right:	20px;
}
div#announcement1 #calendar1 h1{
	width:			70px;
	background:		white;
	border-radius:	4px;
	color:			#821b54;
	text-align:		center;
	margin:			2px 0 0 5px;
	padding:		7px 0 7px 0;
	
	font-size:		35px;
	font-family:	calibri;
}
div#announcement1 #calendar1 h2{
	/*width:			70px;
	background:		white;
	border-radius:	4px;
	color:			#821b54;*/
	text-align:		center;
	margin:			-12px 0 0 1px;
	//padding:		7px 0 7px 0;
	
	font-size:		20px;
	font-family:	calibri;
}
div#announcement1 #blurb1{
	/*
	width:			100px;
	height:			100px;
	float:			left;
	//display:		block;
	background:		#821b54;
	border-radius:	5px;*/

	height:			492px;
	width:			210px;
	
	text-align:		justify;
	color:			grey;
	font-size:		11pt;
	font-family:	calibri;
	margin:			0 0 0 0px;
	padding:		0 0 0 70px;
	
	border:			black 5px dashed;
	z-index:		9;
}



div#announcement2 {
	position:			absolute;  

	width: 				285px; 
	height: 			100px; 
	top: 				174px; 
	left:				10px;
	z-index:			3;
	background-color:	transparent;
	
	//border: 1px dashed green;  
}

/*
ul#announceList {
	position:			absolute;  
	width: 				235px; 
	//height: 			0px; 
	top: 				50px; 
	left:				10px;
	z-index:			3;
	background-color:	transparent;
	border:	1px red dashed;

	text-align:			justify;
	font-size:			11pt;
	font-family:		calibri;
	//font-weight:		bold;
	color:				grey;
}
ul#announceList li {
	list-style-type:	none; 
	margin-left:		-30px;
}
ul#announceList li p {
	width:			80px;
	height:			100px;
	//display:		block;
	
	text-align:		center;
	
	background:		#821b54;
	border-radius:	5px;
	
	color:			white;
}

ul#announceList li p h1{
	font-size:		35px;
	font-family:	calibri;
	font-weight:	bold;
	color:			red;
}
ul#announceList li span span{
	text-align:		center;
	font-size:		18px;
	font-family:	calibri;
	font-weight:	normal;
	color:			red;
	
	background:		white;
}
ul#announceList li span span span{

}
ul#announceList li span span span span{
	display:		inline;
}
ul#announceList li span span span span span{
	display:		inline;

}
*/


/*******************************************************************
	UPPER FOOTER
********************************************************************/	

div.upperFooterContainer	{
	position:			absolute;  

	width: 				980px; 
	height: 			160px; 
	top: 				1173px; 
	left:				0px;

	z-index:			1;

}

div.upperFooter	{
	position:			absolute;  

	width: 				980px; 
	height: 			160px; 
	top: 				0px; 
	left:				0px;

	z-index:			1;

	background-color:	transparent;
	border-radius:		15px;
	
	/* border: 1px dashed blue; */
}


div#leftCol {
	position:			absolute;  

	width: 				307px; 
	height: 			150px; 
	top: 				0px; 
	left:				0px;
	z-index:			3;
	
	margin-left:		10px;
	padding-left:		0px;
	padding-top:		5px;
	padding-bottom:		5px;
	
	font-family:		Calibri;
	font-size:			10pt;
	text-decoration:	bold;
	text-align:			left;
	color:				#444444;
	/*background-color:	transparent;*/
	border-radius:		15px;

	text-align:			justify;
	/*border: 1px solid yellow; */

}


div#midCol {
	position:			absolute;  

	width: 				307px; 
	height: 			150px; 
	top: 				0px; 
	left:				327px;
	z-index:			9;

	margin-left:		10px;
	padding-left:		0px;
	padding-top:		5px;
	padding-bottom:		5px;
	
	font-family:		Calibri;
	font-size:			10pt;
	text-decoration:	bold;
	text-align:			left;
	color:				#444444;
	
	background-color:	transparent;
	border-radius:		15px;
	
	/*border: 1px solid pink;   */


}



div#rightCol {
	position:			absolute;  

	width: 				307px; 
	height: 			150px; 
	top: 				0px; 
	left:				654px;
	z-index:			9;

	margin-left:		10px;
	padding-left:		0px;
	padding-top:		5px;
	padding-bottom:		5px;
	
	font-family:		Calibri;
	font-size:			10pt;
	text-decoration:	bold;
	text-align:			left;
	color:				#444444;
	
	background-color:	transparent;
	border-radius:		15px;
	
	/*border: 1px solid pink;  */


}
























/*******************************************************************
	FOOTER REGION
********************************************************************/	


div#footer	{
	width:			980px;
	height:			25px;
	position:		absolute;
	z-index:		2;
	left:			0px;
	top: 			1335px;

	/* border: 1px solid red; */
}


div#footerLeft {
	width:			327px;
	height:			25px;
	position:		absolute;
	z-index:		7;
	float:			left;
	/* left:			60px; */
	/*top: 			1355px;*/

	/* border: 2px solid green; */

	font-family:		Calibri;
	font-size:			10pt;
	text-decoration:	bold;
	text-align:			left;
	color:				black;
	vertical-align:		center;
	margin-top:			5px;
	/* margin-left:		0px; */
}

div#footerMid {
	width:			327px;
	height:			25px;
	position:		absolute;
	z-index:		2;
	left:			328px;
	top: 			0px;

	/*border: 1px solid red;*/

	font-family:		Calibri;
	font-size:			10pt;
	text-decoration:	bold;
	text-align:			center;
	color:				black;
	vertical-align:		center;
	margin-top:			5px;
	margin-left:		0px;
}



div#footerRight {
	width:			327px;
	height:			25px;
	position:		absolute;
	z-index:		2;
	left:			656px; 
	top: 			0px;

	/* border: 1px solid blue; */

	font-family:		Calibri;
	font-size:			9pt;
	text-decoration:	bold;
	text-align:			right;
	color:				black;
	vertical-align:		center;
	margin-top:			0px;
	margin-left:		0px;
}