﻿body {
    background: #F2F2F2;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}

a img {
    border: none;
}

#header {
    background: #231F66;
    height: 184px;
    color: #fff;
    padding: 10px 0 0 0;
    
    border-bottom: 1px solid #fff;
}

#header a {
    color: #fff;
}

#logo {
    width: 302px;
    margin: 20px auto 0 auto;
}

#return {
    font-size: 8pt;
    position: absolute;
    left: 5px;
    top: 5px;
}

#return img {
    vertical-align: middle;
    margin-left: 5px;
}

#menu {
    text-align: center;
    margin-top: 20px;
    font-size: 11pt;
}

#menu a {
    text-decoration: none;
    margin: 0px 10px;
}

#menu a:hover {
    text-decoration: underline;
}

#footer {
    clear:both;
}

#main {
    border-top: 10px solid #CC8D0F;
    padding-top: 20px;
    font-size: 10pt;
}

.wrapper {
    width: 760px;
    margin: 0 auto;
}

h1, h2, h3 {
    margin: 0;
    padding: 0;
    line-height: normal;
}

h1 {
    font-size: 14pt;
    font-weight:  normal;
    color: #231F66;
    text-align: center;
}

h2 {
    font-size: 11pt;
    font-weight:  normal;
    color: #231F66;
}

.box {
    border-radius: 10px;
    border: 2px solid;
    padding: 10px;
    margin: 20px 0;
    behavior: url(css/PIE.htc);
    line-height: 1.5em;
    box-shadow: 0px 0px 8px #ccc;
}

.box h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 9pt;
}

.white {
    background: #fff;
    border-color: #CC8D0F;
    color: #231F66;
}

.orange {
    background: #CC8D0F;
    border-color: #fff;
    color: #231F66;
}

.paper {
    background: #ffe;
    border-width: 1px;
    border-color: #fff;
}

.orange h2 {
    color :#fff;
    
}

.column {
    float: left;
}

.half {
    width: 360px;
    margin: 0 10px;
}

.alcenter {
    text-align: center;
}

ul {
    margin: 10px 0px;
}

li {
    margin: 0 0 5px 0;
}

a.proceed {
    display: block;
    padding: 10px 20px 15px 20px;
    background: #CC8D0F;
    color: #fff;
    border-radius: 10px;
    font-size: 10pt;
    font-weight: bold;
    border: 3px solid #fff;
    text-align: right;
    text-decoration: none;
    width: 190px;
    margin: 35px auto 0 auto;
    behavior: url(css/PIE.htc);

}

a.proceed span {
    color: #231F66;
    font-size: 16pt;
    font-weight: bold;
    padding-left: 5px;
    position: relative;
    top: 2px;
}

.carousel {
    width: 640px;
    height: auto !important;
    font-size: 9pt;
    text-align: justify;
    margin: 0 0 0 64px;
}

.carousel h2 {
    text-transform: uppercase;
}

.carousel li {
    height: auto !important;
    margin: 10px;
}

.btnPrev, .btnNext {
    background: #CC8D0F;
    color: #231F66;
    border-radius: 10px;
    font-size: 14pt;
    padding: 20px 0px 25px 0px;
    border: 3px solid #fff;
    behavior: url(css/PIE.htc);    
    text-align: center;
    width: 50px;
}

.btnPrev {
    float: left;
}

.btnNext {
    float: right;
}

.query h2, .answer h2 {
    font-size: 8pt;
    font-weight: normal;
    border-bottom: 1px dotted #ccc;

}

.query, .answer {
    padding: 0px 10px;
    margin: 10px 0px;
}

.answer {
    background: #ffc;
    padding: 20px;
}    

.disabled {
    color: #666 !important;
    cursor: default;
}

a.disabled:hover {
    text-decoration: none !important;
}

input, select, textarea {
    font-family: Trebuchet MS;
    padding: 3px;
    background: #fff;
    border: 1px solid #ccc;
}

input.button {
    background: #CC8D0F;
    color: #fff;
    border-radius: 10px;
    font-size: 10pt;
    font-weight: bold;
    padding: 10px 20px 15px 20px;
    border: 3px solid #fff;
    behavior: url(css/PIE.htc);    
    text-align: center;
}

h2.title {
    text-transform: uppercase;
    font-size: 10pt;
    text-align: center;
}

form p {
    text-align: justify;
}

.errormessage .required {
	display: block;
	margin: 10px 0px;
	text-align: left;
}

.errormessage .email {
	display: block;
	margin: 10px 0px;
	text-align: left;
}

.errormessage .fieldname {
	font-weight: bold;
}

.errormessage {
    font-size: 11pt;
	color: #000;
	display: block;
	padding: 5px;
	width: 425px;
	margin: 20px auto;
}

.form .subtitle {
    color: #231F66;
    font-weight: bold;
}

.caselist {
    line-height: 1.5em;
    padding: 0px 50px 50px 50px;
    margin-bottom: 50px;
}

.caselist hr {
    margin: 50px;
}