/* CSS Document */

/**************************************************************/
/* Layout Div Tags                                            */
/**************************************************************/

#pageBottom {
	clear: both;
	background-image: url(Images/drop-shadow-bottom.jpg);
	background-repeat: no-repeat;
	height: 5px;
	width: 604px;
	margin: auto;
}

#pageTop {
	background-image: url(Images/drop-shadow-top.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
}

#containerTop
	{
	width: 604px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
}

#container {
	background-image: url(Images/drop-shadow-back.jpg);
	background-repeat: repeat;
	background-position: left;
	width: 597px;
	padding-left: 3px;
	padding-right: 4px;
	position: relative;
}

.spacer {
	clear: both;
	height: 1px;
	margin: 0%;
}

#header {
	background-color: transparent;
}

#navbar {
	background-color: transparent;
}

#navbar2 {
	background-image: url(Images/Portal_Header.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 329px;
}

#contents1 {
	width: 537px;
	background-image: url(Images/GreenBgd.jpg);
	background-repeat: no-repeat;
	background-color: #94bb2c;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.greengrad {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(Images/innerGreenLetter.jpg);
	background-repeat: no-repeat;
	background-color: #7c9e23;
	float: left;
}

.greengrad2 {
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(Images/innerGreenLetter.jpg);
	background-repeat: no-repeat;
	background-color: #7c9e23;
	float: left;
}

.overviewAd {
	width: 200px;
	height: 450px;
	margin-left: 17px;
	float: left;
}

#contactGrad {
	background-image: url(Images/innerGreenInbox2.jpg);
	background-repeat: no-repeat;
	background-color: #7c9e22;
	width: 537px;
	margin-bottom: 20px;
	float: left;
}

#textarea1 {
	width: 240px;
	float: left;
}

#textarea2 {
	background-image: url(Images/innerGreen.jpg);
	background-repeat: no-repeat;
	background-color: #7c9e22;
	width: 537px;
	float: left;
}

#textarea3 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#textarea4 {
	background-image: url(Images/innerGreenBlackboard.jpg);
	background-repeat: no-repeat;
	background-color: #7c9e22;
	width: 537px;
	float: left;
}

#textarea5 {
	background-image: url(Images/innerGreenInbox.jpg);
	background-repeat: no-repeat;
	background-color: #7c9e22;
	width: 537px;
	float: left;
}

#recentWorkBanner {
	background-image: url(Images/projectBgd.jpg);
	background-repeat: repeat-x;
	background-color: #5c5c5c;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: white;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 50px;
}

#approvedBanner {
	background-image: url(Images/BlueBgd.jpg);
	background-repeat: no-repeat;
	background-color: #000e35;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: white;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: white;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 50px;
	float:left;
}

#moviearea1 {
	width: 282px;
	padding-left: 15px;
	float: left;
}

#StaticMovieArea {
	width: 282px;
	padding-left: 14px;
	float: left;
}

#imgHolder {
	background-color: transparent;
	padding-left: 20px;
	padding-right: 20px;
}

#gap {
	height: 20px;
	width: 100%;
}

#gap2 {
	height: 20px;
	width: 537px;
}

#letter {
	background-image: url(Images/innerGreenLetter.jpg);
	background-repeat: no-repeat;
	background-color: #7c9e22;
	width: 537px;
	float: left;
}

#footerGap {
	height: 5px;
	width: 100%;
}

#bottomBanner {
	width: 557px;
	background-image: url(Images/footerBgd.jpg);
	background-repeat: no-repeat;
	background-color: #4a4a4a;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 9px;
	padding-bottom: 9px;
	height: 19px;
}

#content {
	background-color: transparent;
}

#footer {
	width: 604px;
	margin: auto;
}

#footerLinks {
	background-color: transparent;
	width: 185px;
	float: left;
	padding-left: 10px;
}

#footerCopyright {
	background-color: transparent;
	width: 370px;
	float: right;
	padding-right: 14px;
}

#terms {
	background-color: transparent;
}

#copyright {
	background-color: transparent;
	padding-top: 5px;
}

#snow {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 1000px;
		height: 100%;
		z-index: 1;
}

#overview {
	padding-top: 20px;
	float: left;
}

#CompatibleWrapper {
	width: 597px;
	height: 80px;
	background-color: #000000;
	border-top: 1px dashed #ffffff;
	border-bottom: 1px dashed #ffffff;
}

.CompatibleContainer {
	width: 199px;
	height: 80px;
	float: left;
}
/**************************************************************/
/* Page Properties                                            */
/**************************************************************/

body {
	background-image: url(Images/MicrositeBGD.jpg);
	background-repeat: repeat-x;
	background-color: #747474;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	font-size: 10px;
	color: #ffffff;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	line-height: 12px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: White;
	margin-top: 0px;
	margin-bottom: 12px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: White;
	margin-top: 5px;
	margin-bottom: 0px;
}


/**************************************************************/
/* Rules and Lines                                            */
/**************************************************************/

.bottomRule {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #959595;
}

.imgBorder {
	border: 1px;
	border-color: #959595;
	border-style: dashed;
}

.imgContent {
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: text-top;
	border: 1px;
	border-color: #959595;
	border-style: dashed;
	float: left;
}

.imgRentIT {
	margin-right: 20px;
	vertical-align: text-top;
	border: 1px;
	border-color: white;
	border-style: solid;
	float: left;
}

/**************************************************************/
/* Text Styles                                                */
/**************************************************************/

.VerdanaReg9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
}
.VerdanaReg9 a:link {color: #ffffff;} 
.VerdanaReg9 a:visited {color: #ffffff;}
.VerdanaReg9  a:hover {color: #FFFFFF;}
.VerdanaReg9 a:active {color: #ffffff;}

.VerdanaBold10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.VerdanaBold10 a:link {color: #ffffff;} 
.VerdanaBold10 a:visited {color: #ffffff;}
.VerdanaBold10 a:hover {color: #FFFFFF;}
.VerdanaBold10 a:active {color: #ffffff;}

.VerdanaBoldWhite15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
}
.VerdanaBoldWhite15 a:link {color: #ffffff;} 
.VerdanaBoldWhite15 a:visited {color: #ffffff;}
.VerdanaBoldWhite15 a:hover {color: #FFFFFF;}
.VerdanaBoldWhite15 a:active {color: #ffffff;}

.VerdanaRed10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #9b2305;
}
.VerdanaRed10 a:link {color: #9b2305;} 
.VerdanaRed10 a:visited {color: #9b2305;}
.VerdanaRed10 a:hover {color: #9b2305;}
.VerdanaRed10 a:active {color: #9b2305;}

.VerdanaGrey10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: Silver;
}
.VerdanaGrey10 a:link {color: Silver;} 
.VerdanaGrey10 a:visited {color: Silver;}
.VerdanaGrey10 a:hover {color: Silver; text-decoration: underline;}
.VerdanaGrey10 a:active {color: Silver;}

.VerdanaGrey9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: AppWorkspace;
}

.VerdanaWhite10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: White;
}
.VerdanaWhite10 a:link {color: White;} 
.VerdanaWhite10 a:visited {color: White;}
.VerdanaWhite10 a:hover {color: White;}
.VerdanaWhite10 a:active {color: White;}

.VerdanaBoldWhite10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.VerdanaBoldWhite10 a:link {color: #ffffff;} 
.VerdanaBoldWhite10 a:visited {color: #ffffff;}
.VerdanaBoldWhite10 a:hover {color: #FFFFFF;}
.VerdanaBoldWhite10 a:active {color: #ffffff;}

.ArialWhite24 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: White;
}
.ArialWhite24 a:link {color: White;} 
.ArialWhite24 a:visited {color: White;}
.ArialWhite24 a:hover {color: White;}
.ArialWhite24 a:active {color: White;}

.VerdanaGreen10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #b8ed24;
}
.VerdanaGreen10 a:link {color: #b8ed24;} 
.VerdanaGreen10 a:visited {color: #b8ed24;}
.VerdanaGreen10 a:hover {color: #b8ed24;}
.VerdanaGreen10 a:active {color: #b8ed24;}

.VerdanaBlue10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #c9d6ff;
}
.VerdanaBlue10 a:link {color: #c9d6ff;} 
.VerdanaBlue10 a:visited {color: #c9d6ff;}
.VerdanaBlue10 a:hover {color: #c9d6ff;}
.VerdanaBlue10 a:active {color: #c9d6ff;}

.VerdanaGreen15 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #b8ed24;
}
.FormField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ArialHeadingGrey1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: Silver;
}

.ArialHeadingGrey2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: ThreedShadow;
}

.imageFloatLeft {
	float: left;
	margin-right: 10px;
}
/**************************************************************/
/* Fix for table alignment in DIV Containers float all tables */
/**************************************************************/
.TableFloat {
	float: left;
}

.ImageFloatLeft {
	float: left;
	clear: left;
	margin-right:10px;
}

.ImageFloatRight {
	float: right;
}

.ImageAlign {
	vertical-align: middle;
	}

/**************************************************************/
/* Form Elements                                              */
/**************************************************************/

.textArea1{
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px;
	border-style: solid;
	border-color: #A5ACB2;
}