body {font: 13px/16px "Helvetica", arial, sans-serif; background: #7a7a7a url(images/bkgrd_body.gif) top left repeat-x; min-width: 960px; margin: 0px; padding: 0px; color: #fff; border-top: 3px solid #000;}
A:hover {TEXT-DECORATION: underline;}
A:link {TEXT-DECORATION: none; font-weight: bold;}
A:visited {TEXT-DECORATION: none;}
p {position: relative; font: 13px/16px "Helvetica", arial, sans-serif; text-align: left;}
.bold {font-weight: bold;}
.right {float: right; padding: 0px 0px 0px 5px;}
.left {float: left; padding: 0px 5px 0px 0px;}

h1 {position: relative; font: italic 26px/28px "Helvetica", arial, sans-serif; letter-spacing: 1.2pt;}
h2 {position: relative; font: 14px/18px "Helvetica", arial, sans-serif; text-transform: uppercase; margin-top: 5px; padding-top: 0px;}

#bg {width: 960px; margin: 0px auto; padding: 0px;} 
.title {font: bold 14px/20px Verdana,sans-serif; letter-spacing: -1px; color: #fff; padding: 65px 0px 0px 97px; margin: 0px;}
#container {width: 960px; margin: 47px auto 2px auto; overflow: auto; padding: 1%; background: transparent url(images/bkgrd.png) no-repeat top center;}
/*\*/
* html #container {width: 960px; margin: 47px auto 2px auto; height: 455px; overflow: hidden; padding: 1%; background: #000;}
/*end*/

.rightsection{float: right; position: relative; top: 3px; padding-right: 5px; text-align: right; margin-right: 10px;}
.rightsection a {color: navy;}

#nav {background:url(images/nav.gif) no-repeat; width:960px; height:40px; margin:0; padding:0;}
#nav span {display: none;}
#nav li, #nav a {height:40px; display:block;}
#nav li {float:left; list-style:none; display:inline;}
#nav-01 {width: 180px;}
#nav-02 {width: 210px;}
#nav-03 {width: 170px;}
#nav-04 {width: 215px;}
#nav-05 {width: 185px;}
#nav-01 a:hover, #nav-01 .active {background:url(images/nav.gif) 0px -40px no-repeat;}
#nav-02 a:hover, #nav-02 .active {background:url(images/nav.gif) -180px -40px no-repeat;}
#nav-03 a:hover, #nav-03 .active {background:url(images/nav.gif) -390px -40px no-repeat;}
#nav-04 a:hover, #nav-04 .active {background:url(images/nav.gif) -560px -40px no-repeat;}
#nav-05 a:hover, #nav-05 .active {background:url(images/nav.gif) -775px -40px no-repeat;}

.aerobuttonmenu {overflow: hidden; width: auto; background: transparent; padding: 4px 0; border-width: 1px 0;}
* html .aerobuttonmenu {width: 100%;}
.aerobuttonmenu a.aero {background: transparent url(images/btn_left.gif) no-repeat top left; text-align: center; display: block; font: bold 13px Verdana, Trebuchet MS; line-height: 23px; height: 31px; padding-left: 10px; text-decoration: none; margin-right: 5px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9;}
.aerobuttonmenu a.aero span {background: transparent url(images/btn_right.gif) no-repeat top right; display: block; padding: 4px 10px 6px 0;}
.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active {color: white;}
.aerobuttonmenu a.aero:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity: 0.99;}
.aerobuttonmenu a.aero:hover span {color: yellow;}

.blue a.aero:hover {background-image: url(images/btn_blue_left.gif);}
.blue a.aero:hover span {background-image: url(images/btn_blue_right.gif); color: #99ccff;}
.blue a.aero {background: transparent url(images/btn_left.gif) no-repeat top left; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity: 0.99;}
.blue a.aero span {background: transparent url(images/btn_right.gif) no-repeat top right; color: #6699ff;}

.purple a.aero:hover {background-image: url(images/btn_purple_left.gif);}
.purple a.aero:hover span {background-image: url(images/btn_purple_right.gif); color: #bc9aff;}
.purple a.aero {background: transparent url(images/btn_left.gif) no-repeat top left; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity: 0.99;}
.purple a.aero span {background: transparent url(images/btn_right.gif) no-repeat top right; color: #9966ff;}

.lime a.aero:hover {background-image: url(images/btn_lime_left.gif);}
.lime a.aero:hover span {background-image: url(images/btn_lime_right.gif); color: #ccff66;}
.lime a.aero {background: transparent url(images/btn_left.gif) no-repeat top left; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity: 0.99;}
.lime a.aero span {background: transparent url(images/btn_right.gif) no-repeat top right; color: #99cc00;}

.orange a.aero:hover {background-image: url(images/btn_orange_left.gif);}
.orange a.aero:hover span {background-image: url(images/btn_orange_right.gif);}
.orange a.aero {background: transparent url(images/btn_left.gif) no-repeat top left; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity: 0.99;}
.orange a.aero span {background: transparent url(images/btn_right.gif) no-repeat top right; color: #ffcc00;}

.yellow a.aero:hover {background-image: url(images/btn_yellow_left.gif);}
.yellow a.aero:hover span {background-image: url(images/btn_yellow_right.gif); color: #c0bb00;}
.yellow a.aero {background: transparent url(images/btn_left.gif) no-repeat top left; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity: 0.99;}
.yellow a.aero span {background: transparent url(images/btn_right.gif) no-repeat top right; color: #ece326;}

/*generic css for all elements*/
img {border: 0px; /*needed to avoid alignment with baseline of text*/}
.line {float: left; width: 100%; display: block; position: relative; /*prevents shifting when changing viewport in IE;*/}
.item {position: relative; float: left; overflow: hidden; left: 100%;}
.sap-content {overflow: hidden; padding: 10px; position: relative;}

/*item specific css*/
#flash {background-color: transparent;}
#home {background-color: transparent;}
#sub {background-color: transparent;}
#item0 {margin-left: -100%;	width: 960px; background: transparent; z-index: 100;}
#item1 {margin-left: -100%;	width: 19%;	padding: 5px; background: transparent;}
#item2 {margin-left: -80%; width: 19%; padding: 5px; background-color: transparent;}
#item3 {margin-left: -60%; width: 19%; padding: 5px; background-color: transparent;}
#item4 {margin-left: -40%; width: 19%; padding: 5px; background: transparent;}
#item5 {margin-left: -20%; width: 19%; padding: 5px; background: transparent;}
#subcontent {position: relative; margin-left: -100%; width: 40%; min-height: 414px; border-left: 1px solid #000; border-bottom: 1px solid #000; background: transparent;}
#subcontent A:link {color: #fff; TEXT-DECORATION: none;}
#subcontent A:visited {color: #fff;}
#subcontent A:hover {color: #fff; TEXT-DECORATION: underline;}
#subcontent ul {margin: 0px 0px 0px 0px; padding: 0px 0px 8px 10px; list-style: none;}
#subcontent li {list-style-type: none; word-spacing: 1px; display: block; padding: 0px 5px 8px 20px; margin: 0px; background: transparent url(images/li_bullet.png) no-repeat 0px 0px;}
#subcontent li.simple {list-style-type: none; word-spacing: 0px; display: block; padding: 0px 5px 3px 10px; margin: 0px 0px 0px -5px; background: transparent url(images/li_simple.gif) no-repeat 0px 5px;}
#subcontent li img {vertical-align: middle; padding: 0px 2px;}

#subnav {
padding: 0px;
margin: -10px 0px 0px 0px;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#subnav ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#subnav li {
display: inline;
margin: 0 auto 0 auto;
padding: 0;
text-transform:uppercase;
background: none;
}

#subcontent #subnav a{
float: left;
display: block;
font: bold 12px Arial;
color: #fff;
text-decoration: none;
margin: 0 3px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #000; /*Default menu color*/
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}

#subcontent #subnav a:hover{
background-color: #333; /*Orange color theme*/
padding-top: 5px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: #ffcc00;
text-decoration: none;
}

#subcontent #subnav .current a { /** currently selected menu item **/
background-color: #333; /*Black color theme*/
padding-top: 5px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: #ffcc00;
}

#subimages {margin-left: -60%; width: 60%; background: transparent;}
#subimages img {vertical-align: center; margin: 0px auto; width: 566px;}
/*\*/
* html #subimages img {vertical-align: center; margin: 0px; width: 566px; display: block;}
/*end*/

#item8 {margin-left: -60%; width: 35%; background: transparent;}

#dropdownpanel {position: absolute; width: 100%; right: 0; top: 0; visibility: hidden; z-index: 101;}
#dropdownpanel .contentdiv {background: black; color: white; padding: 10px;}
#dropdownpanel .contentdiv h1 {text-align: right; padding-right: 50px; color: #666666;}
#dropdownpanel .contentdiv p {text-align: right; padding-right: 50px;}
#dropdownpanel .contentdiv dl {margin: 0px; padding: 0px 50px 10px 50px; float: right;}
#dropdownpanel .contentdiv dt {float: left; font-weight: bold;}
#dropdownpanel .contentdiv dd {margin-left: 70px; margin-bottom: 10px; padding-right: 0px;}
#dropdownpanel .contentdiv dd a, #dropdownpanel .contentdiv p a {color: #99cc00;}
#dropdownpanel .control {position: absolute; right: 5%; color: white; font-weight: bold; text-align: center; background: transparent url(images/tab_panel.gif) top right no-repeat; padding-bottom: 3px; height: 21px; width: 161px; line-height: 21px;}

.galleria {list-style:none; width:200px;}
.galleria li {display:block; width:50px; height:80px; overflow:hidden; float:left; margin:0 10px 10px 0; background: none;}
.galleria li a{display:none;}
.galleria li div{position:absolute; display:none; top:0; left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div {display:block;}
.galleria li img.thumb{cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto;}
.galleria li .caption{display:block; padding-top:.5em;}
* html .galleria li div span{width:400px;} /* MSIE bug */

.caption {font-style:italic;color:#887;}
.demo {position:relative; margin-top:0em;}
.gallery {width:400px; margin:0px;}
.gallery li {width: 80px; height: 50px; border: 0px double #666;}
.gallery li div {left: 0px}
.gallery li div .caption {font:italic 0.7em/1.4 georgia,serif;}

.none {background: none; margin: 0px; padding: 0px;}
#main_image {margin:0 auto 0px auto; height: auto; width:566px;}
#main_image img {margin-bottom:10px;}

form.standard label {width:120px; margin-right:0px;}
form.standard label.long, form.standard p.label {margin-left:60px; width:390px;}
form.standard label span {color:#900;}
form.standard input, form.standard textarea, form.standard select {background: #fff url(images/bkgrd_input.png) bottom left repeat-x; margin-left:140px; width:180px;}
form.standard input.button {cursor: pointer; background: none; border: 1px solid #6699ff; color: #99ccff; height: 20px; width: auto; padding-bottom: 4px;}
form.standard textarea {width: 300px;}
form.standard p.desc {margin-left: 210px;}

form.standard {margin:0 0 .5em 0;}
form.standard label {float:left; text-align:right; padding-top:0.2em; font-weight:bold; font-size:1em;}
form.standard label span.required {font-size: 20px; color: #99ccff; vertical-align: bottom;}
form.standard label:after {content:":"; }
form.standard label.long {float:none; display:block; text-align:left;}
form.standard label.long:after {content:"";}
form.standard input, form.standard textarea, form.standard select {display:block; margin-bottom:-1em;}
/*\*/
* html form.standard input, form.standard textarea, form.standard select  {display:block; margin-bottom:0px; margin-top: 0px;}
/*end*/
form.standard select[multiple="multiple"] {margin-left:0px;}
form.standard br {} 
form.standard input[type="radio"], form.standard input[type="checkbox"], form.standard input[type="hidden"] {width:auto; height: auto; border:0; background: none;}
form.standard input[type="hidden"] {display:none;}
form.standard p.desc {display:block; margin-top:-0.4em; margin-bottom:1em; font-style:italic; font-size:0.9em;}

* html form.standard fieldset p.desc, * html form.standard .checks p.desc {margin-top: 0px;}
* html form.standard p.desc {margin-top: -1em;}
* html form.standard input, * html form.standard textarea, * html form.standard select,* html form.standard .checks input, * html form.standard .checks label {margin-top:0;margin-bottom:0;}
* html form.standard fieldset br {line-height:0.5em;font-size:0.5em;}

div#footer div {padding: 0px 0px 0px 20px; margin: 0px auto;}
div#footer .left {float: left;}
div#footer .right {float: right; text-align: right;}

#extraDivLogo {position:absolute; top: 7px; width: 374px; height: 94px; background: url(images/logo_CS2.png) no-repeat; margin: 0px auto 0px auto;} 
#extraDivAVISPLLogo {position:absolute;  right: 60px; top: 25px; width: 165px; height: 30px; background: url(images/logo_AVISPL.png) no-repeat; margin: 0px auto 0px auto;} 

