﻿/*********************************************************************************/
/****** topsection_top ***********************************************************/
/*********************************************************************************/

#topsection_top{
height: 25px;
font-size: 12px;
color: #3e36aa;
padding-right: 10px;
text-align: right;
}

#topsection_top a{
color: #3e36aa;
text-decoration: none;
}

#topsection_top a:hover{
color: #ffffff;
text-decoration: underline;
}

#topsection_top ul{
list-style: none;
float: right;
overflow: hidden;
margin: 0;
padding: 0;
}

#topsection_top ul li{
display: inline;
}

/*********************************************************************************/
/****** topsection_middle_wrapper ************************************************/
/*********************************************************************************/

#topsection_middle_wrapper{ /*** don't change ***/
float: left;
width: 100%;
}

#topsection_middle{
margin: 0 210px 0 210px;                         /****** [ T ] Margins for content column. Should be "0 topsection_right[width] 0 topsection_left[width] ******/
padding-top: 10px;
height: 95px;                                    /****** (130-25-10) = topsection(height)-topsection_top(height)-me[padding-top] ***/
color: #555555;
font-size: 13px;
line-height: 140%;
}

/*********************************************************************************/
/****** topsection_left **********************************************************/
/*********************************************************************************/

#topsection_left{
float: left;
margin-left: -100%; /*** don't change ***/
padding: 70px 5px 0 15px;
width: 190px;                                 /****** [ T ] (210-5-15) = topsection_middle[margin-left] - me[padding-right]+me[padding-left] ******/
height: 35px;                                 /****** [ T ] (105-70) = topsection_middle[height] - me[padding-top] ******/
font-size: 13px;
font-weight: bold;
color: #3e36aa;
line-height: 130%;
cursor: pointer;
background: url('../2aImages/topsection_left_bg.png');
}

/*********************************************************************************/
/****** topsection_right *********************************************************/
/*********************************************************************************/

#topsection_right{
float: left;
margin-left: -210px;                          /****** [ T ] Set margin to that of -(topsection_middle[margin-right]) ******/
padding: 5px 0 0 75px;
width: 135px;                                 /****** [ T ] (210-75) = topsection_middle[margin-right] - me[padding-left] ******/
height: 100px;                                /****** [ T ] (105-5) = topsection_middle[height] - me[padding-top] ******/
background: url('../2aImages/topsection_right_bg.png');
}

#topsection_right_skype {
margin: 0;
padding: 0;
height: 20px;
border: none;
}

#topsection_right_msn {
margin: 0;
padding-top: 3px;
height: 20px;
border: none;
}

/*********************************************************************************/
/****** menusection **************************************************************/
/*********************************************************************************/

#menusection{
float: left;
width: 100%;
height: 30px;       /*** Height of menusection ***/
background-image: url('../2aImages/img/menu_bg.png');
/*border-top: 1px solid #77c3ed;*/
border-top: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
font-size: 13px;
font-weight: bold;
text-align: center;
}

#menu_ul{
margin: 0;
padding: 0;
float: left;
}

#menu_ul li{
display: inline;
float: left;
padding-top: 3px;
width: 80px;
height: 27px;
line-height: 27px;
}

#menu_ul li a{
color: #555555;
text-decoration: none;
cursor:pointer;
}

#menu_ul li a:visited{
color: #555555;
}

#menu_ul li a:hover{
color: blue;
border-bottom: 3px solid blue;
}

#menu_ul li.menufirst{
background-image: url('../2aImages/img/menufirst_bg.png');
}

#menu_ul li.menucurrentfirst{
background: url('../2aImages/img/menucurrent_bg.png') no-repeat top left;
color: #ffffff;
}

#menu_ul li.menucurrent{
background: url('../2aImages/img/menucurrent_bg.png') no-repeat top right;
color: #efefef;
}
