/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|   to change the background    |
|   color and text color        |
|   throughout the site         |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

body
 {
background-color: white; 
color: Black;
margin-right:5%;
margin-left: 5%
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  to change the size and       |
|  alignment of the text in the |
|  address table under the logo |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

p.center1
 {
text-align: center; 
font: 12px times
}

p.right1
 {
text-align: right; 
margin-right: 2.5cm; 
font: 12px times
font-weight:bold
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  to change the size of the    |
|  address table under the logo |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

table.logo
 {
width: 800px
}

td.address
 {
width: 50%
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|                               |
|  to change the menu top       |
|  and bottom bars              |
|                               |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

table.top_menu
 {
width: 100%; 
background-color: #5848D0;
}

table.bottom_menu
 {
width: 50%; 
background-color: #5848D0
}

td.menubar
 {
background-color: #68B070; 
text-align: center;
font-weight:bold
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  to change the news and       |
|  information side bar         |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

table.news
 {
width: 20%; 
background-color: #5848D0
}

td.newsbar1
 {
background-color: #68B070; 
text-align: center;
vertical-align: middle
}

td.newsbar
 {
background-color: #68B070; 
text-align: center
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|                              |
|  To use collapsable menu     |
|                              |
|!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: black;
background: #68B070 repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-decoration: underline;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: auto;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #00F0B8;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: black;
background: no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: black;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: black;
background-color: #00F0B8;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  to change the personal and   |
|  corporate tax and small      |
|  business table of contents   |
|  page                         |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

td.tableofcontents
 {
text-align: center
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  to change the schedule table |
|  on the main page and english |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */


table.schedule
 {
width: 60%;
height: 146px;
position:relative;
left:40px;
background-color: #5848D0
}

td.dates
 {
text-align: left; 
width: 40%;
background-color: #68B070
}

td.hours
 {
text-align: left; 
width: 30%;
background-color: #68B070
}

td.days
 {
    width: 30%;
    text-align : left;
    background-color: #68B070
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!
|  to make the current      |
|  schedule bigger and 	    |
|  bolder to emphacize it   |
!!!!!!!!!!!!!!!!!!!!!!!!!! */

td.dates1
 {
    font-size: 130%;
    font-weight: 900;
    text-align: left; 
    width: 40%;
    background-color: #68B070
}

td.hours1
 {
    font-size: 130%;
    font-weight: 900;
    text-align: left; 
    width: 30%;
    background-color: #68B070
}

td.days1
 {
    font-size: 130%;
    font-weight: 900;
    width: 30%;
    text-align : left;
    background-color: #68B070
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  to change the color of the   |
|  links throughout the site    |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

a
 {
color: Black
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  to change the type of the    |
|  unordered lists throughout   |
|  the site                     |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

ul
 {
list-style-type: disc
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  to change picture boxes in the  |
|  about us section                |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

table.picture_box
 {
background-color: #5848D0;
width: 300px;
height: 230px;
}

td.picture
 {
background-color: #68B070;
text-align: center
}

img.about
{ 
vertical-align: middle
}  

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|                               |
|  to change the about us       |
|  information                  |
|                               |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

table.about
 {
width: 65%; 
height: 273px
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|                               |
|  to change the settings of    |
|  the main information on      |
|  the page                     |
|                               |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

table.info
 {
text-align: left;
width: 70%
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|                               |
|  to change the settings of    |
|  the FAQ Table            |
|                               |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

table.faq
 {
    border:0;
    width: 60%;
    height: 200px
 }
 
div.tab
 {
    position:relative;
    left: 30px
 }
 
div.tab2
 {
    position:relative;
    left: 80px
 }
 
 img.title
 {
    position: absolute;
    left: 120px;
    top:60px;
    }
    
 div.officehours
 {
    text-align:center
 }

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  to change picture box on the    |
|  contact us section              |
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ */

table.picture_box2
 {
position: relative;
left: 20px;
background-color: #5848D0;
width: 300px;
height: 230px;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  Contact Us Section          |
!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

a.contactus
 {
width: 100%;
position: relative;
left: 20px
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|  Holiday hours section        |
|  on main page                 |
!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 p.holiday
 {
    font-size: 130%;
    font-weight: 900;
    text-align: justify; 
    background-color: #FAFAD2
}