@import url('forms.css');

/* Body
----------------------------------------------------------------------------------------------------*/
html, body {
	height: 100%;
}

body {
    background: #fff9f0 url(../img/backgrounds/bg.gif) repeat center top;
	text-align: center;
	margin: 0;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
}

/* Container
----------------------------------------------------------------------------------------------------*/
.wrapper {
    background: url(../img/backgrounds/bg-wrapper.png) repeat-y center top;
	width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.container {
    background: url(../img/backgrounds/bg-container.png) no-repeat center top;
	width: 900px;
	padding: 0 40px;
}

/* Header
----------------------------------------------------------------------------------------------------*/
.header {
    float: left;
    display: inline;
    width: 840px;
    height: 130px;
    margin: 20px 0;
    padding: 20px 30px;
    background: url(../img/backgrounds/bg-header.png) no-repeat left top;
}

    .header h1 {
        float: left;
    	font-size: 10px;
    	line-height: 10px;
    	margin: 0;
    	padding: 0;
    }

        .header h1 a {
        	width: 394px;
        	height: 130px;
        	padding: 0;
        	background: url(../img/general/logo.png) no-repeat;
        	text-decoration: none;
        	display: block;
        }

            .header h1 a span {
            	visibility: hidden;
            }

            .header h1 a:focus {
                -moz-outline: none;
                outline: none;
            }

    .header .slogan {
        float: right;
        padding: 98px 0 0;
        font: 30px/40px 'PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
        color: #c65e98;
    }

/* Nav
----------------------------------------------------------------------------------------------------*/
.nav {
    float: left;
    width: 880px;
    height: 42px;
    padding: 0 0 0 20px;
    background: url(../img/backgrounds/bg-nav.png) no-repeat left top;
}

    .nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font: 16px/24px 'PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    }

    .nav ul li {
        float: left;
        padding: 0 3px;
    }

        .nav ul li.first {
            padding-left: 0;
        }

    .nav ul li a {
        display: block;
        color: #fff;
        padding: 9px 10px 9px;
        text-decoration: none;
    }

        .nav ul li a:hover, .nav ul li:hover a {
            background-color: #7658a2;
            text-decoration: none;
        }

        .nav ul ul {
        	position: absolute;
        	width: 200px;
        	left: -999em;
        	z-index: 100;
        	padding: 0;
        	margin: 0;
        }

            .nav li ul li {
            	background: none;
            	padding: 0;
            	width: 200px;
            }

                .nav li ul li a {
                    display: block;
                	padding: 2px 0 2px 10px;
                	font-size: 14px;
                	line-height: 22px;
                    background-color: #7658a2;
                }

                    .nav li ul li a:hover {
                        background-color: #6E4DA0;
                    }

                    .nav li ul li.last-sub a {
                    	-moz-border-radius-topleft: 0px;
                        -moz-border-radius-topright: 0px;
                        -moz-border-radius-bottomright: 5px;
                        -moz-border-radius-bottomleft: 5px;
                        -webkit-border-radius: 0px 0px 5px 5px;
                        border-radius: 0px 0px 5px 5px;
                    }

                    .nav li ul li.last-sub a {
                        padding-bottom: 5px;
                    }

                .nav li:hover ul {
                	left: auto;
                	z-index: 1000;
                }

                .nav li:hover {
                    position: static;
                }

/* Content
----------------------------------------------------------------------------------------------------*/
.content-container {
    float: left;
    width: 840px;
    padding: 40px 30px 20px;
    background: url(../img/backgrounds/bg-content-container.png) repeat center top;
}

    .content {
        float: left;
        width: 520px;
        padding: 0 20px 0 0;
        font-size: 13px;
        line-height: 18px;
        color: #202020;
    }

        .content h2 {
            font-size: 20px;
            line-height: 26px;
            color: #f2a424;
            margin-bottom: 1em;
        }

        .content h3 {
            font-size: 15px;
            line-height: 24px;
            color: #c65e98;
            margin: 0;
        }

        .content h2 + h3 {
            margin-top: -1.3em;
            margin-bottom: 1.2em;
        }

        .content a, content a:hover {
            color: #ff9e00;
        }

        .content p + ul {
            margin-top: -1em;
        }

        .content table p {
            margin: 0;
        }

        .content .news {
            padding: 10px 0;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background-color: #f0f0f0;
        }

            .content .news ul {
                margin-bottom: 0;
                list-style-image: url(../img/backgrounds/bg-ul-li.png);
                font: 15px/24px 'PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
            }

                .content .news ul li {
                    /*width: 340px;*/
                }

                    .content .news ul li a, .content .news ul li a:hover {
                        text-decoration: none;
                        color: #7658a2;
                    }

                    .content .news ul li span {
                        float: right;
                        font-size: 13px;
                        color: #ff9e00;
                    }

        .content .gmap {
            width: 100%;
            height: 400px;
            margin: 0 0 30px;
        }

/* Sidebar
----------------------------------------------------------------------------------------------------*/
.sidebar {
    float: right;
    width: 270px;
    padding: 76px 0 0 30px;
    font: 18px/24px 'PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
}

    .sidebar .visual {
        padding-bottom: 15px;
    }

        .sidebar .visual img {
            border: 1px solid #f3ae3c;
        }

    .sidebar ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 0 26px;
        list-style: none;
    }

        .sidebar ul li {
            float: left;
            display: block;
            width: 100%;
            height: 40px;
            margin: 0;
            padding-bottom: 15px;
            text-align: right;
        }

            .sidebar ul li a {
                display: block;
                color: #fff;
                padding: 8px 52px 8px 0;
                text-decoration: none;
                background: url(../img/backgrounds/bg-sidebar-li.png) no-repeat right top;
            }

                .sidebar ul li a:hover {
                    background: url(../img/backgrounds/bg-sidebar-li-hover.png) no-repeat right top;
                }

/* Footer
----------------------------------------------------------------------------------------------------*/
.footer {
    float: left;
    width: 900px;
    height: 120px;
    background: url(../img/backgrounds/bg-footer.jpg) no-repeat left bottom;
}