body, td, th, p, div, li, ul
{
    color: black;
    font-family:  verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px
}

body {
    background:white;
    
}

div.header-int {
    width:750px;
    background-image:url('../images/header-int.jpg');
    background-repeat:no-repeat;
    height:130px;
    margin-bottom:20px;
    position:relative;
}

div.contact {
    position:absolute;
    right:10px;
    top:25px;
    font-size:12px;    
}

h1{
    color: #993300;
    font-family:  verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none;
    font-weight : bold;
}
h2{
    color: #993300;
    font-family:  verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    font-weight : bold;
}
h3{
    color: #993300;
    font-family:  verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight : bold;
}
h4{
    color: #993300;
    font-family:  verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight : bold;
    font-style : italic;
}
a {
    color: navy;
    font-family:  verdana, tahoma, arial, helvetica, sans-serif;
    text-decoration: none
}
a:hover {
    color: #993300;
    text-decoration: underline
}
.pagepath{
    color: black;
    font-size: 10px;
    font-weight: bold;
}
.pagepathlink{
    color: #993300;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}
.pagepathlink:hover{
    color: navy;
    text-decoration: underline
}
.fixed{
    font-family : "courier new", courier, monospace;
    font-size: 12px;
}
.boxtop{
    background-color: #993300;
    color: #ff9900;
    font-size: 12px;
    font-weight: bold;
    text-align:center;
}
.text
{
    line-height : 16px;
    text-align:justify;
}
/* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times.The original version of this stylesheet and the associated (x)htmlis available at http://www.cssplay.co.uk/menus/iPad4.htmlCopyright (c) 2005-2011 Stu Nicholls. All rights reserved.This stylesheet and the associated (x)html may be modified in any way to fit your requirements.=================================================================== *//* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */html {-webkit-animation: safariSelectorFix infinite 1s;}@-webkit-keyframes safariSelectorFix {0% {zoom:1;} 100% {zoom:1;}}.menu {height:25px; background:#69c; margin:0 0 200px 0; padding-left:20px;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-ms-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; position:relative;}.menu > ul {float:left;}.menu ul ul {position:absolute; left:-9999px;}.menu > ul > li {float:left; display:block; position:relative;}.menu ul ul {background:#fff; padding:10px 0; border:1px solid #ddd;-moz-border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;}.menu > ul > li > ul {border-top:0;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;-ms-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}.menu a {display:block; font:normal 11px verdana, arial, sans-serif; color:#666; line-height:25px; text-decoration:none;padding:0 30px 0 15px;}.menu > ul > li > a {float:left; text-transform:uppercase; color:#fff; font-weight:bold;}.menu ul ul li a {line-height:20px;}.menu ul li:hover > ul {left:0; top:25px;}.menu ul ul li:hover > ul {left:100%; top:auto; margin:-31px 0 0 -10px;}.menu li.left:hover > ul {left:auto; right:0; top:25px;}.menu li.left ul li:hover > ul {left:auto; right:100%; top:auto; margin:-31px -10px 0 0;}.menu li.left ul a {text-align:right; padding:0 15px 0 30px;}.menu li a.fly {background:transparent url(ipad4/arrow.html) no-repeat right center;}.menu li.left ul a.fly {background:transparent url(ipad4/arrowl.html) no-repeat left center;}.menu > ul li:hover > a {background-color:#369;}.menu ul ul li:hover > a,.menu ul ul li:hover > a.fly {background-color:#f2f2f2; color:#000;}.menu > ul > li.close {display:none; position:absolute; left:0; top:-25px; width:100%; height:25px; background:none;}.menu > ul > li.close a {width:100%; padding:0; text-indent:15px; background:#036; color:#fff;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-ms-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
ul.wobullet li {
    font-family : "courier new", courier, monospace;
    list-style : none;
    text-indent : -32px;
}
.newsdate{
    font-weight : bold;
}

.code {
    border : 1 solid gray;
    background-color : #f3f3f3;
    width:100%;}
table.code  tr td{
    font-family : "courier new", courier, monospace;
}
tr.border, td.border, div.border {
    border-width: thick thin thin thin;
    padding: 5px 5px 5px 5px;
    border-style: solid dotted dotted dotted;
    border-color: #010066 gray gray gray;
    background-color: white;
    -moz-border-radius: 3px 3px 3px 3px;
}

/*  MENU */

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

.menu {background: none repeat scroll 0 0 #000066;height: 25px;margin: -50px 0 40px;padding-left: 20px;width: 730px;}

.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; position:relative;}
.menu > ul {float:left;}

.menu ul ul {position:absolute; left:-9999px;}
.menu > ul > li {float:left; display:block; position:relative;}

.menu ul ul {background:#fff; padding:10px 0; border:1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.menu > ul > li > ul {border-top:0;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

.menu a {display:block; font:normal 11px verdana, arial, sans-serif; color:#666; line-height:25px; text-decoration:none;padding:0 30px 0 15px;}
.menu > ul > li > a {float:left; text-transform:uppercase; color:#fff; font-weight:bold;}
.menu ul ul li a {line-height:20px;}

.menu ul li:hover > ul {left:0; top:25px;}
.menu ul ul li:hover > ul {left:100%; top:auto; margin:-31px 0 0 -10px;}
.menu li.left:hover > ul {left:auto; right:0; top:25px;}
.menu li.left ul li:hover > ul {left:auto; right:100%; top:auto; margin:-31px -10px 0 0;}

.menu li.left ul a {text-align:right; padding:0 15px 0 30px;}

.menu li a.fly {background:transparent url(ipad4/arrow.html) no-repeat right center;}
.menu li.left ul a.fly {background:transparent url(ipad4/arrowl.html) no-repeat left center;}

.menu > ul li:hover > a {background-color:red;}
.menu ul ul li:hover > a,
.menu ul ul li:hover > a.fly {background-color:#f2f2f2; color:#000;}

.menu > ul > li.close {display:none; position:absolute; left:0; top:-25px; width:100%; height:25px; background:none;}
.menu > ul > li.close a {width:100%; padding:0; text-indent:15px; background:#036; color:#fff;
}

.youtube {
    position: absolute;
    right: 220px;
    text-align: center;
    top: 10px;
    width: 120px;
    font-size: 11px;
}
.youtube a {
    color: #333;
    font-weight: bold;
}