﻿* { /*all elements will be without margin and padding by default, this solution help remove space before header */
	margin:0; /*define the space around elements*/
	padding:0; /*define the space between the element border and the element content*/
}

body{
	background-color: #FFF;
}
#table_header{
	border-collapse: collapse;
	 width: 100%;
	 border: 0;
}

/* Left Menu design */
.ahref
{
	color: #5d5b5b; /*define color of font */
	TEXT-DECORATION: none; /*decorates the text. none - defines a normal text without any lines in links and blinking effects more information here: http://www.w3schools.com/Css/pr_text_text-decoration.asp*/
}
.text_m /* design of menu block with links */
{
        font-family:    Verdana,Tahoma,Arial;/* list of font names which will apply for text. The browser will use the first value it recognizes. */
        font-style:     normal; /* define style of a font {normal,italic,oblique} [normal] - The browser displays a normal font */
        font-weight:    normal; /* deifne thick or thin characters in text should be displayed [normal] - normal characters */
        font-size:      8pt; /* sets the size of a font = 8/72 inch */
        padding: 0px 0px 10px 15px; /* space around elements: top, right = 0px, bottom = 5px, left = 10px */
        color:          #000000; /* define color of font */
        display:        table-cell; /* define how/if an element is displayed [table-cell] - he element will be displayed as a table cell (like <td> and <th>)*/
        vertical-align: middle; /* define vertical alignment of an element. [middle] =  The element is placed in the middle of the parent element <tr> */
        position:       static; /* places an element in a static, relative, absolute or fixed position. [static] - Default. An element with position: static always has the position the normal flow of the page gives it (a static element ignores any top, bottom, left, or right declarations)*/
}

.text3 /* caption of block in menu */
{
        font-family:    Verdana,Tahoma,Arial;/* list of font names which will apply for text. The browser will use the first value it recognizes. */
        font-style:     normal; /* define style of a font {normal,italic,oblique} [normal] - The browser displays a normal font */
        font-weight:    normal; /* deifne thick or thin characters in text should be displayed [normal] - normal characters */
        font-size:      8pt; /* sets the size of a font = 8/72 inch */
        padding:        0px; /* space around elements: 0px */
        color:          #000000; /* define color of font */
        display:        table-cell; /* define how/if an element is displayed [table-cell] - he element will be displayed as a table cell (like <td> and <th>)*/
        vertical-align: middle; /* define vertical alignment of an element. [middle] =  The element is placed in the middle of the parent element <tr> */
        position:       static; /* places an element in a static, relative, absolute or fixed position. [static] - Default. An element with position: static always has the position the normal flow of the page gives it (a static element ignores any top, bottom, left, or right declarations)*/
}

/* End of Left Menu design */
/* Bottom Menu design */
.text2
{
        font-family:    Verdana,Tahoma,Arial;/* list of font names which will apply for text. The browser will use the first value it recognizes. */
        font-style:     normal; /* define style of a font {normal,italic,oblique} [normal] - The browser displays a normal font */
        font-weight:    normal; /* deifne thick or thin characters in text should be displayed [normal] - normal characters */
        font-size:      8pt; /* sets the size of a font = 8/72 inch */
        padding:        10px 0 0 10px; /* space around elements: top = 10px, right = 0px, bottom = 0px, left = 10px */
        color:          #000000; /* define color of font */
        display:        table-cell; /* define how/if an element is displayed [table-cell] - he element will be displayed as a table cell (like <td> and <th>)*/
        vertical-align: middle; /* define vertical alignment of an element. [middle] =  The element is placed in the middle of the parent element <tr> */
        position:       static; /* places an element in a static, relative, absolute or fixed position. [static] - Default. An element with position: static always has the position the normal flow of the page gives it (a static element ignores any top, bottom, left, or right declarations)*/
}
/* End of Bottom Menu design */

A:hover {
        COLOR: #001151; /*define color of font */
        TEXT-DECORATION: none /*decorates the text. [none]- defines a normal text*/
}

ul {
	list-style-position: outside;/* define places the list-item marker in the list [outside]-without indent. example here: http://www.w3schools.com/CSS/tryit.asp?filename=trycss_list-style-position */
	/*padding: 1em; space around elements 1em is equal to the current font size = 16px */
    margin: 0px 0px -5px 40px; /* Top, Right, Bottom, Left  space between the element border and the element content */
	}

.table2 /*caption of current page*/
{
        padding: 10px;/* space around elements 10px */
}

.title2
{
        font-family:    Verdana,Tahoma,Arial; 
        font-style:     normal;
        font-weight:    bold;
        font-size:      large;
        padding: 0px;
        color: #000000;
        display: table-cell; 
        vertical-align: middle; 
        position: static;
}

#content{
	padding: 0 5px;
}

p{
	padding: 5px 0px;
}

H1{
	font-family:"Times New Roman", Times, serif;
	font-size: 32px;
}
/* ******** UNUSING ELEMENTS *****************/
/* these elements can be removed from css file */
/* *******************************************/

#body
{
	margin:0;
	padding:0;
}

.ahref2
{
color: #002FD5; TEXT-DECORATION: none
}
A.ahref2:hover {
        COLOR: #0000DD; TEXT-DECORATION: none
}
A.ahref2:visited  {
        COLOR: #828282; TEXT-DECORATION: none
}
.ahref3
{
color: #000000;
}
.ahref4
{
color: #5b5a5a;
}
.title
{
        font-family:    Verdana;
        font-style:     normal;
        font-weight:    normal;
        font-size:      12pt;
        padding-left:   0px;
        padding-right:  0px;
        padding-top:    0px;
        padding-bottom: 0px;
        color:        #ff0000; /*  #828282;*/
        display: table-cell; vertical-align: middle; position: static;
}
.title1
{
        font-family:        Verdana;
        font-style:     normal;
        font-weight:    normal;
        font-size:            11pt;
        padding-left:        0px;
        padding-right:        0px;
        padding-top:        0px;
        padding-bottom:        0px;
        color:                    #828282;
        display: table-cell; vertical-align: middle; position: static;
}
.title3
{
        font-family:        Verdana;
        font-style:     normal;
        font-weight:    normal;
        font-size:            12pt;
        padding-left:        0px;
        padding-right:        0px;
        padding-top:        0px;
        padding-bottom:        0px;
        color:                    #000000;
        display: table-cell; vertical-align: middle; position: static;
}
.picl
{
        padding-left:        2px;
        padding-right:        2px;
        padding-top:        2px;
        padding-bottom:        2px;
}
.pic_1
{
        padding-left:        10px;
        padding-right:        10px;
        padding-top:        10px;
        padding-bottom:        10px;
}
.table3
{
        padding: 0px 5px;
}
.table4
{
        padding: 0px 3px;
}
.lmtext
{
        font-family:        Verdana;
        font-style:     normal;
        font-weight:    normal;
        font-size:            8pt;
        padding-left:        20px;
        padding-right:        0px;
        padding-top:        10px;
        padding-bottom:        10px;
        color:                    #000000;
        display: table-cell; vertical-align: middle; position: static;
}
.text_form
{
        font-family:        Verdana;
        font-style:     normal;
        font-weight:    normal;
        font-size:            8pt;
        padding-left:        0px;
        padding-right:        5px;
        padding-top:        5px;
        padding-bottom:        5px;
        color:                    #000000;
        display: table-cell; vertical-align: middle; position: static;
}
.tb01
{
        padding-left: 5px;
}


.pic01
{
padding:        20px 20px 20px 20px;
}

.table
{
        border-width: 1px;
        border-style: solid;
        border-color: #8D8D8D;
        color: #000000;
}

.td-top-left{
	border-left:1px #8D8D8D solid;
	border-top:1px #8D8D8D solid;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}
.td-top-right{
	border-left:1px #8D8D8D solid;
	border-top:1px #8D8D8D solid;
	border-right:1px #8D8D8D solid;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.td-bottom-left{
	border-left:1px #8D8D8D solid;
	border-top:1px #8D8D8D solid;
	border-bottom:1px #8D8D8D solid;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.td-bottom-right{
	border-left:1px #8D8D8D solid;
	border-top:1px #8D8D8D solid;
	border-right:1px #8D8D8D solid;
	border-bottom:1px #8D8D8D solid;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ahref_1
{
	color: #000000; 
	TEXT-DECORATION: none
}
A.ahref_1:hover {
    COLOR: #0000FF;
	TEXT-DECORATION: none
}

.text
{
        font-family:        Verdana,Tahoma,Arial; /* list of font names which will apply for text. The browser will use the first value it recognizes. */
        font-style:     	normal; /* define style of a font {normal,italic,oblique} [normal] - The browser displays a normal font */
        font-weight:    	normal; /* deifne thick or thin characters in text should be displayed [normal] - normal characters */
        font-size:          8pt;	/* sets the size of a font = 8/72 inch */
        padding: 5px 5px 5px 10px;  /* space around elements: top, right, bottom = 5px, left = 10px */
        color:              #000000;/* define color of font */
}
.ahref_2
{
color: #5d5b5b;
TEXT-DECORATION: none
}
A.ahref_2:hover {
        COLOR: #385ba8; TEXT-DECORATION: none
}

.ahref_3
{
color: #3e3e3e;
TEXT-DECORATION: none
}
A.ahref_3:hover {
        COLOR: #274b98; TEXT-DECORATION: none
}

.ahref_4
{
color: #313131;
TEXT-DECORATION: none
}
A.ahref_4:hover {
        COLOR: #153782; TEXT-DECORATION: none
}

A IMG {
 border: none;
}

li{
	margin-left:10px;
}
