﻿
html  {
margin : 0;
padding : 0;
height : 100%;
}

body  {
padding : 0;
margin : 0;
height : 100%;
font : 13px/18px Arial, "Trebuchet MS", Helvetica, sans-serif;
}

img  {
padding : 0;
margin : 0;
}

ul  {
padding : 0;
margin : 0;
list-style-type : none; 
}

p  {
padding : 0;
margin : 0;
}

sup {
font-size : 10px;
}

div  {
padding : 0;
margin : 0;
}

/*------------------------------------------*/
/*---------------LINK BASIC------------------*/
a, a:visited, a:active  {
color : #39a002;
text-decoration : none;
}

a:hover  {
color : #046598;
text-decoration : underline;
}

/*------------------------------------------*/
/*-----------TOP PANEL + TOP MENU-----------*/
#container  {
min-height : 100%;
position : relative;
background : url(/images/bg_long.gif);
}

#header  {
padding : 0;
height : 183px;
background : #ffffff url(/images/mainbg.gif) repeat-x 0 0;
color : #3e3e3e;
}

#topPanel  {
width : 780px;
height : 183px;
position : relative;
margin : 0 auto;
background : #047ac4 url(/images/topheader.jpg) repeat-x 0 0;
color : #fff;
}

#topPanelEN  {
width : 780px;
height : 183px;
position : relative;
margin : 0 auto;
background : #047ac4 url(/images/topheader-en.jpg) repeat-x 0 0;
color : #fff;
}

#topPanelMenu  {
width : 730px;
height : 16px;
position : absolute;
bottom : 9px;
left : 25px;
}

.TDtopPanelMenuLeft  {
width : 50px;
height : 16px;
background : url(/images/menu-leftbg.gif) no-repeat 0 0;
}

.TDtopPanelMenuRight  {
width : 50px;
height : 16px;
background : url(/images/menu-rightbg.gif) no-repeat 0 0;
}

.topPanelMenuOption  {
height : 16px;
text-align : center;
float : left;
}
/*width : 90px;*/

.topPanelMenuOption a  {
display : block;
color : #111111;
font : 11px/16px Arial, "Trebuchet MS", Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
/*text-transform : uppercase;*/

.topPanelMenuOption a:hover  {
color : #007ac5;
text-decoration : none;
}

.topPanelMenuOptionSelected  {
height : 16px;
float : left;
text-align : center;
}
/*width : 85px;*/

.topPanelMenuOptionSelected a  {
display : block;
color : #fff;
font : 11px/16px Arial, "Trebuchet MS", Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
background : #007ac5;
}
/*text-transform : uppercase;*/

.topPanelMenuOptionSelected a:hover  {
color : #111;
text-decoration : none;
}

/*---------------------------------------------*/
/* top right bottom left
/*--------------- BODY PANEL ------------------*/
#body  {
min-height : 100%;
}
/*padding-bottom : 107px;*/

#bodyPanel  {
width : 720px;
height : 100%;
min-height : 100%;
padding : 25px 20px 0px 20px;
margin : 0 auto;
position : relative;
border-left-style: solid; 
border-left-color: #9c9c9d; 
border-left-width: 1px;
border-right-style: solid; 
border-right-color: #9c9c9d; 
border-right-width: 1px;
background : #fff url(/images/bodygradiant.gif) no-repeat 0 0;
}

/*-----------------------------------------------*/
/*--------------- FOOTER PANEL ------------------*/
#footer  {
width : 660px;
height : 65px;
margin : 0 auto;
position : relative;
border-style: solid; 
border-color: #9c9c9d; 
border-width: 1px;
border-top-color: #fff; 
background : url(/images/footerbg.gif);
padding-left: 100px;
}

#footerMenuPanel {
width : 100%;
position : relative;
margin : 0 auto;
font-size : 11px;
font-family : Arial, "Trebuchet MS", Helvetica, sans-serif;
padding-top: 30px;
}

#footerMenuPanel ul {
width : 554px;
position : relative;
margin : 0 auto;
}

#footerMenuPanel li {
float : left;
color : #fff;
}

#footerMenuPanel ul li a {
padding : 0 10px 0;
color : #fff;
text-decoration : none;
}

#footerMenuPanel ul li a:hover {
text-decoration : underline;
}

#footerMenuPanel p.copyright {
width : 300px;
color : #fff;
position : absolute;
top : 45px;
left : 63px;
font-size : 10px;
font-family : Arial, "Trebuchet MS", Helvetica, sans-serif;
}

/*-----------------------------------------------*/
/*---------------- TITLE PROPERTIES -------------*/
.titleBlue  {
color : #007ac5;
font-size : 18px;
}

.titleBlack {
color : #00111a;
font-size : 18px;
}

.titleGreen {
color : #39a002;
font-size : 18px;
}

.subTitleBlack {
color : #00111a;
font-size : 16px;
}

.subTitleGreen {
color : #39a002;
font-size : 16px;
}

.subTitleBlue {
color : #007ac5;
font-size : 16px;
}

.smallTitleBlack {
color : #00111a;
font-size : 14px;
}

/*-----------------------------------------------*/
/*---------------- LISTS PROPERTIES -------------*/
.ulListBlueCheck  {
margin-left : 0;
padding-left : 0;
list-style : none;
}

.ulListBlueCheck li {
background : url(/images/li-check.gif) no-repeat 0 5px;
padding : 0 0 0 20px;
}

.ulListBlueCheck span {
background : url(/images/dot-line.gif) repeat-x 0 90%;
height : 25px;
display : block;
}

#ulListBlueArrow {
margin-left : 0;
padding-left : 0;
list-style : none;
}

#ulListBlueArrow li {
background : url(/images/li-arrow_dotted_blue.gif) no-repeat 0 5px;
padding : 0 0 0 15px;
}

#ulListBlueArrow span {
padding-bottom : 20px;
}

#ulListBlueFullArrow {
margin-left : 0;
padding-left : 0;
list-style : none;
}

#ulListBlueFullArrow li {
background : url(/images/li-arrow_full_blue.gif) no-repeat 0 3px;
padding : 0 0 0 20px;
}


/*-----------------------------------------------*/
/*-----------------------------------------------*/
.shadowcontainer {
box-shadow: 4px 4px 5px #d1cfd0;
-webkit-box-shadow: 4px 4px 5px #d1cfd0;
-moz-box-shadow: 4px 4px 5px #d1cfd0;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#d1cfd0, offX=4, offY=4, positive=true);
width: 100%;
background-color: white;
border: 1px solid gray;
padding: 6px;
font : 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #3e3e3e;
}


/*-----------------------------------------------*/
/*-----------------------------------------------*/
.urbanmenu{
margin : 0 auto;
width: 190px; /*width of menu*/
border: 1px solid #047ac4;
}

/*.urbanmenu*/
.urbanmenubar{
width: 161px; /*width of menu*/
margin: 0 auto;
font: bold 14px Arial;
color: white;
background: #047ac4 url(/images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbanmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbanmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbanmenu ul li a{
background : #e6ebff;
color: black;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
font-family : calibri, Arial, Helvetica, sans-serif;
font-weight : bold;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbanmenu ul li a:hover{ /*hover state CSS*/
color: #39a002;
background: white;
}

/*-----------------------------------------------*/
/*-----------------------------------------------*/
.verticaldot  {
background : url(/images/vertical-dot.gif);
}
