html,
body {
   margin:0;
   padding:0;
   height:100%;
   font-family: Verdana, sans-serif;
    font-size: 0.8em;
    color: #000000;
    display:block;
    background: #ffffff url('/images/bg_globe.png') left center no-repeat;
    text-align: center;
    color: #444346;
   
}

/*#infoPanel { width: position: relative; padding: 15%; }*/

h1, h2, h3, p { color: #444346; }

img.holdingLogo { width: 670px; height: 100px; }

#footer {
   position:absolute;
   bottom:0;
   width: 98%;
   text-align: right;
   font-size: 0.8em;
   padding: 5px 0;
   display:block;
}

.comingSoon { margin-top: 30px; }

/* Master Page */

#outerContainer { 
margin:0 auto;
padding:0;
width:886px; 
text-align: left;} 


#pageHeader img#logo { text-align:left; margin: 20px 20px 20px 0; }

#pageHeader, #pageFooter { background: none repeat scroll 0 0;}

#pageHeader { border-bottom: none; }

#pageContent { background: #ffffff; border-style: none solid; border-width: 1px; border-color: #b71e23; float:left; padding:8px 20px; width:844px; }

#pageContent img { float:left; clear:left; margin:0 18px 20px 0; }
#pageContent img.bordered, #pageContent div.borderImages img, div.team img { border:1px solid #A6A4AB; padding:2px; }
#pageContent div.topRightBorder { padding: 8px 20px 20px; }

#pageFooter { display:block; clear:both; text-align: right; border-top: solid 10px #9c1b1f; padding:10px 0 20px; }

#pageFooter div.bottomRightBorder { padding: 20px; }

#pageFooter span.copyright { }

#pageFooter a { padding:10px 5px 0 10px; }

/*.topLeftBorder { background: url('/images/tl-border.png') top left no-repeat; }
.topRightBorder { background: url('/images/tr-border.png') top right no-repeat;}
.bottomLeftBorder { background: url('/images/bl-border.png') bottom left no-repeat; }
.bottomRightBorder { background: url('/images/br-border.png') bottom right no-repeat;}*/
    
a { color: #9c1b1f; text-decoration: none; font-weight: bold; }
a img {border: none;}
a:hover { text-decoration: underline; }

.menu { display:block; background: url('/images/bg_menu.png') top left no-repeat; height:41px; }

#pageHeader .menu {width:100%; height:41px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html #pageHeader .menu {width:100%; w\idth:100%;}
/* remove all the bullets, borders and padding from the default list styling */
#pageHeader .menu ul {padding:0 0 0 30px;margin:0;list-style-type:none;}
#pageHeader .menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#pageHeader .menu li {float:left;width:100px;position:relative;}
/* style the links for the top level */
#pageHeader .menu a, .menu a:visited {display:block; text-decoration:none; color:#fff; width:90px; height:25px; padding:0 5px; line-height:25px; font-weight:bold; text-align: center; margin-top:1px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html #pageHeader .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
#pageHeader .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ff00ff; border: solid 1px 9c1b1f; }
/* style the second level hover */
#pageHeader .menu ul ul a.drop:hover{background:#B71E23; color: #ffffff;}
#pageHeader .menu ul ul :hover > a.drop {background:#B71E23; color: #ffffff}
/* style the third level background */
#pageHeader .menu ul ul ul a, .menu ul ul ul a:visited {background:#ffffff;}
/* style the third level hover */
#pageHeader .menu ul ul ul a:hover {background:#b2ab9b;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#pageHeader .menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;border-top:1px solid #9C1B1F; padding:0;}
/* another hack for IE5.5 */
* html #pageHeader .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
#pageHeader .menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
#pageHeader .menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#pageHeader .menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#pageHeader .menu ul ul a, #pageHeader .menu ul ul a:visited {background:none repeat scroll 0 0 #B71E23;
border-collapse:collapse;
border-color:#9C1B1F;
border-style:none solid solid;
border-width:1px;
color:#ffffff;
height:auto;
line-height:1em;
padding:5px 10px;
text-align:left;
width:128px;
margin-top:0;}
/* yet another hack for IE5.5 */
* html #pageHeader .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#pageHeader .menu a:hover, #pageHeader .menu ul ul a:hover, #pageHeader .menu li:hover{color:#B71E23; background:#ffffff;}
#pageHeader .menu :hover > a, #pageHeader .menu ul ul :hover > a, pageHeader .menu li:hover > a {color:#B71E23; background:#ffffff;}

/* make the second level visible when hover on first level list OR link */
#pageHeader .menu ul li:hover ul,
#pageHeader .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#pageHeader .menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#pageHeader .menu ul :hover ul :hover ul{ visibility:visible;}

.infoPanel { float:right; display: block; width: 250px; }

.infoPanel .middle { background-color:#B71E23; clear:both; color:#FFFFFF; display:block; float:left; min-height:200px; padding:0 20px; width:210px; }
.infoPanel .middle h1 { color:#FFFFFF; font-size:1.7em; margin-top:0; } 

.infoPanel, .sidebarPanel, #tabs, #showcase { margin-bottom: 20px; }
.infoPanel .middle p { margin-bottom:0; color: #ffffff; }

.infoPanel .top, .infoPanel .bottom {clear:both; width: 250px; height: 20px; float:left; }
.infoPanel .top {background: url('/images/info-top.png'); }
.infoPanel .bottom {background: url('/images/info-btm.png'); }

.mainContent { width: 574px; float:left; }


.mainContent img#mainImage { width: 576px; height: 240px; background-color: #b2ab9b; background: url('/images/main-image-1.jpg') no-repeat center center; float: left; } 
.mainContent h1 { border-bottom:1px solid #9C1B1F; font-size:2.4em; margin-top:0; padding-bottom:5px; clear:both; }
.mainContent h2 { clear:right; }

.sidebarContent { display:block; float:left; margin-left:20px; width:250px; }

div.sidebarPanel { float:left; width:100%; /*float:left; padding:10px;*/ }
div.sidebarPanel h2 { border-bottom: solid 1px #B71E23; padding-bottom: 5px; font-size:11pt; height:19px; }
div.sidebarPanel ul { padding-left:0; list-style: none; }
div.sidebarPanel li { padding: 2px 0 15px 30px; background: url('/images/gr-list-image.gif') top left no-repeat; font-size:1.2em; margin:0; }

div.twitter { }

div.news { }
div.news h2 { border-bottom: solid 1px #B71E23; padding-bottom: 5px; }
div.news ul { list-style: none; padding-left: 0; margin-left:0; }
div.news ul li { clear:both; float: left; padding-bottom: 5px; width:220px; }
div.news ul li a { float:left; font-weight:bold; }
div.news ul li span.date { clear:both; float:left; font-size:0.8em; font-weight:bold; width: 150px; }

.newsStory { border-bottom: solid 1px #B71E23; padding-bottom: 5px; float:left;}
.newsStory .date { font-size: 1.2em; font-weight: bold; }


p.more { float:right; font-weight: bold; margin: 0; clear:both; }
#tabs p.more {float:none; text-align:right; }

#tabs p.more a { color: #9c1b1f; }

#tabs div.tabText { display:block; padding-left:170px; }
#tabs div.tabText h2 { clear:right; margin-top: 0; }


.contact { display: block; margin: 30px 0; padding: 0; }
.contact p { position: relative; overflow: hidden; margin: 0 0 10px; padding: 0 0 0 160px; }
* html .contact p { height: 1%; }
.contact p label,
.contact p span.label { position: absolute; left: 0; width: 190px; margin: 1px 0 0; font-weight: bold; }
.contact p input { width: 210px; padding: 2px; }
.contact p input.long { width: 310px; }
.contact p select { width: 218px; padding: 2px; }
.contact p textarea { width: 310px; height: 135px; padding: 2px; }
.contact p button { overflow: visible; padding: 1px 10px; cursor: pointer; }
.contact p.tick span { display: block; margin: 0 0 3px; }
.contact p.tick label { position: static; width: auto; font-weight: normal; vertical-align: middle; }
.contact p.tick input { width: auto; margin: 0 5px 0 0; padding: 0; vertical-align: middle; }

a div.odyssysWebApp { padding: 10px; border: solid 2px #ffffff; }
a div.odyssysWebApp img { margin: 0 10px 10px 0 !important; }
a div.odyssysWebApp h2 { border: none !important; height: auto !important; }
a:hover div.odyssysWebApp { border-color: #9C1B1F; text-decoration: none; } 
a:hover div.odyssysWebApp h2 { text-decoration: none !important; }

div.team { clear: both; float: left; }
div.team h2 { clear:both; }
div.team h3 { clear: right; }
div.team img { }