/* HTML controls */

/* COLOURS:
  5ac4c2: Triangle teal
  939598: Grey
  030000: Black
  b3b15f: gold
  ece8d2: Faded gold
  ffffff: White
  
  a3d4d4: Text links in header
  004f4f: Menu background
  d3cda3: Left area body
  bfb678: Left area heading 
*/

body 
{
	background-color: #004f4f;
	background-image: url(Images/BackgroundTriangle.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 80%;
	color: Black;
}
a
{
    color: #939598;
    font-weight: bold;
    text-decoration: underline;
}
hr {
    color: #004f4f;
}
h1 
{
	color: #939598;
}
h4 {
    color: #5ac4c2;
    font-size: 140%;
    margin-top: 1em;
}
h5 {
    color: #5ac4c2;
    font-size: 130%;
    text-decoration: underline;
}
table
{
    border-spacing: 0px;  
    vertical-align: top;
}
tr {
    vertical-align: top;
    padding: .5em;
}
td {
    vertical-align: top;
    padding: .5em;
}
input.button, button.button {
    border: solid 1px Black;
    background-color: Transparent;
    font-size: 100%;
    clear: none;
    float: left;
}

/* Solution Controls */
.Content
{
	width: 960px;
	margin: 0 auto 0 auto;
}
.ContentPage 
{
	background-image: url(Images/ContentPageBackground.png);
	background-repeat: no-repeat;
	height: 620px;
	margin-top: 15px;
}
.TitlePage {
}
.ContentPage .TitlePage .TitlePageLogo
{
    margin-top: 20px;
    text-align: center;
    padding: 30px;
}
.ContentPage .TitlePage .MenuBar
{
    margin-top: 75px;
    text-align: center;
    padding-top: 32px;
}
.ContentPage .TitlePage .Text 
{
    text-align: center; 
    margin: 40px 200px 0 200px; 
    font-variant: small-caps; 
    font-size: 130%; 
}
.Header 
{
	background-image: url(Images/ProSoftLogo.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 95%;
	height: 95px;
	margin: 5px auto 5px auto;
}
.Search 
{
	background-image: url(Images/SearchBox.png);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	width: 50%;
	text-align: right;
	height: 95px;
	color: #004f4f;
}
.SearchBox 
{
	border: 0;
	color: #939598;
	font-family: Verdana, Arial, Sans-Serif;
	margin: 32px 10px 0 0;
	width: 175px;
}
.MenuBar 
{
	background-color: #004f4f;
	width: 951px;
	height: 60px;
	margin-left: 1px;
}
.MenuBar .MenuItem {
    margin-left: 25px;
    margin-top: 20px;
    margin-right: 25px;
    background-color: Transparent;
}
.MenuBar .MenuItem a {
    margin-right: 25px;
    text-decoration: none;
    }
.MenuBar .MenuItem a:hover {
    background-color: #939598;
}
.LeftColumn 
{
	float:left;
	margin-right: 30px;
}
.LeftHeader 
{
	background-color: #bfb678;
	font-size: 200%;
	text-align: center;
	color: White;
	font-variant: small-caps;
	font-weight: bold;
	height: 45px;
	margin: 30px 0 0 30px;
	padding: 0 0 0 0;
	width: 170px;
}
.LeftHeaderText 
{
	padding-top: 15px;
}
.LeftContent 
{
	background-color: #d3cda3;
	color: White;
	font-variant: small-caps;
	height: 320px;
	width: 170px;
	margin: 5px 0 0 30px;
}
.LeftContent select {
    font-size: 100%;
    color: White;
    background-color: #d3cda3;
    width: 170px;
    height: 20em;
    border: none;
}
.LeftContentText 
{
	padding: 5px 0px 0 0px;
	font-size: 90%;
	font-weight: bold;
}
.LeftContentText li
{
    list-style-image: url(Images/MenuArrowLight.png);
    margin: 0 0 15px 0;
    text-indent: 0;
    }
.LeftContentText a {
    color: White;
    font-size: 100%;
    text-decoration: none;
}
.LeftContentText .Indent 
{
	margin-left: 2em;
}
.ContentHeader 
{
	color: #5ac4c2;
	font-weight: bold;
	font-size: 120%;
	text-transform: uppercase;
	margin: 30px 0 0 0px;
}
.ContentText
{
    font-size: 90%;
    padding-right: 2em;
}
.ContentText h1 {
    font-size: 120%;
    font-weight: bold;
}
.ContentText h4 {
    font-size: 110%;
    }
.ContentText h5 {
    font-size: 100%;
}
.ContentText ul
{
	list-style-type: none;
	list-style-image: url(Images/ListArrowDark.png);
	list-style-position: inside;
	position: relative;
	left: 3em;
}
.ContentText ul li {
    margin: 15px 3em 10px 0;
    text-indent: -3em;
    }
.ContentText ul ul
{
    list-style-type: circle;
    list-style-image: none;
    list-style-position: inside;
    text-indent: 4em;
    margin-top: 0;
    font-size: 90%;
    line-height: 1em;
}
.ContentText ul ul li
{
    list-style-type: disc;
    list-style-image: none;
    list-style-position: inside;
    text-indent: 4em;
    margin: 5px 0 5px 25px;
    line-height: 1em;
}
.ContentText ol
{
    list-style-type: decimal;
    list-style-image: none;
    list-style-position: inside;
    position: relative;
    left: 3em;
    text-indent: -2em;
    line-height: 1.5em;
}
.ContentText .TableTitle 
{
	background-color: #5ac4c2;
	color: White;
	text-align: center;
	font-size: 120%;
	font-variant: small-caps;
	line-height: 2em;
}
.Footer 
{
	float: left;
	font-size: 80%;
	color: White;
	width: 100%;
}
.Footer .Links a, .Footer .Links
{
	color: White;
	float: right;
	clear: both;
	text-decoration: none;
	text-align: right;
}
.ContactForm
{
    background-color: White;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #5ac4c2;
    border-right-color: #004f4f;
    border-bottom-color: #004f4f;

    font-size: 90%;

    margin: 1em;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 30%;
    width: 50%;
    height: 40%;
    padding: 2em;
}
.ContactForm input {
    font-size: 100%;
}
.CareerSubmissionForm {
    background-color: White;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #5ac4c2;
    border-right-color: #004f4f;
    border-bottom-color: #004f4f;

    font-size: 90%;

    margin: 1em;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 30%;
    width: 40%;
    height: 30%;
    padding: 2em;
}
.CareerSubmissionForm input {
    font-size: 100%;
}
.Newsletter {
    font-size: 90%;
    height: 367px;
}
.Newsletter .aspPanel 
{
	height: 367px;
}
.Newsletter .Highlight
{
    background-color: #ece8d2;
}
.Newsletter .CaseStudy 
{
	float: left;
	background-color: #b3b15f;
	color: White;
	width: 30%;
	padding: 5px;
	margin-top: 2em;
}
.Newsletter .NonCaseStudy 
{
	float: left;
	width: 65%;
}
.Testimonials 
{
	text-align: center;
	padding: 2em;
}