/*
	Filename         :	global.css
	Created by       :	Mark Thomas
	Last modified by :	Mark Thomas
	Created          :	09 November 2004 14:17:06
	Last Updated     :	09 November 2004 14:23:32
	Comments         :	
*/


@import url(navigation.css);
@import url(forms.css);
@import url(home.css);
@import url(styles.css);

/*******************************************************************/

* {
	font-family:arial, helvetica, sans-serif;
	color:#333;
	margin:0;
	padding:0;
	/* Use the following set to 1px to draw margins around each content block */
	border:0px solid #eee
}

/******************************************************************
	Main content
 ******************************************************************/
.Col3mainContent {
	float:left;
	margin:1em 0;
	width:550px;
}
.Col3mainContent ul {
	margin-left: 30px;
	list-style-type: disc;
}

.Col3mainContent ul ul {
	margin-left: 30px;
	list-style-type: square;
}

.Col3mainContent ul ul ul {
	margin-left: 30px;
	list-style-type: circle;
}

.Col3mainContent ol {
	margin-left: 30px;
	list-style-type: decimal;
}

.Col3mainContent ol ol {
	margin-left: 30px;
	list-style-type: lower-alpha;
}

.Col3mainContent ol ol ol {
	margin-left: 30px;
	list-style-type: lower-roman;
}

/* Author : Shahid Hafiz
   Date   : 22/06/06
   The following colour setting should match the div.pagecontent background colour
   because when tables are used in the Col3mainContent, the overall background colour
   shows through when it shouldn't. */
.Col3mainContent table * {
	/*background-color:#efefff;*/
	background-color:#fff;
}

/**********************************************************************************************/

body {
	margin:5px;
}

fieldset,
img {
	border:none;
}

span.Label
{
	float:left;
	margin: 10px 0px 0px 0px ;
}

input.InputBox
{
	margin: 10px 0px 0px 0px ;
	float: right;
	width: 200px;
}

select
{
	margin: 10px 0px 0px 0px ;
	float: right;
	width: 200px;
}

textarea
{
	margin: 10px 0px 0px 0px ;
	float: right;
	width: 200px;
}

input.FormSubmit
{
	margin: 10px 0px 0px 0px ;
	float: right;
	width: 50px;
}

hr {
	clear:both;
	border:none;
	border-top:1px solid #ccc;
	color:transparent;
	background-color:transparent;
	height:1px;
	color:#ccc;
}
table {
	font-size:100%;
}

.RapidSite1 
{
	text-align:center;
}

/*******************************************************************/

div.clear {
	clear:both !important;
	visibility:hidden !important;
	overflow:hidden !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	font-size:1px !important;
	height:1px !important;
	width:1px !important;
	float:none !important;
}
img.imgLeft {
	float:left !important;
	margin:0 10px 10px 0;
}
img.imgRight {
	float:right !important;
	margin:0 0 10px 10px;
}
/*******************************************************************/

ul#accessibilityLinks {
	position:absolute;
	top:-5000px;
}

/*******************************************************************/

.logoright 
{
	padding-top:10px;	
	padding-bottom:10px;
	padding-right: 0px;
}

/*******************************************************************/

.wrapper {
	width:760px;
 	margin: 0px auto 0px auto;
}

/*******************************************************************/

.mainContent {
	float:left;
	margin:1em 0;
	width:595px;
}

/*******************************************************************/

.secondaryContent {
	float:left;
	margin:1em 0 1em 15px;
	width:160px;
}


/*******************************************************************/
/* RHS section panels */

/*******************************************************************/

.RHSsecondaryContent {
	float:right;
	margin:1em 0 1em 15px;
	width:100px;
	height:200px;
	border: 0px dashed black;
}


/*******************************************************************/

strong,b {
	color: black;
	font-family: Arial;
	font-weight: bold;
	font-size: 120%;

	font-decoration: underline;

}
/*******************************************************************/


div.box {
	border:1px solid #ccc;
	padding:5px;
	margin:0 0 .5em 0;
}
div.box h2 {
	background-image:url(../images/layout/bg_box_h2_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 .2em;
	padding-left:15px;
	color:#999;
	font-size:110%;
	margin:0 0 .5em 0;
}
div.box ul {
	list-style-type:none;
	margin:.5em 0;
}
div.box li {
	background-image:url(../images/layout/bg_box_bullet_arrow.gif);
	background-repeat:no-repeat;
	background-position:2px .45em;
	padding:.1em 0 0 10px;
	color:#999;
}
div.box li a {
	color:#999;
	text-decoration:none;
}
div.box li a:hover {
	text-decoration:underline;
	color:#333;
}
div.box p {
	color:#666;
	font-size:90%;
	margin:0 0 .5em 0;
}

/*******************************************************************/
.PageName {
/*	background-image:url(/root/images/layout/bg_h1.gif);
	background-repeat:no-repeat;
	background-position:0 .2em;
 change title color from  006A65
 change title color from #6699CC and font_size from 160%*/

	padding-left: 30px;
	color: #07205E;
	font-size:180%;
	font-weight:bold;
	padding:0 0 0 15px;
	height:25px;
}

/*******************************************************************/
/* Appears in the Paragraph style */

h1 {
	/*background-image:url(/root/images/layout/bg_h1.gif); took out as not needed by guidelines*/
	/* changed color from 006A65 and font-size from 140% */
	
	background-repeat:no-repeat;
	background-position:0 .2em;
	
	color: #2E3F5B;
	font-size:140%;
	font-family: Myriad;
	padding:0 0 0 6px;
	margin:0 0 0 0;
	line-height:100%;
}

h2 {

/*	color: #A1ABE6;
	color: #A0AFB4; */
	color: #018EBE;
	font-size:120%;
	font-weight: bold;
	font-family: Myriad;
	padding:0 0 0 6px;
	margin:0 0 0 0;
}

h3 {

	color: #018EBE;
	font-size:120%;
	font-style: italic;
	font-weight: normal;
	font-family: Myriad;
	padding:0 0 0 6px;
	margin:0 0 0 0;
}


/*******************************************************************/

/*.mainContent h1 {
	background-image:url(/root/images/layout/bg_h1.gif);
	background-repeat:no-repeat;
	background-position:0 .2em;
	color:#006A65;
	font-size:140%;
	padding:0 0 0 15px;
	margin:0 0 1em 0;
} 
.mainContent h2 {
	background-image:url(/root/images/layout/bg_h1.gif);
	background-repeat:no-repeat;
	background-position:0 .2em;
	color:#006A65;
	font-size:130%;
	padding:0 0 0 15px;
	margin:.5em 0 1em 0;
}*/
.mainContent h3 {
	font-size:100%;
	color:#f90;
}
.mainContent h3 a {
	color:#006A65;
}
.mainContent p {
	margin:1em 0 0 0;
}
.mainContent ul {
	margin:1em 0 0 0;
	padding:0 0 0 16px;
}
.mainContent ol {
	margin:1em 0 0 0;
	padding:0 0 0 16px;
}

/*******************************************************************/

ul.results {
	list-style-type:none;
	margin:0 0 2em 0;
	padding:0 !important;
}
ul.thumbnails li {
	padding:.5em 20px .5em 90px !important;
	min-height:90px;
}
ul.results li {
	border-bottom:1px solid #ccc;
	padding:.5em 20px .5em 0;
}
ul.results li h3 {
	margin:0 0 .5em 0 !important;
}
ul.results li p {
	margin:0 0 .6em 0 !important;
}	
ul.results img {
	float:left;
	width:80px;
	margin-left:-90px;
}

div.navResults {
	width:420px;
	text-align:right;
	color:#777;
	letter-spacing:6px;
}
div.navResults * {
	color:#777;
	letter-spacing:0px;
	text-decoration:none;
}
ul.results div.cost {
	float:right;
	color:#369;
	margin:0 0 1em 10px;
	font-weight:bold;
	padding:0 0 0 10px;
	border-left:1px solid #999;
}
ul.results h3 span {
	float:right;
	text-align:right;
	color:#999;
	background-repeat:no-repeat;
	background-position:top right;
	padding:0;
}
ul.results h3 span img {
	margin-left:4px;
	width:auto;
}
ul.results h3 span.htm {
	background-image:url(../images/icons/htm.gif);
	padding:3px 22px 0 0;
}
ul.results h3 span.aspx {
	background-image:url(../images/icons/aspx.gif);
	padding:3px 22px 0 0;
}
ul.results h3 span.doc {
	background-image:url(../images/icons/word.gif);
	padding:3px 22px 0 0;
}
ul.results h3 span.pdf {
	background-image:url(../images/icons/pdf.gif);
	padding:3px 22px 0 0;
}
ul.results h3 span.ppt {
	background-image:url(../images/icons/powerpoint.gif);
	padding:3px 22px 0 0;
}
ul.results h3 span.project {
	background-image:url(../images/icons/project.gif);
	padding:3px 22px 0 0;
}
ul.results h3 span.mdb {
	background-image:url(../images/icons/accessgif.html);
	padding:3px 22px 0 0;
}
ul.results h3 span.xls {
	background-image:url(../images/icons/excel.gif);
	padding:3px 22px 0 0;
}

/*******************************************************************/

table.calendar {
	border-collapse:collapse;
}
table.calendar th,
table.calendar td {
	text-align:right;
	border-collapse:collapse;
	width:19px;
	padding:1px 0;
	cursor:default;
}
table.calendar th {
	padding:0 0 .5em 0;
	text-align:center !important;
	width:auto;
}
table.calendar th a {
	text-decoration:none;
	font-weight:bold;
	font-size:110%;
}
table.calendar th a:hover {
	color:#f90;
}
table.calendar td a {
	color:#f90;
	text-decoration:underline;
	display:block;
	width:16px;
	padding:0 1px;
}
table.calendar td a:hover {
	color:#fff;
	background-color:#f90;
}
table.calendar td.otherMonth {
	color:#999;
}

/*******************************************************************/

.Spacer
{
	margin: 10 0 0 0;
}

span.spacer {
	padding:0 10px 0 0;
}

.ModeSwitch
{
	float: left;
	color: #018ebe;
	padding: 0 0 0 2;

}


.formAlign span.Label
{
	vertical-align:top;
}

/*****************************************
Here onwards for the body text style
******************************************/

div.pagecontent,
div.pagecontent p
{
	/*background-color: #efefff !important;*/
	background-color: #fff !important;
	color: #333333;
	font-size: 11pt;
	line-height: 130%;
	font-family:Arial;
	line-height: 130% !important;
	font-weight:normal;
}

div.pagecontent h1
{
}

div.pagecontent h2
{
}

div.pagecontent a:link 
{
	color:#018EBE;	
	font-size: 90%;
}

div.pagecontent p a:hover, 
div.pagecontent a:hover 
{	
	/*font-weight: bold;*/
	text-decoration:underline;
	color: #F97319;
	font-size: 90%;
}

div.pagecontent a:visited 
{
	color:#F97319;
	font-size: 90%;
}




.Welcome 
{
	
	color: #018EBE;
	font-size:110%;
	font-family: Arial;
	font-weight: bold;
}


.SourceText 
{	
	color: #333333;
	font-size:80%;
}

/*****************************************
End of body text style
******************************************/

/*****************************************
Start of News text style
******************************************/

News{
	font-family: georgia;
}

.News Title{
	color: #018EBE;
	font-size:160%;
	font-family: georgia;
}

.News Date{
	color: #F97319;
	font-size:100%;
}

.News a:hover {
	color:#018EBE;
	font-size: 160%;
}

.News a:hover {
	color:#018EBE;
	font-size: 160%;
	text-decoration:underline;
}

.News a:visited {
	color:#F97319;
	font-size: 110%;
	background-color: #018EBE;
}

/*****************************************
End of News style
******************************************/

/*****************************************
Start of SectionHome style
******************************************/
div.sectionhomeimages
{
	margin:0px;
	margin-bottom:10px;

	/* Float left so that the contained images are contained within the div and the bottom margin is 		applied correctly*/
	float:left;
}
div.firstimage
{
	float:left;
	margin-right:5px;
}
div.secondimage
{
	float:left;
}


/*****************************************
End of SectionHome style
******************************************/