@charset "utf-8";

/* CSS Document */

/* "auto" makes the left and right margins center the wrapper */
#wrap { 
	width: 1024px; 
	margin: 0 auto; 
}

#nav
{
    /* container */
}
    #nav > a
    {
        display: none;
    }

#nav ul ul {
    display: none;
    z-index: 9999
}

#nav ul li:hover > ul {
    display: block;
}

#nav ul {
    background: #fff;
    padding: 0px 20px;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
}

#nav ul:after {
    content: ""; clear: both; display: block;
}

li {
    float: left;
}

#nav ul li:hover {
    background: #222222;
}

#nav ul li:hover a {
    color: #fff;
}

#nav ul li a {
    display: block; padding: 10px 40px;
    color: #757575; text-decoration: none;
    font-family:Tahoma,Verdana,Segoe,sans-serif;
    font-size: 16px;
}

#nav ul ul {
    background: #222222; border-radius: 0px; padding: 0px;
    position: absolute; top: 100%;
}

#nav ul ul li {
    float: none; 
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
}

#nav ul ul li a {
    padding: 10px 40px;
    color: #fff;
    font-family:Tahoma,Verdana,Segoe,sans-serif;
    font-size: 16px;
    
}

#nav ul ul li a:hover {
    background: #4b545f;
}

#nav ul ul ul {
    position: absolute; left: 100%; top:0;
}

@media only screen and ( max-width: 40em ) /* 640 */
{
    #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }
}


td {

      vertical-align: top;

}

.center {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
}

body {

    background-image: url("bg.jpg");
    background-repeat: repeat-x;
    background-color: #fff;
    margin-top:inherit;

}

h1 {
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26px;
}

h3 {
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15px;
	text-align: right;
}

p {
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

blockquote {
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}

a {outline : none;
    color:#222222;
    text-decoration:none;

}

img {border : 0;

}

a:link {

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

a:active {

	text-decoration: none;

}	

td.a {
	width:116px;
	height:565px;
}

td.b {
	width:26px;
	height:976px;
}

td.c {
	width:53px;
	height:976px;
}

td.d {
	width:29px;
	height:976px;
}

td.e {
         width:116px;
}