/* GENERAL */
* {
   border-style :       dotted;
   border-width :       0px;
   margin :             0px;
   padding :            0px;
}

img {
   margin :             10px;
}

a, a:visited, a:active {
   text-decoration :    none;
   color :              blue;
}

a:hover {
   text-decoration :    underline;
   color :              orange;
}

.noStyle {
   display :            none;
}


/* HTML */
html {
   overflow :           auto;
}


/* BODY */
body {
   text-align :         center; /* center in IE */
   padding :            10px;
   background-image :   url(images/background.png);
   font-size :          76%;
   font-family :        Arial,"Times New Roman",sans-serif;   
}


/* CONTAINER */
#container {
   width :              100%; /* IE needs a lenght */
   /*width :              780px; /* size for 800x600 screens */
   text-align :         left; /* undo center in IE */
   margin :             0px auto; /* center in FF and IE7*/
   border-style :       solid;
   border-color :       #bbb;
   border-width :       1px;
   background-color :   white;
}


/* HEADER */
#header {
   height :             60px;
   background-image :   url(images/banner.png);
   background-repeat :  no-repeat;
   background-position :130px center;
   background-color :   black;
}


/* MENU */
#menu {
padding :            10px;
}

#menu ul {
margin-left :        5px;
}

#menu ul li {
   display :            inline;
   list-style-type :    none;
}

#menu ul li a {
font-size :          14px;
color :              orange;
font-weight :        bold;
padding :            2px;
}

#menu ul li a:hover {
text-decoration :    none;
color :              black;
}


/* SUBMENU */
#subMenu {
   float :              left;
   height :             550px; /* this is a trick to have minimum page heigth (IE doesn't support min-heigth) */
padding :            5px;
}

#subMenu ul {
   list-style-type :    none;
}

#submenu ul li {
}

#subMenu ul li a {
   width :              125px;
   margin-bottom :      2px;
   padding :            8px 5px;
   display :            block;
   background-image :   url(images/submenu.png);
   background-repeat :  no-repeat;
   font-size :          10px;
   color :              #333;
}

#subMenu ul li a:hover {
   background-image :   url(images/submenu_on.png);
   background-repeat :  no-repeat;
   color :              white
}

#SubMenuTitle {
margin :             10px 5px;
font-weight :        bold;
border-bottom-width :1px;
border-style :       solid;
border-color :       gray;
width :              100px;
color :              red;
text-align :         right;
}


/* CONTENT */
#content {
   margin-left :        160px;
   padding-right:       10px;
font-size :          100%;
line-height :        20px;
color :              #333;
}

#content p {
   text-align :         justify;
margin :             10px 0px;
/*display :            none; /* test without content */
}

#content h2 {
   color :              #bbb;
   margin :             10px 0px;
   font-size :          16px;
   text-transform:      capitalize;
}


/* FOOTER */
#footer {
   clear :              both;
   text-align :         right;
   background-image :   url(images/gradient_up.png);
   background-repeat :  repeat-x;
   background-position :bottom;
   padding :            7px 5px 5px 0px;
}

#copyrigth {
   font-size :          10px;
}


/* NEWS */
#news {
   margin :             30px 15px 40px 0px;
   padding :            0px;
color :              #333;
width :              120px;
overflow :           hidden;
}


#news ul {
   margin :             0px;
   padding :            0px;
   list-style-type :    none;
}

#news ul li {
   margin :             10px 0px;
   padding :            5px;
border-style :       solid;
border-color :       #333;
border-width :       1px 2px 2px 1px;
background-color :   #FFFF66;
}

#newsTitle {
}


/* W3C */
#w3c {
display :      none;
   clear:               both;
   margin:              0px 10px;
}

#w3c img {
   margin:              0px;
}


/* IMAGES */
img.dx {
   float :              right;
   margin-left :        20px;
   margin-right :       0px;
}

img.sx {
   float :              left;
   margin-left :        0px;
   margin-right :       20px;
}


/* OTHER */
#os {
   width :              80px;
   height :             60px;
   margin :             0px;
   float :              left;
}

#date {
   float :              right;
   color :              white;
   margin :             10px;
}

blockquote {
   margin-left :        30px;
}