html {
min-height: 100.1%;
}

body {
margin: 0;
padding: 0;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.3;
color: #1C1819;
text-align: center;
border-top: 2px solid #ff3300;
}

a {
color: black;
text-decoration: underline;
}
a:hover {
text-decoration: underline;
}
img {
border: 0;
}

#wrap {
margin: 0 auto;
padding: 0;
width: 100%;
text-align: left;
}

/* start top right global navigation */

#globalmenu {
margin: 0 auto;
width: 792px;
height: 21px;
text-align: right;
}
#globalmenu ul {
float: right;
margin: 0;
padding: 9px 0 0;
font-size: 11px;
list-style-type: none;
line-height: 1;
}
#globalmenu li {
display: inline;
padding: 0;
}
#globalmenu a, #globalmenu a:visited {
padding: 0 5px 0 6px;
color: black;
text-decoration: none;
border-left: 1px solid #1C1819;
}
#globalmenu li#current a, #globalmenu li#current a:visited {
color: black;
}
#globalmenu a:hover {
background: white;
text-decoration: underline;
}
#globalmenu a.home, #globalmenu a.home:visited {
border-left: 0;
}

#searchform {
float: right;
padding: 6px 0 2px;
width: 120px;
}

#globalmenu input#search {
padding: 1px 2px;
font: 11px/1.1 Arial, Helvetica, sans-serif;
width: 66px;
border: 1px solid #ccc;
}

#globalmenu input#searchsubmit {
padding: 0 2px;
font: 11px/1.2 Arial, Helvetica, sans-serif;
width: 24px;
background: #f2f2f2;
border: 1px solid #ccc;
}

/* end global navigation */


/* start logo area */

#banner {
margin: 0 auto;
width: 792px;
height: 85px;
}
#banner img {
margin-left: 2px;
}
#banner a{
background: white;
}

/* end logo area */


/* start flash area included orange short cut navigation */

#flashbox {
margin: 0 auto;
width: 100%;
height: 305px;
border-top: 1px solid #1C1819;
}
#flash {
margin: 1px auto 0;
width: 792px;
height: 304px;
background: #f2f2f2;
border-bottom: 6px solid #1C1819;
}
img.payoff {
margin: 10px 0 0 48px;
}

/* end flash area */

#main {
width: 792px;
margin: 0 auto;
padding: 5px 0 30px;
}
#main a:hover{
color: white;
background: black;
}
.clearfix:after {
clear: both;
display: block;
height: 0;
content: ".";
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* the backslash hides the following from IEMac\*/
* html .clearfix { height: 1%; }
.clearfix {display: block; }
/* end backslash hack */


h2 {
margin: 18px 0 6px;
padding-bottom: 1px;
border-bottom: 3px solid #ff3300;
}

.box {
float: left;
margin-right: 18px;
width: 250px;
}
.box a {
  text-decoration: underline;
}
.box a:hover{
background: black;
color: white;
}
.boxinner {
margin-bottom: 1px;
/*height: 210px;*/
border-bottom: 1px solid #ccc;
}
.boxright {
float: right;
width: 250px;
}
.boxright h3 {
margin: 18px 0 0;
}
.boxright .clients {
display: inline-block;
width: 250px;
}
.clients:after {
clear: both;
display: block;
height: 0;
content: ".";
visibility: hidden;
}
/* the backslash hides the following from IEMac\*/
* html .clients { height: 1%; }
.clients {display: block; }
/* end backslash hack */

.box ul {
float: left;
width: 83px;
margin: 0;
padding: 0 0 10px;
line-height: 1.7;
list-style-type: none;
}

.clients ul, .box .clients ul {
float: left;
width: 123px;
margin: 0;
padding: 0 0 10px;
line-height: 1.7;
list-style-type: none;
}
.box p {
margin: 10px 0 0;
padding-bottom: 10px;
}

img.floatleft {
float: left;
margin-right: 8px;
}
p.boxbtm {
clear: both;
margin: 1px 0 0;
padding: 6px 8px 8px 0;
line-height: 1;
text-align: right;
background: url(raster.gif);
border: 0;
border-top: 1px solid #ccc;
}

.boxwrapper {
  width: 100%;
  margin: 0 auto;
}
/* end top main area */

/* middle main area including grey focus box and web tv */

#greybox {
float: left;
margin-top: 10px;
width: 530px;
background: #333 url(greybox_top.gif) no-repeat top left;
color: #fff;
z-index: 3;
}
.boxclear {
clear: both;
margin: 0 auto 0 0;
width: 530px;
height: 12px;
background: url(greybox_btm.gif) no-repeat bottom left;
}
#greybox h2 {
margin: 17px 15px 2px;
}
#greybox h3 {
margin: 6px 0 0;
font-size: 13px;
}
#greybox p {
margin: 0 0 12px;
}
.greytext {
float: left;
padding: 0 15px;
width: 230px;
line-height: 1.2;
}
#greybox a {
color:#fff;
text-decoration: none;
}
#greybox a:visited {
text-decoration: none;
}
#greybox a:hover {
text-decoration: underline;
background: none;
}

#webtv {
float: right;
margin-top: 10px;
width: 252px;
height: 256px;
background: no-repeat bottom left;
}

/* end focus box area */

/* the footer should span the entire width of the browser */

#foot {
margin: 0;
padding-top: 18px;
width: 100%;
font-size: 10px;
color: #666;
text-align: center;
border-top: 1px solid #1C1819;
}
#foot a, #foot a:visited {
color: #666;
text-decoration: underline;
}

/* end footer */

#tabs {
position: absolute;
width: 792px;
top: 88px;
height: 21px;
left: 50%;
margin-left: -396px;
text-align: left;
background: url(tabbg.gif) repeat-x bottom left;
}
#tabmenu {
width: 792px;
margin: 0 auto;
}
#tabmenu ul {
margin:0 0 0 3px;
padding: 1px 0 0;
font-size: 12px;
line-height: 1.3;
list-style: none;
}
#tabmenu li {
display:inline;
margin:0;
padding:0;
}
#tabmenu a {
float:left;
margin:0;
padding: 0 0 0 2px;
background:url(tab_left.gif) no-repeat left top;
text-decoration:none;
}
#tabmenu a span {
float:left;
display:block;
padding:2px 16px 1px 12px;
background:url(tab_right.gif) no-repeat right top;
font-weight:bold;
color:#1C1819;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabmenu a span {float:none;}
/* End IE5-Mac hack */
#tabmenu a:hover span {
color:#1C1819;
}

#tabmenu a:hover {
background-position:0% -150px;
text-decoration: underline;
color:#1C1819;
}
#tabmenu a:hover span {
background-position:100% -150px;
}

#tabmenu #active_menu  {
background-position:0 -150px;
border-width:0;
}
#tabmenu #active_menu span {
background-position:100% -150px;
padding-bottom:2px;
color:#ff3300;
}
div.hr hr {
display: none;
}
div.hr {
height: 1px;
border-top: 1px solid #ccc;
}

#foot p {
margin: 0 auto 20px;
width: 792px;
position: relative;
}

#oracle {
float: right;
margin-right: 10px;
position: relative;
width: 108px;
height: 37px;
background: url(oracle_off.gif) no-repeat;
cursor: pointer;
}

#oracle:hover {
background: url(oracle_on.gif) no-repeat;
}

/* start Article and section page css*/
/* start breadcrumb navigation */

#breadcrumb {
margin: 0;
width: 100%;
border-top: 1px solid #1C1819;
}
#breadcrumb p {
margin: 22px auto 0;
padding: 0 6px;
width: 780px;
height: 25px;
line-height: 1.8;
background: url(breadbg.gif) repeat-x top left;
}
#breadcrumb a, #breadcrumb a:visited {
color: #1C1819;
text-decoration: none;
}
#breadcrumb a:hover {
color: #1C1819;
text-decoration: underline;
}

/* end breadcrumb */

/* start main article */

#article {
margin: 0 auto;
width: 792px;
}
#article h2 {
margin: 28px 0 0;
font-size: 17px;
font-weight: bolder;
border-bottom: 0;
}
#article h2.ingress {
margin: 0 0 16px;
font-size: 13px;
font-weight: bolder;
}
.clearfix:after {
clear: both;
display: block;
height: 0;
content: ".";
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* the backslash hides the following from IEMac\*/
* html .clearfix { height: 1%; }
.clearfix {display: block; }
/* end backslash hack */

.content {
float: left;
margin-left: 6px;
width: 520px;
padding-bottom: 10px;
}
h1 {
margin: 22px 0 14px;
font: lighter 31px/1 Georgia, "Times New Roman", serif;
}
h2 {
margin: 18px 0 6px;
padding-bottom: 1px;
border-bottom: 3px solid #ff3300;
}
h3 {
margin: 16px 0 0;
font-size: 13px;
}
h4 {
margin: 32px 0 0;
font-size: 13px;
}
h5 {
margin: 32px 0 0;
font-size: 12px;
}
h6 {
margin: 32px 0 0;
font-size: 11px;
}
p {
margin: 0 0 16px;
}
p.ingress {
font-weight: bolder;
}
p.caption {
margin: 0 36px 26px 8px;
font-size: 11px;
font-style: italic;
line-height: 1.1;
}
img.altillus {
float: right;
width: 262px;
padding: 0 8px 0 36px;
}
img.right {
float: right;
width: 262px;
padding: 0 8px 0 36px;
}
img.left {
float: left;
width: 262px;
padding: 0 36px 0 8px;
}
p#pagination {
margin: 26px 36px 26px 8px;
text-align: right;
}



/* start grey box of pullquotes */

blockquote.pullquote {
width: 154px;
margin-top: 9px;
margin-bottom: 9px;
padding-top: 32px;
float: left;
color: #fff;
background: url(pullquote_01.gif) no-repeat top left;
z-index: 50;
margin-left: -20px;
margin-right: 14px;
overflow: visible;
position: relative;
}
.pullquote p {
width: 132px;
background: #333 url(pullquote_02.gif) no-repeat bottom right;
text-align: left;
font: lighter 18px/1.3 Georgia, "Times New Roman", serif;
margin: 0;
padding: 0 12px 22px 10px;
overflow: visible;
}
.pullquote p:first-letter {
text-transform: uppercase;
}

/* end pullquotes */


/* start line of article tools for rss etc */

#tools {
margin: 16px 0 0;
font-size: 11px;
}
.rss{
height: 23px;
padding: 2px 30px 2px 20px;
background: url(icon_rss.gif) no-repeat center left;
}
.print{
height: 23px;
padding: 2px 30px 2px 20px;
background: url(icon_print.gif) no-repeat center left;
}
.send{
height: 23px;
padding: 2px 0 2px 20px;
background: url(icon_send.gif) no-repeat center left;
}

/* end tools */


/* grey focus box */

#greyboxart {
float: left;
margin: 22px auto 40px;
width: 502px;
background: #333 url(greybox_art_top.gif) no-repeat top left;
color: #fff;
z-index: 3;
}
#greyboxart .boxclear {
clear: both;
margin: 0 auto 0 0;
width: 502px;
height: 12px;
background: url(greybox_art_btm.gif) no-repeat bottom left;
}
#greyboxart h2 {
border-bottom: 3px solid #ff3300;
margin: 17px 15px 2px;
}
#greyboxart h3 {
margin: 12px 0 0 15px;
font-size: 13px;
}
#greyboxart p {
line-height: 1.6;
margin: 0 12px;
padding-left: 20px;
}
#greyboxart ul {
margin: 0 0 12px 15px;
padding-left: 5px;
list-style-type: none;
line-height: 1.6;
}
li.pdf {
padding-left: 20px;
background: url(icon_pdf.gif) no-repeat center left;
}
li.ppt {
padding-left: 20px;
background: url(icon_ppt.gif) no-repeat center left;
}
li.doc {
padding-left: 20px;
background: url(icon_doc.gif) no-repeat center left;
}
li.flv {
padding-left: 20px;
background: url(icon_flv.gif) no-repeat center left;
}

#greyboxart a {
color: #fff;
text-decoration: none;
}
#greyboxart a:visited, li.pdf a:visited {
color: #ccc;
text-decoration: none;
}

#greyboxart a:hover {
background: none; ;
text-decoration: underline;
}

/* end focus box */

/* sidebar menu */

#sidemenu {
float: right;
width: 248px;
}
#sidemenu h2 {
margin: 28px 0 6px;
padding-bottom: 1px;
border-bottom: 3px solid #ff3300;
}
#sidemenu ul {
margin: 0 0 16px;
padding: 0;
list-style-type: none;
}
#sidemenu li {
margin: 8px 0 8px 0;
padding: 0 0 8px 12px;
line-height: 1.5;
border-bottom: 1px solid #ccc;
}
#sidemenu a {
text-decoration: none;
/*color: black;*/
}
#sidemenu a:hover {
text-decoration: underline;
}
/*#sidemenu a:visited {*/
/*color: black;*/
/*}*/
#sidemenu a.active, #sidemenu a.active {
padding-left: 12px;
color: #ff3300;
background: url(arrow.gif) no-repeat top left;
}
#sidemenu li.menu-item-2 {
  padding-left: 22px ;
}

#sidemenu li.menu-item-3 {
  padding-left: 36px ;
}
#sidemenu li.menu-item-2-active {
  padding-left: 20px;
  color: #ff3300;
  background: url(arrow.gif) no-repeat top left;
}
#sidemenu li.menu-item-3-active {
  padding-left: 30px;
  color: #ff3300;
  background: url(arrow.gif) no-repeat top left;
}

#sidemenu .boxinner {
margin-bottom: 1px;
border-bottom: 1px solid #ccc;
}
#sidemenu .box p {
margin: 10px 0 0;
padding-bottom: 10px;
}
#sidemenu p.boxbtm {
clear: both;
margin: 1px 0 0;
padding: 6px 8px 8px 0;
line-height: 1;
text-align: right;
background: url(raster.gif);
border: 0;
}
#sidemenu p.pdf {
margin:10px 0;
padding:2px 0 4px 50px;
height: 35px;
background: url(iconlarge_pdf.gif) no-repeat scroll center left;
}

#sidemenu p.ppt {
margin:10px 0;
padding:2px 0 4px 50px;
height: 35px;
background: url(iconlarge_ppt.gif) no-repeat scroll center left;
}

#sidemenu p.doc {
margin:10px 0;
padding:2px 0 4px 50px;
height: 35px;
background: url(iconlarge_doc.gif) no-repeat scroll center left;
}

#sidemenu p.flv {
margin:10px 0;
padding:2px 0 4px 50px;
height: 35px;
background: url(iconlarge_flv.gif) no-repeat scroll center left;
}
/*.level { clear: both; width: 530px; }*/
.content a {
color: black;
text-decoration: underline;
}
.content a:hover {
color: white;
background: black;
}

.content ul {
margin: 0 16px 36px;
padding: 0;
/*list-style-type: none;*/
}
.content ul ul {
margin: 0 0 0 12px;
list-style-type: square;
}
.content ul ul ul {
margin: 0 0 0 12px;
list-style-type: disc;
}
.content ul ul ul ul {
margin: 0 0 0 12px;
list-style-type: circle;
}
.content li h3 {
margin: 16px 0 8px;
font-size: 14px;
font-weight: bolder;
}
.content li a {
text-decoration: underline;
}
.content li {
margin: 0 16px;
line-height: 1.6;
}

table {
width: 98%;
margin: 0 auto 26px 0;
padding: 0;
background: #fff;
border: 0;
}
td {
margin: 4px;
padding: 16px 6px;
background: #eee url(raster.gif);
text-align: center;
}
table.slideshow{
  width:100%;
  margin:0px 0px 0px 0px;
}
table.slideshow td{
  margin:0px;
  padding: 0px 0px 0px 0px;
}

.formValidationErrorMessage {
    color:red;
    font-size:85%;
}

.meetus{
  padding: 0 0 10px;line-height: 1.7;list-style-type: none;
}

.windowsMediaPlayer object {
  background: #000000;
}

.mediaPlayerContent {
  width:320px;
  height:240px;
}
