/* tag attributes */

body {background-color: #FFF; font-family: arial; color: #336; font-size:11px; line-height: 160%}
a {color: #036; text-decoration:none; font-weight: bold}
a:hover {color:#f60; cursor:hand; cursor:pointer}
th {color: #f60; font-size:13px}
td {width: 250px}
select {background-color:#ff6}
p {margin-left:15px; margin-right: 15px; margin-top:0px}  /* I have to set margin-top to 0 as Firefox adds an annoying top margin by default... */
em {font-size: 12px; color: #f60}



/* containers */


#containerMain {position: relative; width:700px; margin:auto; margin-top: 10px}

#container1 {position: relative; width:700px; height : 370px; border:1px solid #aaa}
#container1logo1 {position: absolute; width:75px; height:75px; left: 12px; top: 12px;
background-image: url(logo7.jpg)}
#container1logo2 {position: absolute; width:450px; height:45px; right: 50px; top: 12px;
background-image: url(logo5.jpg)}
#container1menu {position: absolute; right:30px; top: 60px}

#container2 {position: relative; width:700px; height: 250px; margin-top: 20px; border: 1px solid #aaa;}
#container2left  {position: relative; width:450px; height: 230px; float: left; padding:10px; border-right: 1px dotted #aaa;}
#container2right {position: relative; width:200px; height: 230px; float: right;
padding:10px; background-image:url('ad.jpg'); background-repeat:no-repeat;
background-position: center center; font-size: 10px; letter-spacing: 0px; line-height:110%}

#container3 {position: relative; width:700px; height: 250px; margin-top: 20px}



/************************************CLASSES*********************************/

/**** menu class****/

/**affecting the <a> tag **/
.menu a
{
display:block;
width:10em;
height:2em;
float:left;
text-align:center;
text-decoration:none;
font-size:10px;
/**border-right:1px dotted #aaa;**/
padding-top: 5px;
}


.menu a:hover
{
color:#f60;
}

/**** end class ****/
a.end
{border-right:none}