/***** Main Styles *****/

body {
font-family: arial, helvetica, sans-serif;
font-size: 80%;
color: #383838; 
line-height: 1.4em;
}

body {
text-align: center;
padding-top: 10px;
}

p {
margin: 1em 1em 1em 0;
}

img {
border: none;
}



/***** Link Styles *****/

a:link, a:visited {
color: #7a6f00;
text-decoration: underline;
}

a:active, a:hover {
color: #76abcc;
text-decoration: underline;
}

a.noline:link, a.noline:visited {
text-decoration: none;
}

a#back:link, a#back:visited {
clear: both;
display: block;
position: relative;
float: right;
text-decoration: none;
margin: 40px 15px 0 0;
font-size: .7em;
}

a#back:hover, a#back:active {
}


/***** Headings *****/

h1 {
display: inline;
font-size: 1.5em;
font-weight: bold;
font-variant: small-caps;
letter-spacing: .1em;
color: #5d87a1;
margin-top: 20px;
margin-bottom: 0;
}

h2 {
font-size: 1.3em;
line-height: 1.3em;
font-weight: bold;
color: #a6a698;
margin-bottom: 0;
}

h3 {
font-size: 1.2em;
font-weight: bold;
color: #a6a698;
margin-bottom: 0;
}

h4 {
font-size: 1em;
font-weight: bold;
color: #5d87a1;
margin-bottom: 0;
}

h5 {
font-size: 1em;
color: #a6a698;
margin-bottom: 0;
}

h6 {
display: inline;
font-size: 1.3em;
font-weight: bold;
color: #7a6f00;
margin-top: 0;
margin-bottom: 0;
}

.tall {
margin-top: 25px;
}

.noTop {
margin-top: 0;
}

.shortTop {
margin-top: 0;
padding-top: .8em;
}

.tallTop {
padding-top: 1.5em;
}

.smallBottom {
margin-top: 0;
margin-bottom: .5em;
}



/***** Page Layout *****/

#Wrapper {
position: relative;
margin: 0 auto;
text-align: left;
width: 950px;
}

#Container {
height: 477px;
text-align: left;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
border-left: solid 1px #000;
background-color: #f4f4f2;
}

#Page {
float: right;
display: block;
position: relative;
left 0;
top 0;
width: 621px;
text-align: left;
}

#PageHome {
float: right;
display: block;
position: relative;
left 0;
top 0;
width: 527px;
height: 200px;
text-align: left;
}

#Content {
display: block;
position: absolute;
top: 60px;
left: 20px;
width: 600px;
height: 405px;
overflow: auto;
scrollbar-face-color: #a6a698;
scrollbar-shadow-color: #a6a698;
scrollbar-highlight-color: #a6a698;
scrollbar-3dlight-color: #e0e0db;
scrollbar-darkshadow-color: #e0e0db;
scrollbar-track-color: #e0e0db;
scrollbar-arrow-color: #e0e0db;
}

#ContentHome {
display: block;
position: relative;
top: 55px;
left: 20px;
width: 491px;
height: 405px;
overflow-y: auto;
overflow-x: show;
scrollbar-face-color: #edf0f3;
scrollbar-shadow-color: #778493;
scrollbar-highlight-color: #778493;
scrollbar-3dlight-color: #edf0f3;
scrollbar-darkshadow-color: #edf0f3;
scrollbar-track-color: #dde0e4;
scrollbar-arrow-color: #778493;
}

#SideImage {
position: absolute;
left: 1;
top: 100;
overflow: hidden;
padding: 0px;
margin: 0px;
}

#Footer {
width: 950px;
font-size: 10px;
margin-top: 2px;
}

#Footer ul {
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
width: auto;
}

#Footer ul li {
display: block;
float: left;
}

#Footer ul li a {
display: block;
float: left;
text-decoration: none;
padding: 0 1em;
}

#Footer ul li a:hover {
}

#CopyRight {
float: right;
}


/***** NavBar Styles *****/

/* Inside NavBar */

#NavBar {
display: inline;
position: absolute;
width: 586px;
height: 34px;
font-family: Arial, Helvitica, sans-serif;
font-size: .9em;
font-weight: bold;
padding-left: 35px;
background-color: #a6a698;
background: transparent url(../images/bg_nav2-off.gif) repeat-x top left;
}

#NavBar ul {
text-align: center;
margin: 0px;
padding: 0px;
list-style-type: none;
width: auto;
}

#NavBar ul li {
display: block;
float: left;
margin: 0px;
padding: 0px;
}

#NavBar ul li a {
display: block;
float: left;
color: #ffffff;
text-decoration: none;
padding: .7em 1.2em .7em 1.2em;
}

#NavBar ul li a:hover {
background-color: #ba0066;
background: transparent url(../images/bg_nav2.gif) repeat-x top left;
}


/* Home NavBar */

#NavBarHome {
display: inline;
position: absolute;
width: 497px;
height: 34px;
font-family: Arial, Helvitica, sans-serif;
font-size: .9em;
font-weight: bold;
background-color: #a6a698;
padding-left: 30px;
background: transparent url(../images/bg_nav2-off.gif) repeat-x top left;
}

#NavBarHome ul {
text-align: center;
margin: 0px;
padding: 0px;
list-style-type: none;
width: auto;
}

#NavBarHome ul li {
display: block;
float: left;
margin: 0px;
padding: 0px;
}

#NavBarHome ul li a {
display: block;
float: left;
color: #ffffff;
text-decoration: none;
padding: .7em 1em .7em 1em;
}

#NavBarHome ul li a:hover {
background-color: #ba0066;
background: transparent url(../images/bg_nav2.gif) repeat-x top left;
}



/***** Containers *****/

#Tagline {
display: block;
position: relative;
text-align: center;
top: 34px;
left: 0px;
width: 527px;
height: 97px;
padding: 0;
background-color: #5d87a1;
}

#SuccessStory {
width: 250px;
border: solid 1px #7a6f00;
font-size: 10px;
line-height: 1.3em;
background-color: #e0e0db;
padding: .5em;
margin: 3em 0 0 1em;
text-align: left;
}

#SuccessStory h4 {
margin: 0 0 .2em 0;
font-size: 1.2em;
}

#SuccessStory a {
text-decoration: none;
}


.Logos {
display: block;
float: left;
width: 110px;
height: 80px;
text-align: center;
vertical-align: middle;
margin: 1.5em .5em 0 0;
}

.ColHalf {
display: block;
float: left;
margin: 10px 10px 0 12px;
width: 270px;
font-size: 85%;
line-height: 1.3em;
}

.TextBlock {
display: block;
float: left;
margin: 20px 20px 0 0;
width: 270px;
height: 80px;
font-size: 85%;
line-height: 1.3em;
}

#HeadPR {
display: block;
float: right;
margin: 0 0 25px 25px;
font-size: 85%;
text-align: right;
line-height: 1.5em;
}

.caselnk {
width: 100px;
border: solid 1px #680039;
text-align: center;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
font-size: 11px;
line-height: 12px;
display: block;
float: left;
margin-right: 15px;
background-color: #dde3e8;
}


/***** Font Styles *****/

#OpenBracket {
font-size: 1.7em;
color: #a6a698;
margin-right: .2em;
}

#CloseBracket {
font-size: 1.7em;
color: #a6a698;
margin-left: .1em;
}

.mag {
display: block;
color: #6d6d6d;
font-size: 12px;
font-weight: bold;
}

.date {
display: block;
color: #6d6d6d;
font-size: 10px;
font-weight: bold;
}

.small {
font-size: 10px;
}


/***** List Styles *****/

.List {
margin: 0 0 1em 1.5em;
padding-left: 0;
list-style: none;
}

.List li  {
padding: .5em 0 0 1em;
background-image: url(../images/bullet_square.gif);
background-repeat: no-repeat;
background-position: 0 1em;
}

.casestudy {
margin: 1.5em 0 1em 1em;
padding: 0;
list-style: none;
}

.casestudy li  {
margin: 0;
padding: .5em 0 0.5em 1.2em;
background: url(../images/icon_casestudy.gif) no-repeat;
background-position: center left;
}



/***** Other Formatting *****/

.print {
clear: both;
float: right;
font-size: 10px;
vertical-align: middle;
}


.imgLeft {
float: left;
margin: 0 1em 1em 0;
}

.imgRight {
width: 180px;
float: right;
margin: 0 0 1em 1em;
text-align: right;
}

.tnMag {
margin: 0 15px 0 0;
}

.Center {
clear: both;
text-align: center;
position: relative;
}

.huh {
background-color: #ffff00;
}


/***** Form Syles *****/

.textfield {
background-color: #f6f4ef;
height: 18px;
width: 100px;
border : 1px solid #ae9a58;
}

.frm {
background-color: #f6f4ef;
height: 20px;
border : 1px solid #ae9a58;
}

.txtarea {
background-color: #f6f4ef;
border : 1px solid #ae9a58;
}

.bttnsearch {
font: 9px Tahoma, arial, sans serif;
background-color: #e5dbbb;
border : 1px solid #ae9a58;
width: 20px;
height: 18px;
}

.bttnsub {
font: 11px arial, helvetica, sans-serif;
background-color: #e5dbbb;
border : 1px solid #ae9a58;
width: 75px;
height: 18px;
}

.bttnres {
font: 11px arial, helvetica, sans-serif;
background-color: #F1F5F9;
border : 1px solid #99ADC1;
width: 75px; height: 20px;
}


/***** Tab Content Styles *****/
.homeTabs {
padding: 0;
margin: 0;
font-size: .8em;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.homeTabs li {
display: inline;
margin: 0;
}

.homeTabs li a {
text-decoration: none;
padding: 0;
margin: 0;
border: 1px solid #778;
color: #2d2b2b;
}

.homeTabs li a:hover {
text-decoration: underline;
color: #2d2b2b;
}

.homeTabs li.selected {

}

.homeTabs li.selected a { /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.homeTabs li.selected a:hover { /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle { /*style of tab content container*/
width: 220px;
border: solid 1px #7a6f00;
font-size: 12px;
line-height: 16px;
background-color: #e0e0db;
padding: .5em;
margin: 0;
text-align: left;
}

.tabcontent {
display: none;
}



/***** Pop-Up Window Styles *****/

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #284d77;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: #000000;
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
opacity: 0.7;
}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding-top: 3px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #284d77;
color: white;
cursor: move;
overflow: hidden;
width: auto;
height: 24px;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: white;
color: #000000;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}

.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}