﻿/* Content Page (!Top)


** To quickly navigate to the section, just highlight the shortcut key 
(e.g. !Footer)and hit Ctrl F and click on Find Next and you will reach
the Footer section**

Colour chart
HTML (!HTML)
ASCX Control (!ASCX)
Header (!Head)
	Banner Container (!Banner)
		Search Bar (!Search)
		Banner & Logo Image (!BLImage)
Content (!Content)
	Parent Category (!Parent)
	Breadcrumbs (!Bread)
	Utilities (!Util)
	Public Left Content (!LeftCt)
		Left Content Pics (!LCP)
		Contact Us (!Contact)
		Left Content Transparent Pics (!LCTP)
	Public Main Content (!MainCt)
		Home Content (!HomeCt)
		Case Study (!CaseStd)
		Featured Category & CaseStudy (!Feature)
		Readmore (!Readmore)
	Public Right Content (!RightCt)
		Latest News (!News)
		Related Content (!Related)
		Static Homepage Text (!Static)
Footer (!Footer)
Search Result (!SResult)
Uncategorized code (!Code)

/******************************* Colour Chart *************************************

Colour charts:
#333(333) = dark grey
#666(666) = grey
#999(999) = grey

#CCC(CCC) = grey
#EEE(EEE) = light grey
#FFF(FFF) = white

#666663 = grey
#A09D93 = grey
#E6E4E0 = grey
#848377 = grey
#F5F4F2 = light grey
#FF0000 = red
#CBC7BE = grey
#E0E0E0 = grey
#A09D93 = grey



/******************************** HTML (!HTML)**************************************/
body
{
	font-family: Arial, Verdana;
	font-size: small;
	margin: 0;
	padding: 0;
	height: 100%;
	color: #666663;
	background-image : url(/Images/CustomerSpecific/background.gif);
}
td {
	vertical-align: top; 
}
a, a:link {
	color: Black; 
}
a:hover  {
	text-decoration: underline; 
}
.PublicErrorMessage
{
	color: Red;
	font-size: small;
	font-weight: bold;
}
.PublicErrorMessage ul, .PublicErrorMessage li
{
	display: none;
}
hr
{
	height: 0;
	width: auto;
	border: 0;
	border-bottom: 1px dashed red;
	margin: 10px 0 5px 0;
}
img, table
{
	border: 0;
	padding: 0;
	margin: 0;
}
h1, .header1, .InputFieldHeader1
{
	color:Black;
	font-family: Rockwell, Arial, Verdana;
	font-weight: bold;
	font-size: 18px;
	margin: 8px 0 5px 0;
	padding: 0;
	font-weight: 700;
}
h2, .header2, .InputFieldHeader2
{
	color: Black;
	font-family: Rockwell, Arial, Verdana;
	font-weight: bold;
	font-size: 16px;
	text-transform: none;
	margin: 9px 0 9px 0;
	padding: 0;
}
h3, .header3, .InputFieldHeader3
{
	color: Black;
	font-family: Rockwell, Arial, Verdana;
	font-weight: bold;
	font-size: 14px;
	text-transform: none;
	margin: 13px 0 5px 0;
	padding: 0;
}
h4, .header4, .InputFieldHeader4
{
	color: Black;
	font-family: Rockwell, Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	text-transform: none;
	margin: 13px 0 5px 0;
	padding: 0;
}
p
{
	color: #666663;
	font-family: Arial;
	font-weight: normal;
	text-transform: none;
	margin: 0 0 11px 0;
	line-height: 130%;
	text-align: left;
	font-size: small;
}
ul
{
	margin: 0;
	padding: 0;
}
li
{
	list-style-type: square;
	margin: 2px 0 3px 15px;
	padding: 0;
}
/************************************ Global ********************************/
#SiteContent
{
	width: 860px;
	margin: 0 auto 0 auto;
	border-top: solid 25px white;
	border-left: solid 25px white;
	border-right: solid 25px white;
	background-color: White;
}

/****************************** Absolute Position (!Absolute)*************************/

.CurvedHeader
{
	position: relative;
	top: 5px;

}
/***************************** ASCX Control (!ASCX) ********************************/
.Form
{
	margin: 10px 0px 0 0px;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 2px;
}
.LeftMenuItemArrow
{
	position: absolute;
	margin: 5px 0px 4px auto;
	right: 3px;
}
.DocumentUpload 
{
	float: right;
}
.DocumentUpload td
{
	vertical-align: middle;
	padding: 2px;
}
.ContentContainer 
{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	float: left;
	clear: none;
}
.ContentContainer a, ContentContainer a:visited
{
	color: #333;
}
.ContentContainer th
{
	background: #CBC7BE;
	border-right: 1px solid #999;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #999;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 5px;
}
.ContentItemTitle
{
	font-style: normal;
}
.ContentItemHeader, .ContentItemHeaderActiveAscending, .ContentItemHeaderActiveDescending
{
	padding: 0px 0px 0px 20px;
	background-repeat: no-repeat;
}
.ContentItemHeaderActiveAscending
{
	background-image: url(/Images/arrow_up.gif);
}
.ContentItemHeaderActiveDescending
{
	background-image: url(/Images/arrow_down.gif);
}
.ContentItemAlternate, .ContentItem
{
	vertical-align: top;
	padding: 15px 10px 10px 10px;
}
.ContentItemAlternate img, .ContentItem img
{
	padding: 0;
	vertical-align: middle;
}
.ContentItem
{
	background: #EEE;
	border-bottom: 1px dotted #999;
	width: 600px;
}
.ContentItemAlternate
{
	background: #FFF;
	border-bottom: 1px dotted #999;
	width: 600px;
}
.ContentItemAlternate a, .ContentItemAlternate a:link, .ContentItemAlternate a:visited, .ContentItem a, .ContentItem a:link, .ContentItem a:visited
{
	color: #F68635;
	font-family: Arial;
	font-weight: bold;
}

.ContentItemAlternate a:hover, .ContentItem a:hover
{
	text-decoration: underline;
}
.ContentItemStatus
{
	font-size: 11px;
}
.ContentItemMetadataContainer
{
	margin: 5px 0;
	font-size: 11px;
}
.ContentItemAbstract
{
	font-size: 11px;
	color: #666;
	margin: 10px 0;
	width: 100%;
}
.ContentItemMetadataContainer td
{
	padding: 1px;
	margin: 0;
	border-bottom: 0;
}
.ContentItemAction
{
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin: 0 0 0px 0;
}
.ContentItemAction a
{
	font-style: italic;
	text-decoration: none;
}
.ContentItemSubAction
{
	font-size: 11px;
	margin: 1px 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
.ContentProgressInfo 
{
	height: 15px;
	float: left;
	background: #FF0000;
	color: #FFF;
	font-size: 11px;
	font-family: Arial;
	padding: 2px 5px;
}
.ContentItemStaging 
{
}
.FileUploadArea 
{
	float: left;
	width: 100%;
	margin: 10px 0;
}
#OrangeBoxControl
{
	width: 280px;
	border: solid 1px #83614C;
	float: left;
	overflow: visible;
	background-image: url(/Images/CustomerSpecific/OrangeBoxBackground.jpg);
	background-repeat: repeat-y;
	position: relative;
}
#SearchResultContainer
{
	position: relative;
	float: left;
	top: 0px;
	left: -180px;
}

/******************************* Header (!Head) ************************************/
#Header
{
	position: relative;
	float: left;
}
/************** Banner Container (!Banner)************/
#Banner
{
}
.BannerPic, #BannerPic
{
	position: relative;
	float: left;
	border: solid 1px black;
	top: -10px;
}
.BannerUL
{
	position: relative;
	z-index: 1;
	top: 3px;
	left: -2px;
}
.BannerUR
{
	position: relative;
	z-index: 1;
	top: 3px;
	left: 833px;
}
.BannerLL
{
	position: relative;
	z-index:1;
	top: 142px;
	left: -36px;
}
.BannerLR
{
	position: relative;
	z-index: 1;
	top: 142px;
	left: 799px;
}
/*************** Search Bar (!Search) *****************/
#SearchBar
{
	float: left;
	width: 861px;
	background-image: url(/Images/CustomerSpecific/searchRepeat.bmp);
	text-align: right;
	background-color: #EEE;
	height: 85px;
	border-right : solid 1px #5E5E5E;
	border-left : solid 1px #5E5E5E;
	background-repeat: repeat-y;
}
#SearchContentArea
{
	position: relative;
	float: right;
	top : 57px;
	right: 15px;
	width: 190px;
}
#SearchLabel
{
	position: relative;
	float: left;
	margin-top: 6px;
	color: #848377;
	font-size: 12px;
}
.SearchTools
{
	font-size: 11px;
	padding: 10px 0;
}
.SearchTools a
{
	text-decoration: underline;
	cursor: pointer;
}
/* Input fields: short, medium, long*/
.PublicInputField, .PublicInputFieldShort, .PublicInputFieldMedium, .PublicInputFieldLong
{
	font-family: Arial, Verdana;
	padding: 2px;
	font-size: 11px;
	border: 1px solid #ADADAD;
	height: 12px;
}
.PublicInputFieldShort
{
	width: 136px;
}
.PublicInputFieldMedium
{
	width: 200px;
}
.PublicInputFieldLong
{
	width: 98%;
}
.PublicButton
{
	background-image: url(/Images/CustomerSpecific/goButton.bmp);
	background-repeat: repeat-x;
	font-family: Arial Rounded MT Bold;
	width: 30px;
	height: 18px;
	font-size: 11px;
	letter-spacing: -1px;
	border: solid 1px #A6A6A6;
	color: #676768;
	position: relative;
	margin-left: 1px;
}
/********** Banner & Logo Image (!BLImage)************/
.BannerPic img, #BannerPic img
{
	position: relative;
	float: left;
	width: 859px;
	height: 145px;
}
.Logo
{
	position: relative;
	left: 25px;
	top: 56px;
}
#MainMenuShadowTop
{
	position: relative;
	float: left;
	height: 1px;
	width: 100%;
	background-color: #E0E0E0;
}

/********************************** Content (!Content)****************************************/
#Content
{
	position: relative;
	float: left;
	width: 100%;
}
.ContentHeader
{
	position: relative;
	float: left;
	border-bottom: 1px solid #EEE;
	width: 100%;
	margin: 0 0 -15px 0;
}
/*************** Parent Category (!Parent)***************/
#ParentCategory
{
	background-color: #DEDFE0;
	border-left: 1px solid #FFF;
	width: 257px;
	margin: 0;
	padding: 0;
	float: left;
	height: 30px;
}
#ParentCategoryText
{
	font-size: 16px;
	font-weight: bold;
	padding: 8px 3px 0 20px;
}
#ParentCategory a
{
	color: #666663;
	font-family: Rockwell, Arial, Verdana;
	font-weight: bold;
	text-decoration: none;
}
#ParentCategory a:hover
{
	text-decoration: underline;
}
/**************** Breadcrumbs (!Bread)*****************/

.Breadcrumbs
{
	margin: 0 0 0 15px;
	padding: 10px 10px 5px 10px;
	float: left;
	color: Black;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.Breadcrumbs a:link, .Breadcrumbs a:visited
{
	color: Black;
	text-decoration: none;
}
.Breadcrumbs a:hover
{
	color: Black;
	text-decoration: underline;
}
/***************** Utilities (!Util)******************/
#Utilities
{
	position: relative;
	float: right;
	padding-right: 10px;
}
/****************************** Left Content (!LeftCt)***************************************/
#PublicLeftContent
{
	float: left;
	padding: 0;
	width: 257px;
	overflow: hidden;
	position: relative;
	/*padding-right: 30px;*/
}
#LeftMenu
{
	border-bottom: 10px Solid White;
}
#ctl00_phlLeftContent_ctl00_pnlUploadImages img
{
	padding-bottom: 10px;
	width: 255px;
	height: auto;
}
/******* LeftContent Pictures (!LCP)***********/
.ImageUpload
{
	padding-bottom: 10px;	
	height: auto;
	width: 255px;
}
#transparentTopPic1
{
	position: absolute;
	top: 0px;
	left: 248px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentTopPic2
{
	position: absolute;
	top: 0px;
	left: 218px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentTopPic3
{
	position: absolute;
	top: 0px;
	left: 196px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentTopPic4
{
	position: absolute;
	top: 0px;
	left: 158px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentMiddlePic1
{
	position: absolute;
	top: 124px;
	left: 155px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentMiddlePic2
{
	position: absolute;
	top: 124px;
	left: 175px;
	z-index: 100;
	filter: alpha(opacity=80);
	opacity: .8;
}

#transparentMiddlePic3
{
	position: absolute;
	top: 124px;
	left: 145px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}
#transparentMiddlePicHide
{
	position: absolute;
	top: 124px;
	left: 191px;
	z-index: 100;
}

#transparentBottomPic1
{
	position: absolute;
	top: 248px;
	left: 133px;
	z-index: 100;
	filter: alpha(opacity=80);
	opacity: .8;
}

#transparentBottomPic2
{
	position: absolute;
	top: 248px;
	left: 126px;
	z-index: 100;
	filter: alpha(opacity=80);
	opacity: .8;
}
#transparentBottomPicHide
{
	position: absolute;
	top: 248px;
	left: 142px;
	z-index: 100;
}

/************ Contact Us (!Contact)************/
#ContactUsLink
{
	border-top: 1px Solid #EEE;
	border-bottom: 1px Solid #EEE;
	padding: 7px 0 7px 30px;
	margin: 20px 0 0px 0;
}
#ContactUsLink a
{
	color: Black;
	font-size: 12px;
	text-decoration: none;
}
#ContactUsLink a:hover
{
	text-decoration: underline;
}
/********* Transparent Left Pic (!LCTP)**********/

#UploadedImages
{
}
#UploadedImages img
{
	margin: 0 0 4px 0;
	float: none;
	clear: right;
}
.Image1
{
	height: 119px;
	margin-bottom: 5px;
}
.Image2
{
	height: 119px;
	margin-bottom: 5px;
}
.Image3
{
	height: 97px;
	margin-bottom: 5px;
}
#transparentLeftMenuPic1
{
	position: absolute;
	left: 248px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentLeftMenuPic2
{
	position: absolute;
	left: 218px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentLeftMenuPic3
{
	position: absolute;
	left: 196px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

#transparentLeftMenuPic4
{
	position: absolute;
	left: 158px;
	z-index: 100;
	filter: alpha(opacity=70);
	opacity: .7;
}

/******************************* Main Content (!MainCt)*******************************/
#PublicMainContent, .PublicMainContent
{
	position: relative;
	float: left;
	clear: right;
	width: 500px;
	padding-bottom: 30px;
}
.CategoryContent
{
	float: left;
	clear: right;
	position: relative;
}

/****************** Home Content (!HomeCt)**********************/

.HomeContent, .DefaultContent
{
}
.HomeContent
{
	position: relative;
	float: left;
}
.CategoryDescription
{
	padding-top: 15px;
}
.DefaultContent
{
}
/********************* Case Study (!CaseStd)**********************/

.ChildCategoryItem, .ArticleItem
{
	margin: 15px 0 0 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid #CCC;
}
.CaseStudyHeader, .CaseStudyHeader a
{
	text-decoration: none;
	color: Black;
}
.CaseStudyHeader a:hover
{
	text-decoration: underline;
}
.ChildCategoryHeader a:link, .ChildCategoryHeader a:hover, .ChildCategoryHeader a:visited
{
	color: Black;
	text-decoration: none;
	font-size: 16px;
}
/******** Featured Category & CaseStudy on HomePage (!Feature)*******/
#LatestNewsCategoryHeader
{
	position: relative;
	float: left;
	top: 20px;
}
#LatestNewsCategoryHeader img
{
	height: 15px;
	margin-right: 4px;
}
.OrangeBoxContent
{
	padding: 0 0 0 15px;
	position: relative;
	float: left;
	top: -50px;
}
.OrangeBoxContent .ReadMoreButton
{
	margin-top: 15px;
}
.FeaturedContent
{
	margin: 15px 0 0 0;
}
.LatestNewsContent
{
}
.LatestNewsText
{
	position: relative;
	float: left;
}
.LatestNewsText a:link , .LatestNewsText a:hover, .LatestNewsText a:visited
{
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	width: 200px;
	color: Black;
	position: relative;
	text-decoration: none;
}
.LatestNewsText a:hover
{
	text-decoration: none;
}
#FeaturedCategory
{
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 0 0 0 0px;
	margin: 10px 0 0 0;
}
#LatestNewsCategory
{
	width: 560px;
	float: left;
	overflow: hidden;
	position: relative;
}
#FeaturedCaseStudy
{
	overflow: visible;
	/*padding: 0 0 15px 0;*/
	width: 280px;
	float: left;
	margin: 10px 0 0 0;
	background-image: url(/Images/CustomerSpecific/FeaturedBackground.jpg);
	background-repeat: repeat-y;
	border: solid 1px #898989;
}
.FeaturedHeader
{
	font-family: Rockwell, Arial, Verdana;
	font-size: 16px;
	text-align: left;
	color: Black;
	padding: 0 0 0 15px;
	font-weight: bold;
}
.FeaturedHeader a:link, .FeaturedHeader a:hover, .FeaturedHeader a:visited
{
	color: #F3700C;
	text-decoration: none;
}
.FeaturedHeader p
{
	font-size: medium;
}
.OrangeBoxHeader
{
	font-family: Rockwell, Arial, Verdana;
	font-weight: bold;
	font-size: 16px;
	color: Black;
	position: relative;
}
.OrangeBoxHeader a:link, .OrangeBoxHeader a:hover, .OrangeBoxHeader a:visited
{
	color: Black;
	text-decoration: none;
}
#FeaturedImage
{
	border: solid 10px #F5F4F2;
	margin: 12px 0 0 0;
}
.FeaturedImage img
{
	position: relative;
	float: right;
	width: 150px;
}
.FeaturedAbstract
{
	padding: 8px 0 0 15px;
	width: 240px;
	font-size: 13px;
	text-align: left;
	position: relative;
	float: left;
}
.FeaturedAbstract p
{
	font-size: 11px;
}
#FeaturedBottom
{
	position: relative;
	float: left;
	width: 249px;
	padding: 15px 15px 25px 15px;
}
.LatestNewsAbstract
{
	margin: 12px 0 0 0;
	font-family: Arial;
	color: #858585;
	position: relative;
	font-size: small;
}
.LatestNewsAbstract .ReadMore
{
	margin-top: 8px;
}
.OrangeBoxAbstract
{
	width: 255px;
	font-size: 13px;
	float: left;
	font-family:Arial;
	color: White;
	position: relative;
	padding-top: 15px;
}/*
.LatestNewsImage img
{
	position: relative;
	float: left;
	border: solid 2px black;
	width: 195px;
	height: 110px;
}*/
.LatestNewsImage
{
	position: relative;
	float: left;
	width: 195px;
	border: solid 1px black;
	margin: 0 10px 0 0;
}
.LatestNewsItem
{
	position: relative;
	float: left;
	width: 560px;
	padding: 20px 0 20px 0;
	border-bottom: solid 1px #898989;
}
/************ Read More link (!Readmore)*************/
.ReadMore, .ReadMore a:link , .ReadMore a:hover, .ReadMore a:visited
{
	color: #F68635;
	font-weight: bold;
	font-style: italic;
	font-family: Arial;
	text-decoration: none;
	margin-top: 5px;
	font-size: 11px;
}
.ReadMore a:hover
{
	text-decoration: underline;
}
.ReadMore img
{
	padding: 0;
	margin: 0;
}
.ReadMoreButton a:link, .ReadMoreButton a:hover, .ReadMoreButton a:visited
{
	color: Black;
	text-decoration: none;
}
.ReadMoreButton
{
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	width: 68px;
	position: relative;
	float: left;
	padding: 5px;
	height: 15px;
	background-image: url(/Images/CustomerSpecific/ReadMoreButton.jpg);
}
.OrangeUL
{
	position: relative;
	float: left;
	top: -2px;
	left: -2px;
}
.OrangeUR
{
	position: relative;
	float: right;
	top: -1px;
	right: -2px;
}
.OrangeLL
{
	position: relative;
	float: left;
	bottom: 11px;
	left: -1px;
}
.OrangeLR
{
	position: relative;
	float: right;
	bottom: 11px;
	right: -1px;
}
.SafetySign
{
	position: relative;
	left: -20px;
}
.LatestNewsUL
{
	position: absolute;
	float: left;
	z-index: 1;
	left: -3px;
	top: -3px;
}
.LatestNewsLL
{
	position: absolute;
	float: left;
	z-index: 1;
	bottom: -3px;
	left: -3px;
}
.LatestNewsUR
{
	position: absolute;
	float: left;
	left: 185px;
	top: -3px;
	z-index: 1;
}
.LatestNewsLR
{
	position: absolute;
	float: left;
	z-index: 1;
	bottom: -3px;
	left: 185px;
}
#imgImage, .imgImage
{
	position: relative;
	float: left;
	width: 195px;
	border: 1px Solid Black;
}
.FeaturedUL
{
	position: relative;
	float: left;
	top: -3px;
	left: -3px;
}
.FeaturedUR
{
	position: relative;
	float: right;
	top: -2px;
	right: -3px;
}
.FeaturedLL
{
	position: relative;
	float: left;
	bottom: 13px;
	left: -2px;
	/*bottom: -17px;
	left: -3px;*/
}
.FeaturedLR
{
	position: relative;
	float: right;
	bottom: 13px;
	right: -1px;
}
/**************************** Right Content (!RightCt)******************************/

#PublicMainRightContent
{
	position: relative;
	float: left;
	width: 743px;
}
#PublicRightContent
{
	position: relative;
	float: right;
	top: -20px;
	display: none;
}

/******************* Latest News (!News)******************/
#LatestNews
{
	background-color: #A09D93;
	height: 119px;
	overflow: hidden;
}
#LatestNewsHeader
{
	color: White;
	padding: 5px 0 0 15px;
	font-size: 14px;
}
.NewsItemRow1
{
	font-size: 10px;
	color: White;
	padding: 3px 0 0 15px;
}
.NewsItemRow2
{
	font-size: 10px;
	color: White;
	padding: 0px 0 0 15px;
}
.NewsItemRow2 img
{
	padding: 0 2px 0 0;
}
.ReadMoreLatestNews
{
	font-size: 10px;
}
.ReadMoreLatestNews a
{
	font-weight: 600;
	color: #333;
	text-decoration: none;
}
.ReadMoreLatestNews a:hover
{
	text-decoration: underline;
}
/*************** Related Content (!Related)******************/
#RelatedContent, #RelatedDocuments
{
	padding: 10px 4px 0 10px;
}
#RelatedContentHeader, #RelatedDocumentsHeader
{
	margin: 0 0 5px 0;
}
.RelatedContentPic, .RelatedDocumentsPic
{
	position: relative;
	float: left;
}
.RelatedContentItem a:link, .RelatedContentItem a:hover, .RelatedContentItem a:visited, .RelatedDocumentsItem a:link, .RelatedDocumentsItem a:hover, .RelatedDocumentsItem a:visited
{
	padding: 0 0 4px 10px;
	font-weight: normal;
	color: #666663;
}
.RelatedContentItem, .RelatedDocumentsItem
{
	margin-bottom: 5px;
	padding: 0 0 0 0;
	color: #333;
}

/************* Static HomePage Text (!Static)*****************/
#StaticHomePageText
{
	position: relative;
	float: left;
	font-size: 17px;
	padding: 5px 0 0 14px;
	text-align: left;
	color: Black;
	margin: 10px 0 0 0px;
	height: 210px;
	font-family: Helvetica, sans-serif;
	line-height: 25px;
	border-left: dotted 1px #ccc;
	width: 220px;
}

/***************************** Footer (!Footer) ************************************/
#Footer
{
	margin: 5px 0 0 0;
	clear: both;
	border-top: 1px dotted #CCC;
	height: 60px;
}
#FooterRockSolid
{
	text-align: right;
	float: right;
	padding: 5px 15px 0px 15px;
	margin: 0;
}
.FooterText
{
	padding: 5px 10px 5px 10px;
	font-size: 10px;
	width: 250px;
	position: relative;
	float: left;
}
.FooterRockSolid
{
	position: relative;
	float: right;
	font-size:11px;
}
.FooterRockSolid img
{
	position: relative;
	top: 0px;
	left: 0px;
	padding-top:3px;
}
.FooterRockSolid a
{
    color:#767F78;
    text-decoration:none;
}


/************************* Search Result (!SResult)********************************/

.SearchResultItem
{
	border-top: 1px solid #CCCCCC;
	margin: 15px 0pt 0pt;
	padding: 5px 0pt;
}
.SearchResultItemSubtitle
{
	font-weight: bold;
}
SPAN.searchword
{
	background-color: yellow;
}


/*********************************************************************************

                               Uncategorized codes (!Code)

*********************************************************************************/

.InputContentItemTitle /* ?????? */
{
	font-family: Arial;
	font-weight: bold;
	font-size: small;
	color: Black;
	width: 97%;
	margin: 0 1%;
	border: 1px solid #999;
	padding: 2px;
}
