﻿/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size : 100%;
}
/* Removes list-style from lists */
ol, ul {
	list-style: none;
}
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
/* Removes list-style from lists */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Removes border from fieldset and img */
fieldset, img {
	border: 0;
}
/* Left-aligns text in caption and th */
caption, th {
	text-align: left;
}
/* Removes quotation marks from q */
q: before, q:after {
	content: '';
}
html {
	text-align: center;
	background: url(Images/bg.jpg) repeat-x;
}
body {
	position: relative;
	background-color: #FFFFFF;
	width: 750px;
	margin: 20px auto;
	text-align: left;
}
em {
	font-weight: bold;
}

.ErrorMessage {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #FF0000;
	}

/* Page Wrapper */	
div#wrapper {
	width: 750px;
	border: solid 1px #999999;
}

/* Page Header ;*/
div#pageHeader {
	position: absolute;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	top: 120px;
	left: 60px;
	float: left;
}
div#pageHeader h2 {
	font-weight: normal;
}

div#masthead {
    background: url(Images/ProforceSoftwareLogoBK.gif) repeat-x;
    top: 0;
    left: 0px;
    width: 750px;
    height: 66px;
}
div#main-image {
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 2;
    width: 400px;
    height: 66px;
    background: url(Images/ProforceSoftwareLogo.jpg) no-repeat;
}
div#background {
	clear: both;
    position: relative;
    background: url(Images/HeaderBG3.jpg) no-repeat;
    width: 749px;
    height: 120px;
}

/* Navigation Login */   
div#navigation {
    position: absolute;
    top: 12px;
    right: 15px;
    float: right;
    }
div#navigation p {
    color: #FFFFFF;
    }
div#navigation ul {
    text-align: right;
    }
div#navigation li {
    display: inline;
    font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
    text-align: center;
    }
div#navigation ul a, div#navigation ul a:link, div#navigation ul a:visited {
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}
div#navigation ul a:hover, div#navigation ul a:active  {
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #031E93;
	}
div#todaysDate {
    position: absolute;
    top: 12px;
    right: 15px;
    float: right;
    }

/* Breadcrumbs */
.Breadcrumbs {
	padding: 0 0 0 60px;
}
.Breadcrumbs a:link {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999999;
	text-decoration:none;
}
.Breadcrumbs  a:visited {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999999;
	text-decoration:none;
}
.Breadcrumbs  a:hover {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0066FF;
	text-decoration:none;
}
.Breadcrumbs  a:active {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0066FF;
	text-decoration:none;
}

/* Group Link */
div#GroupLink {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px;
    padding: 0 35px 20px 10px;
	text-align: left;
}
div#GroupLink ul {
	padding: 0 0 15px 0;
    border-bottom: 1px dotted #CCCCCC;
	width: 100%;
}
div#GroupLink li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #999999;
}
div#GroupLink a:link, div#GroupLink a:visited {
	text-decoration: underline;
	color: #999999;
	background-color: Transparent;
}
div#GroupLink a:hover {
	color: #0066FF;
}
/* Content */
div#content {
	position: relative;
	width: 100%;
	margin: 0 0 40px 0;
}

/* Content Links */
a:link, a:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0066FF;
	text-decoration: none;
	}
a:hover, a:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0099FF;
	text-decoration: none;
	}

/* Bullet Items */
div#BulletItems ul {
	list-style-type: square;
	padding: 0 35px 0 90px;
	margin-left: 0;
}
div#BulletItems li {
	padding: 0 20px 10px 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #031E93;
}

/* Content Main */
div#contentMain {
	clear: both;
	width: 710px;
	margin-left: -0px;
	float: left;
	margin: 10px 0;
	border-right: 1px dotted #CCCCCC;
}
div#contentMain h2, h3, h4, h5, h6 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#031E93;
	margin: 0px 35px 10px 60px;
	padding: 0;
}
div#contentMain h3, h4, h5, h6 {
	padding: 10px 0;
	border-bottom: 1px dotted #CCCCCC;
}
div#contentMain p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #666666;
	padding: 0px 35px 20px 60px;
}
div#contentMain ul {
    
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: square;
	line-height: 19px;
	color: #666666;
	padding: 0px 35px 10px 80px;
}
div#contentMain li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #666666;
	padding: 0px 0px 5px 0px;
}

/* Contact Us */
div#contactUs {
    margin: 0px;
    padding: 10px 80px 20px 80px;
    color: #666666;
    text-align: left;
    }
div#contactUs h2 {
	padding: 10px 0;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #CCCCCC;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#031E93;
    }
div#contactUs p {
	width: auto;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 15px 5px;
    line-height: 1.5;
    }
div#contactUs label {
    float: left;
    text-align: right;
    width: 25%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
    }
input.txt {
    color: #000000;
    width: 200px;
    }
input.btn {
    color: #00008B;
    background-color: #ADD8E6;
    border: 1px outset #00008B;
    }
.formValidation {
	font-family: Arial;
	font-size: 11px;
	color: #FF0000;
	}

.boxImage {
	margin: 0 25px 20px 25px;
}
.mainBox {
	margin: 10px 30px 20px 20px;
	padding: 0px 0px 20px 0px;
    background-color: #F5F5F5;
	border: 1px dotted #CCCCCC;
}
.mainBox h3 {
}
.mainBox p {
}
.box {
	margin: 0 25px 20px 25px;
	padding: 10px;
	border: 1px dotted #CCCCCC;
}
.boxCenter {
    text-align: center;
	margin: 0 25px 20px 25px;
	padding: 10px;
	border: 1px dotted #CCCCCC;
}

/* Footer */
div#Footer {
    clear: both;
    background: url(Images/footerBG.jpg) repeat-x;
    height: 35px;
    width: 750px;
    border-top: 1px solid #CCCCCC;
}
div#Footer {
	text-align: center;
}
div#Footer ul {
	width: 100%;
	padding-top: 10px;
}
div#Footer li {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	display: inline;
}
div#Footer a:link, div#Footer a:visited {
	text-decoration: none;
	color: #999999;
	background-color: Transparent;
}
div#Footer a:hover {
	color: #3399CC;
}

/* Site Information */
div#siteInformation {
    clear: both;
	width: 750px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	text-align: center;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
}
div#siteInformation p {
	margin: 0 0 15px 0;
	padding: 0 60px;
}
