﻿
/*global structure*/
body
{background-image: url('Images/body_background.jpg');
    background-repeat: repeat;
}
#maincontainer
{
    background-image: url('Images/mc_background.png');
    width: 1024px;
    min-height: 665px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 65px;
}#menu
{
    width: 900px;
    height: 25px;
    margin-right: auto;
    margin-left: auto;
   
  
}
.menurightfloat
{
    float: right;
    position: relative;
    z-index: 3000;
}
#footer
{
    width: 900px;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    clear: both;
    margin-top: 8px;
    position: relative;
}
#footer a
{font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
     color: #FFFFFF;
}
#footer a:hover
{color: #000099;
}
#header
{
    background-image: url('Images/header_flat.png');
    width: 918px;
    height: 128px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
}
#headerquotebox
{
    padding: 5px 5px 5px 5px;
    margin-top: 20px;
    margin-right: 25px;
    position: relative;
    float: right;
    background-color: #000099;   
    max-width: 400px;
    max-height: 80px;
}
/*styles for the homepage quote box content*/
.headerquotetext
{ font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    line-height: 130%;
}
.headerquoteauthor
{font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    line-height: 130%;
}
.headerquotecompany
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    line-height: 130%;
    font-style: italic;
}



/*structure for homepage*/
#homepagecontentbox
{
    width: 916px;
    height: 357px;
    margin-right: auto;
    margin-left: auto;
       padding-top: 8px;
}
#bannerpic
{
    
    width: 900px;
    height: 175px;
    margin-right: auto;
    margin-left: auto;
   
}
#featurebox
{
    width: 918px;
    height: 166px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 18px;
}
.featureboxcontainer
{background-image: url('Images/fbc_background_flat.png');
    width: 306px;
    height: 166px;
    position: relative;
    float: left;
}
.featureboxheader
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 27px;
    color: #000099;
    width: 250px;
    height: 37px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 13px;
}
.featureboxheader a
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 27px;
    color: #000099;
    text-decoration: none;
}
.featureboxheader a:hover
{
    text-decoration: underline;
}
.featureboxheader a:visited
{
}
.featureboxheader a:active
{
}

.featureboxcontent
{
    width: 250px;
    height: 90px;
    position: relative;  
    font-family: arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    line-height: 125%;
     margin-right: auto;
    margin-left: auto;
    
}
.featureboxcontent a
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000099;
    font-weight: bold;
    text-decoration: none;
    line-height: 150%;
}
.featureboxcontent a:hover
{
    text-decoration: underline;
}
.featureboxcontent a:visited
{
}
.featureboxcontent a:active
{
}
/*previous multi-color design*/
/*
#solutions
{background-image: url('Images/solutions_flat.png');
    width: 306px;
    height: 166px;
    position: relative;
    float: left;
}
#services
{background-image: url('Images/services_flat.png');
    width: 306px;
    height: 166px;
    position: relative;
    float: left;
    
}
#consulting
{background-image: url('Images/consulting_flat.png');
    width: 306px;
    height: 166px;
    position: relative;
    float: right;
   
}*/
/*Structure for Internal Pages*/
#internalcontentbox
{
    margin: 8px auto 8px auto;
    width: 900px;
    min-height: 356px;
}

#rightcontainer
{
	width: 268px;
	min-height: 356px;
	position: relative;
	float: right;
	clear: right;
}


.rightheader
{
	width: 268px;
	
}
.rightcontent
{
    padding: 10px;
    width: 248px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    line-height: 120%;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #efefef;
    margin-bottom: 8px;
}
.rightcontent a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: underline;
}
.rightcontent a:hover
{color: #000099;
}
.rightcontent a:active
{
}
.rightcontent a:visited
{
}

#APIrightcontainer
{width: 622px;
	min-height: 356px;
	position: relative;
	float: right;
	clear: right;
	background-color: #ffffff;
}

#APIrightheader
{
    width: 602px;
    height: 38px;
    background-color: #efefef;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #000099;
    padding-right: 10px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #000099;
    line-height: 150%;
}
#APIrightcontent
{ font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #333333;
    line-height: 120%;
    padding: 10px;
    width: 602px;
}

#leftcontainer
{
	width: 622px;
	min-height: 356px;
	position: relative;
	float: left;
	background-color: #ffffff;
	
}

#leftheader
{
    width: 602px;
    height: 38px;
    background-color: #efefef;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #000099;
    padding-right: 10px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #000099;
    line-height: 150%;
}
#leftcontent
{ font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #333333;
    line-height: 120%;
    padding: 10px;
    width: 602px;
}

#APIleftcontainer
{
    width: 268px;
    min-height: 356px;
    position: relative;
    float: left;
    background-color: #efefef;
}
.APIleftheader
{
	width: 268px;
	
}
.APIleftcontent
{
    padding: 10px;
    width: 248px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    line-height: 120%;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #efefef;
    margin-bottom: 8px;
}
.APIleftcontent a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
}
.APIleftcontent a:hover
{color: #000099;
}
.APIleftcontent a:active
{
}
.APIleftcontent a:visited
{
}

.hrClear {
width: 100%;
height: 0;
margin: 0;
padding: 0;
clear: both;
}
.hrClear hr {
width: 100%;
height: 0;
margin: 0;
padding: 0;
visibility: hidden;
display: none;
}


h1
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    
}
h2
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
}
.alert
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #000099;
}
.clear:after
{
    content:".";
    display:block;
    height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}
.clear{
	min-height:1px;
}

/*
#slideshowbox
{
    
   
    background-image: url('Images/slideshowbox.jpg');
    background-repeat: no-repeat;
    width: 287px;
    height: 223px;
    float: right;
    margin-top: 8px;
    margin-right: 8px;
    
}
#slideshowboxcontent
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #0025b9;
    padding: 10px;
    width: 267px;
    height: 203px;
    overflow: auto;
    font-weight: bold;
    text-align: center;
   
}

#leftinternalheader
{
	width: 525px;
	height: 50px;
	margin-top: 8px;
	margin-right: 8px;
	float: right;
	font-family: 'Microsoft Sans Serif';
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	line-height: 250%;
}
#leftinternalcontent
{
    padding: 10px 10px 5px 10px;
    width: 585px;
    height: 275px;
    float: right;
    margin-right: 8px;
    overflow: auto;
    font-family: arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #efefef;
}
#leftinternalcontent a
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #efefef;
    text-decoration: underline;
    font-weight: bold;
}
#leftinternalcontent a:hover
{
    color: #ffffFF;
}
#leftinternalcontent a:active
{color: #efefef;
}
/*#leftinternalcontent a:visited
{color: #efefef;
}*/

/*These are the 4 background styles for the internal content box*/
/*
#leftinternalwhite
{
    width: 621px;
    height: 356px;
    background-image: url('Images/internalwhitebackground_1.png');
    background-repeat: no-repeat;
    position: relative;
    float: left;
}
#leftinternalred
{
    width: 621px;
    height: 356px;
    background-image: url('Images/internalredbackground_1.png');
    background-repeat: no-repeat;
    position: relative;
    float: left;
}
#leftinternalgreen
{
    width: 621px;
    height: 356px;
    background-image: url('Images/internalgreenbackground_1.png');
    background-repeat: no-repeat;
    position: relative;
    float: left;
}
#leftinternalyellow
{
    width: 621px;
    height: 356px;
    background-image: url('Images/internalyellowbackground_1.png');
    background-repeat: no-repeat;
    position: relative;
    float: left;
}


/*this is the internal quote  box styles*/

.internalquote
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    line-height: 130%;
}
.internalquoteauthor
{font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    
}
.internalquotecompany
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-style: italic;
}

a
{
    font-family: arial, Helvetica, sans-serif;
    color: #000099;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

/*
.internalbutton
{
    width: 285px;
    height: 50px;
    float: right;
    margin-top: 8px;
    margin-right: 10px;
}

/*global styles*/
/*
.table
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.table th
{
    font-weight: bold;
}
.table td
{
}



.rightfloat
{
    float: right;
    position: relative;
}
.transparent1 {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
*/
/*
.white
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}
.white a
{color: #FFFFFF;
    text-decoration: none;
}
.white a:hover
{color: #FFFFFF;
    text-decoration: underline;
}
.white a:active
{ color: #FFFFFF;
    text-decoration: none;
}
/*.white a:visited
{color: #FFFFFF;
     text-decoration: none;
}*/

/*
.yellow
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffff00;
}
.yellow a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffff00;
    text-decoration: none;
    font-weight: bold;
}
.yellow a:hover
{text-decoration: underline;
      color: #ffff00;
}
.yellow a:active
{   color: #ffff00;
    text-decoration: none;
}
/*.yellow a:visited
{   color: #ffff00;
    text-decoration: none;
}*/
/*
.green
{
    font-family: Arial, Helvetica, sans-serif;
    color: #66ff33;
}
.green a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #66ff33;
    text-decoration: none;
    font-weight: bold;
}
.green a:hover
{text-decoration: underline;
      color: #66ff33;
}
.green a:active
{   color: #66ff33;
    text-decoration: none;
}
/*.green a:visited
{   color: #66ff33;
    text-decoration: none;
}*/
/*
.red
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ff3333;
}
.red a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ff3333;
    text-decoration: none;
    font-weight: bold;
}
.red a:hover
{text-decoration: underline;
      color: #ff3333;
}
.red a:active
{   color: #ff3333;
    text-decoration: none;
}
/*.red a:visited
{   color: #ff3333;
    text-decoration: none;
}*/