/*

*/


/* ============================================================
    Reset
============================================================ */

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

@font-face {
    font-family: 'Raleway', sans-serif;
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-bold-webfont.woff2') format('woff2'), url('fonts/raleway-bold-webfont.woff') format('woff'), url('fonts/raleway-bold-webfont.ttf') format('truetype'), url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway', sans-serif;
    src: url('fonts/raleway-medium-webfont.eot');
    src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-medium-webfont.woff2') format('woff2'), url('fonts/raleway-medium-webfont.woff') format('woff'), url('fonts/raleway-medium-webfont.ttf') format('truetype'), url('fonts/raleway-medium-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway', sans-serif;
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-regular-webfont.woff2') format('woff2'), url('fonts/raleway-regular-webfont.woff') format('woff'), url('fonts/raleway-regular-webfont.ttf') format('truetype'), url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    background-color: #ffffff;
    color: #656565;
    font: 100%/1.5 ralewayregular;
}



h1 {
    color: #a61521;
    font-size: 1.3em;
    margin-bottom: 1em;
}

h2 {
    color: #a61521;
    font-size: 1.1em;
    margin-bottom: 1em;
}

h3 {
    border-bottom: 1px solid white;
    color: #ffffff;
    font-size: 1.1em;
    margin-bottom: 1em;
    width: 100%;
}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    .nomobile {
        display: none;
    }
}

#topbanner {
    background-color: #ffffff;
    padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #ffffff;
}
#MenuRow {
    background-color: #800012;
    padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 1em;
	color: #ffffff;
}
    #MenuRow a:link {
        text-decoration: none;
        color: #ffffff;
		padding-left: 24px;
		padding-right: 24px;
    }
    #MenuRow a:visited {
        text-decoration: none;
        color: #ffffff;
    }	
    #MenuRow a:hover {
	text-decoration: underline;
	color: #FFFF66;
    }
    #MenuRow a:active {
        text-decoration: none;
        color: #ffffff;
    }
	
#AdminMenuRow {
	background-color: #999999;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	font-size: 1em;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
    #AdminMenuRow a:link {
        text-decoration: none;
        color: #ffffff;
		padding-left: 24px;
		padding-right: 24px;
    }
    #AdminMenuRow a:visited {
        text-decoration: none;
        color: #ffffff;
    }	
    #AdminMenuRow a:hover {
	text-decoration: underline;
	color: #FFFF66;
    }
    #AdminMenuRow a:active {
        text-decoration: none;
        color: #ffffff;
    }	
	
	
#RegistrationForm {
	margin-top: 24px;
	border: #CCCCCC;
	border-style:solid;
	border-width: 1px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 400px;
	padding: 18px;
	background-color: #E5E5E5;	
}
	
.FormFieldContainer {
    width: 100%;
    float: left;
    margin-right: 12px;
    margin-top: 6px;
    position: relative;
}

.FormFieldContainerLeft {
    width: 48%;
    float: left;
    margin-right: 12px;
    margin-top: 6px;
    position: relative;
    clear: left;
}

.FormFieldContainerRight {
    width: 48%;
    float: left;
    position: relative;
    margin-top: 6px;
}

.RegFormField {
	-moz-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	color: #000000;
	font-family: "Montserrat";
	font-size: 12pt;
	border: 1px solid #ffffff;
	padding-left: 6px;
	margin-top: 3px;
	float: left;
	width: 90%;
	background-color: #ffffff;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
}
#Newsletter-Panel {
	margin-top: 12px;
	margin-bottom: 24px;
	font-size: 18px;
	background-color: #FFFFFF;
	border:1px solid #FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 24px;
	text-align: left;
}

#Volunteer-Panel {
	margin-top: 12px;
	margin-bottom: 24px;
	font-size: 18px;
	background-color: #FFFF99;
	border:1px solid #FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 24px;
	text-align: left;
}


#Paypal-Redirect {
	margin-top: 12px;
	margin-bottom: 24px;
	font-size: 18px;
	background-color: #FFFFFF;
	border:1px solid #FF0000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 24px;
	text-align: left;
}
#GDPR-Accept {
	margin-top: 12px;
	margin-bottom: 24px;
	font-size: 18px;
	background-color: #FFFFCC;
	border:1px solid #FF0000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 24px;
	text-align: left;
}

#GiftAid-Accept {
	margin-top: 12px;
	margin-bottom: 24px;
	font-size: 18px;
	background-color: #FFFFFF;
	border:1px solid #FF0000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 24px;
	text-align: left;
}
#Donation {
	margin-top: 12px;
	margin-bottom: 24px;
	font-size: 18px;
	background-color: #FFFFCC;
	border:1px solid #FF0000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 24px;
	text-align: left;
}
#Concession {
	margin-top: 12px;
	margin-bottom: 24px;
	font-size: 18px;
	background-color: #FFE1C4;
	border:1px solid #FF0000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 24px;
}
.ConcessionText {
	font-size: 16px;
}
.ConcessionTextBold {
	font-size: 16px;
	padding-top: 9px;
	font-weight: 600;
}


#ContactCheckbox1 {
	float: left;
	width: 33%;
}
#UserNotes {
	width: 90%;
}

.ReportList {
	font-size: 21px;
	color: #990000;
	margin-top: 9px;
	margin-bottom: 9px;
}
.ReportList a:link {
	color: #990000;	
	text-decoration: none;
}
.ReportList a:visited {
	color: #990000;	
	text-decoration: none;
}
.ReportList a:hover {
	color: #3366FF;
	text-decoration: underline;
}
.ReportList a:active {
	color: #990000;	
	text-decoration: none;
}

	
.DisplayFieldLeft {
	background-color: #FFFFCC;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 1px solid #FFFFCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:6px;
	width: 45%;
	float: left;
}
.DisplayFieldRight {
	background-color: #FFFFCC;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 1px solid #FFFFCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:6px;
	width: 45%;
	float: right;
}
.DisplayFieldStatusRight {
	background-color: #FFCC33;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 1px solid #FFCC33;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:6px;
	width: 45%;
	float: right;
}
.PrefMemberStatus {
	background-color: #FFCC33;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 1px solid #FFFFCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:12px;
	width: 75%;
}

.MemberStatusField {
	background-color: #FFFFFF;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:6px;
	color: #990000;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}

#NewsletterPosted {
	font-size: 24px;
	color: #990000;
	padding-bottom: 12px;
}

#SearchField {
	width: 600px;
	float: left;
	
}	
#PasswordField {
	width: 550px;
	height: 18px;

}	

#SearchField input {
	border: none;
	border: 1px solid #656565;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	padding: 10px;
	width: 80%;
	color: #666666;
	font-size: 1em;
}




	
	

.pandpstrapline {
	color: #CCCCCC;
}

#logo {
    padding-right: 0;
    padding-top: 0.7em;
    padding-left: 1em;
}

    #logo img {
        max-width: 95%;
    }

#secondarytopbar {
  background: #7193CC;
  color: #ffffff;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 1.2em;
}


#projectsearch {
    float: right;
    padding-right: 0.5em;
    font-size: 1.3em;
    color: #C1C1C1;
    position: relative;
}

.ddl1 {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 1px solid #257dc4;
    border-bottom: 1px solid #257dc4;
    border-top: 1px solid #257dc4;
    padding-right: 4px;
    height: 21px;
    width: 60px;
    position: static;
    color: #257dc4;
}

.ddl2 {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 1px solid #257dc4;
    border-bottom: 1px solid #257dc4;
    border-top: 1px solid #257dc4;
    padding-right: 4px;
    height: 21px;
    width: 60px;
    position: static;
    color: #257dc4;
}

#TopBar {
    background-color: #FFFFFF;
    padding-top: 6px;
    padding-bottom: 6px;
}

#social-icons {
    float: left;
    padding-top: 0.5em;
    padding-right: 2em;
    padding-left: 1em;
}

#search {
    float: left;
    width: 200px;
    padding-top: 0.3em;
    display: inline-block;
}

.searchbutton {
    width: 20px;
    margin-left: 0.5em;
    padding-top: 0.4em;
    display: inline-block;
}

#language {
    float: right;
    padding-top: 0.3em;
    padding-right: 0.3em;
}

#strapline {
    font-size: 2.6em;
    color: #CCCCCC;
    text-align: center;
}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #strapline {
        font-size: 1.5em;
        color: #666666;
    }
}

#midbanner {
    background-color: #225382;
    min-height: 1.2em;
    padding: 0.5em;
    overflow: auto;
    color: #FFFFFF;
    font-size: 1.2em;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.1em;
}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #midbanner {
        font-size: 0.5em;
    }
}

#BodyPanel {
	background-color: #ffffff;
	padding-top: 1em;
	padding-right: 6em;
	padding-bottom: 1em;
	padding-left: 6em;
	min-height: 600px;
}
#BodyPanel h1 {
	font-size: 2em;
	color: #800012;
	padding-bottom: 12px;
	font-weight: 800;
}
#buttons {
	padding-top: 36px;
}


@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #HPPanel {
    font-size: 0.4em;
	padding-right: 1em;
	padding-left: 1em;
		
    }
}

#HPPanel p {
    font-size: 1.9em;
    color: #000000;
    padding-bottom: 9px;
}

#HPImage {
    font-size: 1.6em;
    margin: 0 auto;
    text-align: center;
}

    #HPImage img {
        max-width: 95%;
    }

    #HPImage a:link {
        text-decoration: none;
        color: #225382;
    }

    #HPImage a:visited {
        margin-top: 9px;
        text-decoration: none;
        color: #225382;
    }

    #HPImage a:hover {
        margin-top: 9px;
        text-decoration: underline;
        color: #ff0000;
    }

    #HPImage a:active {
        margin-top: 9px;
        text-decoration: none;
        color: #225382;
    }

.AwardsQuote {
	padding-top: 1em;
	padding-bottom: 1em;
	color: #ffffff;
	font-size: 2.5em;
	font-style: italic;
}
.AwardsCredit {
	font-style: normal;
	font-size: 0.8em;
	color: #999999;
}
.ContactUs {
	padding-top: 1em;
	padding-bottom: 1em;
	color: #225382;
	font-size: 2.5em;
	line-height: 1.5em;
}
.ContactUs a:link{
	text-decoration: underline;
	color: #225382;	
}
.ContactUs a:visited{
	color: #225382;	
}
.ContactUs a:hover{
	color: #ff0000;	
}
.ContactUs a:active{
	color: #225382;
}



#Awards img {
    max-width: 99%;
}



#BottomAddress {
    background-color: #800012;
    color: #FFFFFF;
    font-size: 0.8em;
    text-align: center;
    letter-spacing: 0.2em;
    padding: 12px;
	line-height: 2em;
}


#contact-box {
    /*outline: 1px solid red;*/
    float: right;
    width: 400px;
}


#inhead {
    float: left;
    padding: 1em 0;
    width: 100%;
}

#sn-tel {
    /*outline: 1px solid red;*/
    width: 100%;
}

#sn {
    /*outline: 1px solid red;*/
    float: left;
    padding-top: 15px;
    width: 80px;
}

    #sn img {
        /*outline: 1px solid red;*/
        float: left;
        margin-right: 10px;
    }

#tel {
    /*outline: 1px solid red;*/
    float: right;
    width: 300px;
}

    #tel img {
        float: left;
    }

    #tel p a {
        color: #656565;
        float: left;
        font-size: 1.8em;
        margin: 0 0 0 20px;
        text-decoration: none;
    }

#SysAdminIdent {
    float: right;
    padding-top: 12px;
    padding-right: 32px;
    font-size: 2.5em;
    color: #4f68bd;
}

#search p {
    font-family: ralewayregular;
}

#search input {
    border: none;
    border: 1px solid #656565;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    padding: 10px;
    width: 80%;
}

button {
    background-color: transparent;
    border: none;
    float: left;
}

#banner {
    clear: both;
    margin: 0px auto;
}

#topbanner img {
    max-width: 95%;
    padding-left: 1em;
}
#sticky {
	  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 9999;
}


#FAQsHeader {
    color: #000000;
    font-size: 1.2em;
    padding-left: 2em;
    padding-right: 2em;
    margin-bottom: 1em;
}


.faqsboldtitle {
    background-color: #7193CC;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    min-height: 2em;
    border: 1px solid #000066;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .faqsboldtitle a:link {
        color: #FFFFFF;
        text-decoration: none;
    }

    .faqsboldtitle a:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

    .faqsboldtitle a:hover {
        color: #0000CC;
        text-decoration: underline;
    }

    .faqsboldtitle a:active {
        color: #FFFFFF;
        text-decoration: none;
    }

.faqscontent {
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 1em;
}

#TeamPanel {
    margin-top: 2em;
    background-color: #ffffff;
    padding-bottom: 1em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

    #TeamPanel p {
        margin-top: 0em;
        margin-bottom: 0.8em;
    }

.TeamImage {
    float: left;
    width: 20%;
}

#SocialIcons {
    width: 82px;
    position: fixed;
    top: 40%;
    z-index: 999;
    left: 0px;
}
#SocialIcons a:hover {
    opacity: 0.7;
}


#feedback {
    height: 10px;
    width: 104px;
    position: fixed;
    top: 40%;
    z-index: 999;
    left: 60px;
}


    #feedback a {
        display: block;
        height: 66px;
        width: 120px;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 1.1em;
        text-decoration: none;
        padding-top: 6px;
        padding-right: 16px;
        padding-bottom: 12px;
        padding-left: 16px;
        -moz-border-top-left-radius: 15px;
        border-top-left-radius: 15px;
        -moz-border-top-right-radius: 15px;
        border-top-right-radius: 15px;
        -moz-border-bottom-left-radius: 15px;
        border-bottom-left-radius: 15px;
        -moz-border-bottom-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

        #feedback a:hover {
            background-color: #7193CC;
        }


.container-1, .container-2, .container-3, .container-4 {
    font-size: 0.9em;
}


/* COLUMNS */
.col1, .col2, .col3, .col4, .col5 {
    margin: 10px 0;
    float: left;
    padding: 0 14px;
    float: left;
}


/* 1 Column */
.container-1 {
    width: 230px;
}

    .container-1 .col1 {
        width: 100%;
    }

/* 2 Column */
.container-2 {
    width: 270px;
}

    .container-2 .col1 {
        width: 50%
    }

    .container-2 .col2 {
        width: 100%
    }

/* 3 Column */
.container-3 {
    width: 220px;
}

    .container-3 .col1 {
        width: 33.33%
    }

    .container-3 .col2 {
        width: 66.66%
    }

    .container-3 .col3 {
        width: 100%
    }


/* 4 Column */
.container-4 {
    width: 430px;
}

    .container-4 .col1 {
        width: 25%;
    }

    .container-4 .col2 {
        width: 50%
    }

    .container-4 .col3 {
        width: 75%
    }

    .container-4 .col4 {
        width: 100%
    }


/* 5 Column */
.container-5 {
    width: 600px;
}

    .container-5 .col1 {
        width: 20%;
    }

    .container-5 .col2 {
        width: 40%
    }

    .container-5 .col3 {
        width: 60%
    }

    .container-5 .col4 {
        width: 80%
    }

    .container-5 .col5 {
        width: 100%
    }


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#content {
    /*outline: 1px solid red;*/
    margin: 0px auto;
}

#left {
    /*outline: 1px solid red;*/
    float: left;
    width: 80%;
}

#topcon {
    /*outline: 1px solid red;*/
    background-color: #fbf3f4;
    float: left;
    min-height: 17em;
    margin: 0 1% 1% 0;
    padding: 2em 2% 0 2%;
    width: 93%;
}

    #topcon p {
        margin-bottom: 1em;
    }

#hpod {
	float: left;
	position: relative;
	width: 25%;
}

    #hpod img {
        width: 100%;
    }

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #hpod {
        width: 50%;
    }
}

#right {
    /*outline: 1px solid red;*/
    float: right;
    width: 20%;
}

.right-pod {
    background-color: #a61521;
    min-height: 17em;
    margin-bottom: 7%;
    padding: 5% 5% 9% 5%;
    width: 90%;
}

.right-pod-test {
    background-color: #a61521;
    min-height: 29em;
    margin-bottom: 5%;
    padding: 5% 5% 8% 5%;
    width: 90%;
}

.right-pod p {
    color: white;
    font-size: 0.9em;
}

.right-pod-test p {
    color: white;
    font-size: 0.9em;
}

.right-pod select {
    margin-bottom: 2em;
    padding: 0.5em 0;
    width: 100%;
}

.right-pod a, .right-pod-test a {
    color: white;
    text-decoration: none;
}

.testname {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 1em;
}


#footer {
    background-color: #a7b1d6;
    border-top: 3px solid #999999;
    clear: both;
    max-width: 1920px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
}

footer a {
    color: white;
    text-decoration: none;
}

#ftleft {
    float: left;
    padding-right: 0.5em;
    padding-left: 3em;
    width: 10%;
}

    #ftleft img {
        max-width: 100%;
    }

#ftright {
    /*outline: 1px solid red;*/
    float: right;
    padding-left: 0.5em;
    padding-right: 3em;
    text-align: right;
}

    #ftright img {
        max-width: 100%;
    }

#foot-mid {
    margin: 0px auto;
    float: left;
    text-align: center;
    width: 75%;
}

    #foot-mid p {
        color: white;
    }

.foot-bt {
    font-size: 0.8em;
    margin-top: 20px;
}

#internalcon {
    background-color: #fbf3f4;
    float: left;
    margin: 0 1% 1% 1%;
    padding: 2em 2% 2em 2%;
    width: 93%;
}

    #internalcon p.int-title {
        border-bottom: 1px solid #656565;
        clear: both;
        color: #a61521;
        font-size: 1em;
        margin-bottom: 1em;
        padding-bottom: 0.5em;
    }

.field {
    clear: both;
    float: left;
    padding: 0.5em 0;
    width: 75%;
}

.field2 {
    clear: both;
    float: left;
    padding: 0.5em 0;
    width: 85%;
}

.field-sysadmin {
    clear: both;
    float: left;
    width: 50%;
    padding-top: 0.5em;
    padding-right: 0;
    padding-bottom: 0.5em;
    padding-left: 1em;
}

#formfields {
    max-width: 75%;
    margin-top: 24px;
}

.field-left {
    float: left;
    width: 20%;
    margin-left: 2em;
    margin-right: 1em;
}

    .field-left p {
        font-size: 0.8em;
        margin-top: 2px;
    }

.field-right {
    float: left;
    min-width: 25%;
}

.contact-field-left {
    float: left;
    width: 50%;
    margin-right: 1em;
}

    .contact-field-left p {
        font-size: 0.8em;
        margin-top: 2px;
    }

.contact-field-right {
    float: left;
    min-width: 75%;
}


#Caveat {
    font-size: 0.8em;
    color: #999999;
    margin-left: 2em;
    margin-right: 2em;
}

.field-right input {
    border: 1px solid #656565;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding-top: 0.5em;
    padding-right: 0;
    padding-bottom: 0.5em;
    padding-left: 1.0em;
}

.field-right4 input {
    border: 1px solid #656565;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding-top: 0.5em;
    padding-right: 0;
    padding-bottom: 0.5em;
    padding-left: 1.0em;
}

.field-left-ta {
    float: left;
    width: 100%;
}

    .field-left-ta p {
        font-size: 0.8em;
        margin-bottom: 5px;
        margin-top: 2px;
    }

.field-right-ta {
    float: right;
    width: 100%;
}

    .field-right-ta textarea {
        border: 1px solid #656565;
        -moz-border-radius: 5px;
        border-radius: 5px;
        height: 5em;
        width: 99%;
    }

#application-box {
    float: right;
    height: 5em;
    margin-top: -3em;
    margin-right: 3em;
    width: 400px;
}

#application-box-SysAdmin {
    float: left;
    height: 5em;
    margin-top: -3em;
    width: 400px;
}

#StageComplete {
    width: 150px;
    float: left;
    margin-left: 6em;
    margin-top: -1em;
}

#application-box p {
    font-size: 0.8em;
}

.jobx {
    border: 1px solid #656565;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #333;
    font-weight: bold;
    padding: 1em 5%;
    width: 100%;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

        .rslides li:first-child {
            position: relative;
            display: block;
            float: left;
        }

    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0;
    }

#topcon ul {
    padding-left: 40px;
    padding-bottom: 12px;
}

#top con ul li {
    margin-left: 3em;
}


.submit-button {
    float: left;
    margin-bottom: 1em;
    width: 100%;
    background-color: #a61521;
    color: #FFFFFF;
    border-color: #a61521;
    border: 1px solid #656565;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .submit-button hover {
        float: left;
        width: 100%;
        background-color: #ff9900;
        color: #FFFFFF;
        border-color: #ff9900;
    }

#ImageFloatRight {
    float: right;
}




.form-control {
    display: block;
    width: 63%;
    float: right;
    height: 34px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #656565;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-contact {
    display: block;
    width: 63%;
    float: left;
    height: 34px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #656565;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-2 {
    display: block;
    width: 100%;
    height: 50px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #656565;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-3 {
    width: 20%;
    height: 28px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #656565;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}

.Validation {
    font-size: 8pt;
    color: #FF0000;
}

.DataGridCellHeader th {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #990000;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding-top: 6px;
    padding-right: 3px;
    padding-bottom: 6px;
    padding-left: 6px;

}

.DataGridCellRow td {
	font-size: 12px;
	color: #000000;
	background-color: #F0F0F0;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
    padding-top: 6px;
    padding-right: 3px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.DataGridCellAddRow td {
	font-size: 12px;
	color: #ffffff;
	background-color: #3399FF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
    padding-top: 6px;
    padding-right: 3px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.DataGridCellAltRow td {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #666666;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #F0F0F0;
    border-bottom-color: #F0F0F0;
    padding-top: 6px;
    padding-right: 3px;
    padding-bottom: 6px;
    padding-left: 6px;
}

.DataGridCellRowHover td {
	font-size: 12px;
	color: #ffffff;
	background-color: #3366FF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 6px;
	cursor: pointer;
}

.DataGridCellHeader th a:link {
    color: #FFFFFF;
    text-decoration: none;
}

.DataGridTextBox {
    color: #FF0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 1px;
    padding-left: 3px;
}

.GridViewPager a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 6px;
    margin-top: 12px;
    margin-right: 6px;
    margin-bottom: 12px;
    margin-left: 6px;
    border: 1px solid #999999;
    clear: right;
    float: left;
}

.GridViewPager a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 6px;
    margin-top: 12px;
    margin-right: 6px;
    margin-bottom: 12px;
    margin-left: 6px;
    border: 1px solid #999999;
    clear: right;
    float: left;
}

.GridViewPager a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #FF0000;
    padding: 6px;
    margin-top: 12px;
    margin-right: 6px;
    margin-bottom: 12px;
    margin-left: 6px;
    border: 1px solid #999999;
    clear: right;
    float: left;
}

.GridViewPager a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 6px;
    margin-top: 12px;
    margin-right: 6px;
    margin-bottom: 12px;
    margin-left: 6px;
    border: 1px solid #999999;
    clear: right;
    float: left;
}

.MessageViewPanel {
    color: #999999;
    background-color: #FFFFFF;
    border: 1px solid #ff0000;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output,
ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Raleway', sans-serif;
}

.main-container {
    max-width: 1680px;
    margin: 0 auto;
}

.body-container {
    max-width: 1920px;
	min-height: 800px;
    margin-right: 3.2em;
    margin-left: 3.2em;
}

    .body-container img {
        max-width: 95%;
    }

    .body-container h1 {
        font-weight: bold;
        color: #225282;
        padding-bottom: 9px;
        font-size: 1.4em;
    }

    .body-container h2 {
        font-weight: bold;
        color: #225282;
        padding-bottom: 9px;
        font-size: 1em;
    }

    .body-container p {
        margin-bottom: 1em;
        line-height: 1.5em;
    }

    .body-container ul {
        display: inline-block;
        text-align: left;
        margin-left: 1em;
        width: 80%;
    }

    .body-container li {
        padding-left: 1em;
        text-indent: -1.4em;
        list-style-position: inside;
        list-style-type: square;
        margin-bottom: 0.5em;
    }

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    .body-container {
        padding-left: 0em;
        padding-right: 0em;
    }
}

.popup-container {
    max-width: 1920px;
    margin: 1em;
}

    .popup-container img {
        max-width: 95%;
    }

    .popup-container h1 {
        font-weight: bold;
        color: #225282;
        padding-bottom: 9px;
        font-size: 1.4em;
    }

    .popup-container h2 {
        font-weight: bold;
        color: #225282;
        padding-bottom: 9px;
        font-size: 1em;
    }

    .popup-container p {
        margin-bottom: 1em;
        line-height: 1.5em;
    }

    .popup-container ul {
        display: inline-block;
        text-align: left;
        margin-left: 1em;
        width: 80%;
    }

    .popup-container li {
        padding-left: 1em;
        text-indent: -1.4em;
        list-style-position: inside;
        list-style-type: square;
        margin-bottom: 0.5em;
    }



.container {
    max-width: 1920px;
    margin: 0 auto;
}


h1 a:link {
    text-decoration: none;
    color: #FFFFFF;
}

h1 a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

h1 a:hover {
    text-decoration: none;
    color: #4f68bd;
}

h1 a:active {
    text-decoration: none;
    color: #FFFFFF;
}

}


@media all and (min-width: 960px) {
    section.module.parallax h1 {
        font-size: 60px;
    }

    h1 a:link {
        text-decoration: none;
        color: #FFFFFF;
    }

    h1 a:visited {
        text-decoration: none;
        color: #FFFFFF;
    }

    h1 a:hover {
        text-decoration: none;
        color: #4f68bd;
    }

    h1 a:active {
        text-decoration: none;
        color: #FFFFFF;
    }
}

body {
    margin-top: 0;
}

#ReadMore {
    float: left;
}

#ReadMoreRight {
    float: right;
}

#TopPage {
    float: right;
}

#HomePageText {
    text-align: justify;
    font-size: 150%;
}
#HomePageText2 {
    text-align: center;
	margin-left: 72px;
	margin-right: 72px;
    font-size: 135%;
}

.formlogin {
    margin-left: 2em;
}

#ContactForm {
    background-color: #EBEBEB;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
    padding-bottom: 2em;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: auto;
}

    #ContactForm input {
        font-family: 'Raleway', sans-serif;
        font-size: 1em;
        color: #333333;
    }

    #ContactForm select {
        font-family: 'Raleway', sans-serif;
        font-size: 0.8em;
        color: #333333;
    }

#ContactFormTitle {
    font-family: 'Raleway', sans-serif;
    font-size: 1.5em;
    color: #333333;
    margin-right: 1em;
}

#ContactFormTitleBold {
    font-family: 'Raleway', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #333333;
    margin-right: 1em;
}

#ContactFormQuestion {
    background-color: #FFFFCC;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 0.5em;
    padding-right: 2em;
    padding-bottom: 0.5em;
    padding-left: 2em;
    margin-bottom: 1em;
    color: #ff0000;
    top: -2em;
    position: relative;
    font-size: 0.8em;
}

.FormField500 {
    max-width: 500px;
}

.FormField200 {
    max-width: 200px;
}

.Step {
    color: #ff0000;
}

#VolEditForm {
    max-width: 95%;
    background-color: #F5F5F5;
    padding-left: 3em;
    padding-right: 3em;
    padding-top: 2em;
    padding-bottom: 2em;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: auto;
}

    #VolEditForm input {
        font-family: 'Raleway', sans-serif;
        font-size: 1em;
        color: #333333;
    }

    #VolEditForm select {
        font-family: 'Raleway', sans-serif;
        font-size: 0.8em;
        color: #333333;
    }

#VolEditFormTitle {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    color: #333333;
    margin-right: 1em;
}

#VolEditFormQuestion {
    background-color: #FFFFCC;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 0.5em;
    padding-right: 2em;
    padding-bottom: 0.5em;
    padding-left: 2em;
    margin-bottom: 1em;
    color: #ff0000;
    top: -2em;
    position: relative;
    font-size: 0.8em;
}

.ProfileLabel {
    float: left;
    width: 25%;
    padding-right: 2em;
}

.displayprofileinfo {
    font-weight: bold;
}

.ProfilePanel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 0.5em;
    padding-right: 2em;
    padding-bottom: 0.5em;
    padding-left: 2em;
    margin-bottom: 1em;
    color: #666666;
    top: -2em;
    position: relative;
    font-size: 0.8em;
}

.ProfilePanelLabel {
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 1em;
}

.ShortFormField {
    width: 12em;
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    color: #333333;
}

    .ShortFormField select {
        font-family: 'Raleway', sans-serif;
        font-size: 0.8em;
        color: #333333;
        background-color: #ffffff;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) { /* START WEBKIT */
    INPUT[type="password"] {
        background-color: #ffffff;
        font-family: Verdana,sans-serif;
        height: 28px;
        font-size: 19px;
        padding: 5px;
        -moz-border-top-left-radius: 6px;
        border-top-left-radius: 6px;
        -moz-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
        -moz-border-bottom-left-radius: 6px;
        border-bottom-left-radius: 6px;
        -moz-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
}
/* END WEBKIT */

#IndentBullets {
    padding-left: 36px;
    font-size: 100%;
    color: #666666;
    position: relative;
}

.Indented {
    padding-left: 18px;
}

#ProjectViewImage {
    min-width: 10%;
    float: left;
    padding-right: 1em;
}

#ProjectSummaryDetails {
    float: left;
    line-height: 1.8em;
    max-width: 85%;
}

.ProjectSummaryTitle {
    color: #999999;
    font-weight: bold;
    font-size: 1.3em;
}

    .ProjectSummaryTitle a:link {
        text-decoration: none;
        color: #a61521;
    }

    .ProjectSummaryTitle a:visited {
        text-decoration: none;
        color: #a61521;
    }

    .ProjectSummaryTitle a:hover {
        text-decoration: underline;
        color: #0033CC;
    }

    .ProjectSummaryTitle a:active {
        text-decoration: none;
        color: #a61521;
    }


.ProjectOverview {
    font-size: 1em;
    color: #a61521;
    font-weight: bold;
}

#ProjectViewMenu {
    color: #FFFFFF;
    background-color: #999999;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding-top: 6px;
    padding-right: 24px;
    padding-bottom: 6px;
    padding-left: 24px;
}

    #ProjectViewMenu a:link {
        text-decoration: none;
        color: #ffffff;
    }

    #ProjectViewMenu a:visited {
        text-decoration: none;
        color: #ffffff;
    }

    #ProjectViewMenu a:hover {
        text-decoration: underline;
        color: #a61521;
    }

#ProjectViewOptions {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
    margin-bottom: 1em;
}

#ProjectDetailsPanel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-left: 2em;
    margin-bottom: 1em;
}

.ResultsNextPanel {
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-left: 1em;
    margin-bottom: 1em;
}

#ProjectDetailsPanel ul {
    display: block;
    text-align: left;
    margin-left: 1em;
	margin-bottom: 1.5em;
    width: 80%;
}

#ProjectDetailsPanel li {
    padding-left: 1em;
    text-indent: -1em;
    list-style-position: inside;
    list-style-type: square;
    margin-top: 0.5em;
	margin-bottom: 0;
}

#ProjectDetailsPanel p {
    margin-bottom: 1em;
}

#ProjectDetailsPanel a:hover {
    color: #FF0000;
}

#ProjectDetailsPanel img {
    max-width: 50%;
    display: block;
    max-height: 400px;
    width: auto;
    height: auto
}

#GalleryPanel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
    margin-bottom: 1em;
}

    #GalleryPanel img {
        max-width: 100%;
        display: block;
        max-height: 400px;
        width: auto;
        height: auto
    }

#ContactFormAddressPanel {
    max-width: 78%;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 0.8em;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
    margin-bottom: 1em;
    margin: auto;
}

#ProfileWarning {
    background-color: #FF9900;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
    margin-bottom: 1em;
    color: #FFFFFF;
}

#PMTwarning {
    background-color: #FFFFCC;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
    margin-bottom: 1em;
    color: #ff0000;
}
.PMTName {
    color: #225282;
    font-weight: bold;
    font-size: 1.3em;
}

#PMTLogo {
    float: left;
    padding-right: 2em;
}

    #PMTLogo img {
        max-width: 400px;
    }

#FormWarning {
    background-color: #FFFFCC;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
    margin-bottom: 1em;
    color: #ff0000;
}

#ProjectViewBottomBanner {
    background-color: #FF9900;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
    margin-bottom: 1em;
    color: #ffffff;
}

    #ProjectViewBottomBanner a:link {
        color: #ffffff;
        text-decoration: underline;
    }

    #ProjectViewBottomBanner a:visited {
        color: #ffffff;
        text-decoration: underline;
    }

    #ProjectViewBottomBanner a:hover {
        color: #000099;
        text-decoration: underline;
    }

    #ProjectViewBottomBanner a:active {
        color: #ffffff;
        text-decoration: underline;
    }


.ProjectSearchPanel {
    color: #333333;
    background-color: #CAD8EC;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
    margin-bottom: 1em;
}

.ProjectSearchTitle {
    font-size: 1.2em;
    font-weight: bold;
    color: #333333;
}

.ProjectSearchNote {
    font-size: 0.8em;
    font-style: italic;
    color: #333333;
    padding-left: 1.2em;
    padding-top: 0.6em;
}

.CountryDDL {
    width: 15em;
}

.DDLList {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    color: #333333;
}

#SearchSelections {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    color: #333333;
}

.SearchResults {
    display: block;
    padding-right: 3em;
    float: left;
    color: #333333;
}

    .SearchResults ul {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .SearchResults li {
        list-style-type: none;
        text-indent: 0.4em;
        float: left;
        width: 250px;
    }

    .SearchResults label {
        display: block;
        float: left;
        margin-right: 1em;
        margin-bottom: 0.5em;
    }

    .SearchResults input {
        float: left;
    }

#ProjectResultsPanel {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	font-size: 1em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	min-height: 100px;
	display: inline-block;
}

#ProjectResultsDetails {
    float: left;
    line-height: 1.8em;
    max-width: 85%;
}

    #ProjectResultsDetails a:link {
        text-decoration: none;
        color: #225282;
        font-weight: bold;
    }

    #ProjectResultsDetails a:visited {
        text-decoration: none;
        color: #225282;
        font-weight: bold;
    }

    #ProjectResultsDetails a:hover {
        text-decoration: none;
        color: #a61521;
        font-weight: bold;
    }

    #ProjectResultsDetails a:active {
        text-decoration: none;
        color: #225282;
        font-weight: bold;
    }


.ProjectDetailsPanelTitle {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 12px;
}

#ProjectReviewTitle {
    font-weight: bold;
    line-height: 24px;
}

    #ProjectReviewTitle a:link {
        text-decoration: underline;
        color: #666666;
    }

    #ProjectReviewTitle a:visited {
        text-decoration: underline;
        color: #666666;
    }

    #ProjectReviewTitle a:hover {
        text-decoration: underline;
        color: #0033CC;
    }

    #ProjectReviewTitle a:active {
        text-decoration: underline;
        color: #666666;
    }

#ReviewTitle {
    color: #ffffff;
    line-height: 24px;
    background-color: #225282;
    border: 1px solid #225282;
    -moz-border-top-left-radius: 9px;
    border-top-left-radius: 9px;
    -moz-border-top-right-radius: 9px;
    border-top-right-radius: 9px;
    -moz-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size: 1em;
    padding-top: 0.5em;
    padding-right: 2em;
    padding-bottom: 0.5em;
    padding-left: 2em;
}

    #ReviewTitle a:link {
        text-decoration: underline;
        color: #ffffff;
    }

    #ReviewTitle a:visited {
        text-decoration: underline;
        color: #CCCCCC;
    }

    #ReviewTitle a:hover {
        text-decoration: underline;
        color: #ffff00;
    }

    #ReviewTitle a:active {
        text-decoration: underline;
        color: #ffffff;
    }

#ReviewContent {
    background-color: #FFFFFF;
    -moz-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-bottom-left-radius: 9px;
    border-bottom-left-radius: 9px;
    -moz-border-bottom-right-radius: 9px;
    border-bottom-right-radius: 9px;
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
    margin-bottom: 1em;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

#ReviewURL {
    float: left;
    max-width: 75%;
}

#ReviewContributor {
    font-size: 1em;
    color: #999999;
}

.InvalidProjectMessage {
    background-color: #FF9900;
    border: 1px solid #CCCCCC;
    -moz-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 1em;
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-left: 2em;
    margin-bottom: 1em;
    color: #ffffff;
}


#TopOfPage {
    margin-top: 1em;
}

.MainPanelBoldTitle {
    font-weight: bold;
    color: #225282;
    padding-bottom: 9px;
    font-size: 1.4em;
}


/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #FF9900;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    padding-top: 6px;
    padding-right: 35px;
    padding-bottom: 6px;
    padding-left: 35px;
}

    /* When moving the mouse over the submit button, add a darker green color */
    input[type=submit]:hover {
        background-color: #cad8ec;
    }



/* Add a background color and some padding around the form */
.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

#SubMenuLeft {
    float: left;
    margin-right: 1em;
    width: 12%;
    margin-top: 1em;
}

#RightPanelContent {
    float: right;
    width: 77%;
    padding: 1em;
    border: thin solid #999999;
    margin-right: 1em;
}

#RightPanel {
    float: right;
    width: 70%;
}

.linktitle {
    font-size: 1em;
    color: ffffff;
    padding-bottom: 6px;
    background-color: #7193CC;
    width: auto;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 9px;
    margin-bottom: 0.7em;
}

    .linktitle a:link {
        color: #FFFFFF;
        text-decoration: none;
    }

    .linktitle a:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

    .linktitle a:hover {
        color: #FFFF00;
        text-decoration: underline;
    }

    .linktitle a:active {
        color: #FFFFFF;
        text-decoration: none;
    }

.linkbody {
    margin-bottom: 1em;
}

.ReviewTitle {
    color: #ffffff;
    background-color: #7193CC;
    min-height: 1.5em;
    padding-left: 6px;
    padding-top: 5px;
    padding-bottom: 3px;
    margin-bottom: 9px;
}

.ReviewContent {
    padding-left: 6px;
    margin-bottom: 9px;
}

    .ReviewContent a:link {
        text-decoration: underline;
        color: #0033CC;
    }

    .ReviewContent a:visited {
        text-decoration: underline;
        color: #999999;
    }

    .ReviewContent a:hover {
        text-decoration: underline;
        color: #ff0000;
    }

    .ReviewContent a:acative {
        text-decoration: underline;
        color: #0033CC;
    }

#LegalDiv {
    margin-bottom: 1em;
    background-color: #E2E2E2;
    padding-top: 6px;
    padding-right: 18px;
    padding-bottom: 6px;
    padding-left: 18px;
}