﻿/****************** HTML Tags ******************/

body
{
    font-family: "trebuchet MS" , tahoma, verdana, arial, helvetica, sans-serif;
    background-color: #808080;
    color: #000000;
    font-size: .8em;
    line-height: 160%;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#content p, #content-side p, #footer-container p
{
    margin: 10px 4px 9px 6px;
}   
 
/****************** General ******************/

.header-left
{
    background: #F3F3F4;
    height: 192px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    width: 976px;
}

.header-right
{
    
    height: 5px;
    width: 286px;
    margin-top: 10px;
    margin-bottom: 0px;
    background-color: #F3F3F4;
    z-index: 1;
    float: right;
}
.main-text-area
{
    margin: 20px 30px 20px 30px;
    width: 596px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #58585A;
    line-height: 20px;
}
.header-menu
{
    margin-left: 35px;
    margin-top: 10px;
    font-size: small;
}
.case-study-italic
{
    margin: 20px 30px 20px 30px;
    width: 596px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #58585A;
    line-height: 20px;
    font-style: italic;
}
.questions
{
    font-size: 1.1em;
    color: #666666;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    line-height: 30px;
}

.link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #58585A;
}

.case-study-seperator
{
    width: 600px;
    text-align: left;
    margin-left: 30px;
}

.link-seperator
{
    width: 500px;
    text-align: left;
   
}


/****************** HEADINGS ******************/

h1
{
    padding: 5px;
    font-size: large;
    color: #666666;
    font-weight: bold;
    width: 596px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 25px;
}

h2
{
    font-size: small;
    color: #0000FF;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

h3 {
	font-size:1.2em;
	padding: 5px;
    color: #666666;
    font-weight: bold;
    width: 596px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 25px;
	}
h4
{
    font-size: small;
    color: #0000FF;
    width: 596px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 30px;
}

/******************  Master Page Elements******************/
#content-side
{
    float: right;
    width: 274px;
    color: #000000;
    padding: 10px;
    margin: 0px 20px 4px 0px;
    background-color: #F3F3F4;
}

.content
{
    padding: 15px 0px 5px 10px;
    width: 966px;
    background-color: #FFFFFF;
}
	
	
.separator-side-column {
    border-top: 1px solid #9CA2DD;
    margin-bottom: 8px;
    padding: 0px;
    border-top-color: #0000FF;
}

/******************  Contact us ******************/
.table-label
{
    margin: 2px;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    width: 230px;
    color: #0000FF;
    vertical-align: top;
}

.table-data
{
    margin: 2px;
    padding: 2px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #FFFFFF;
}
.table
{
    padding: 3px;
    width: 599px;
    margin-left: 30px;
}

/******************  Example table ******************/

.example-table-row1
{
    margin: 2px;
    padding: 2px 2px 2px 10px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #99CCFF;
}

.example-table-row2
{
    margin: 2px;
    padding: 2px 2px 2px 10px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    background-color: #6699FF;
}
.example-table
{
    padding: 3px;
    width: 900px;
    margin-left: 30px;
}

.personal-example-table
{
    padding: 3px;
    width: 600px;
    margin-left: 30px;
}

/******************  Menu ******************/
a:link
{
    color: #000080;
} 

a:visited
{
    color: #000080;
} 

a:hover
{
    color: #666666;
} 

a:active
{
  
    color: #000080;
} 

/******************  Menu ******************/

.li
{
    margin-left: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #58585A;
}
