@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700,600,400);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,cyrillic,greek);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);

BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 75%;
	background-color: #ffffff;
	PADDING-BOTTOM: 0px;
	MARGIN: 10px 0px;
	PADDING-TOP: 0px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	COLOR: #666666;
}

.wrapper {
	PADDING-RIGHT: 0px;
	PADDING-LEFT:0px;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px auto;
	WIDTH: 980px;
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left
}

#div_header {
	width: 100%;
	height: 60px;
}

#div_header #logo {
	width: 50%;
	height:auto;
	float:left;
	text-align: left;
}

#div_header #promo {
	width: 50%;
	height:auto;
	float:right;
	text-align:right;
	font-size: 12px;
	line-height: 16px;
	color:#000;
}

#div_header #promo a {
    color: #666666;
}

#div_header #promo a:hover {
    color: #030ca1;
}

#div_header #promo2 {
	width: 100px;
	height:auto;
	float:right;
	text-align:left;
	font-size: 12px;
	line-height: 20px;
}

#div_header #promo .infoText {
	padding-right: 25px;
}

#div_header #logo img {
	padding-left: 25px;
	max-width: 90%;
	max-height: 60px;
}

#navigation {
	float:left;
	white-space:nowrap;
	width: 980px;
	height: 30px;
	background-color: #030ca1;
	BORDER-LEFT: #D5D5D5 1px solid;
	BORDER-RIGHT: #D5D5D5 1px solid;
	BORDER-TOP: #D5D5D5 1px solid;
	BORDER-BOTTOM: #D5D5D5 1px solid;
	-webkit-border-radius:9px 9px 9px 9px;
	-khtml-border-radius:9px 9px 9px 9px;
	-moz-border-radius:9px 9px 9px 9px;
	border-radius:9px 9px 9px 9px;
}

#smallnavigation {
	float: right;
	width: 800px;
	height: 50px;
	text-align:right;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	
.div_main_content {
	width: 955px;
	height:auto;
	float:left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color:#000;
	padding: 5px 10px 5px 10px;
	margin-top:5px;
}

.fullwidth {
    width: 100% !important;
    float: none;
    padding: 0;
    margin: 0;
}

.div_main_content h1 {
	font-size: 24px;
	color: #1b72d8;
	line-height: 25px;
}

.div_main_content h2 {
	font-size: 16px;
	color: #DF883F;
}

.div_main_content h3 {
	font-size: 14px;
	color: #DF883F;
}

#highlight3 {
	BORDER-LEFT: #030ca1 1px solid;
	BORDER-RIGHT: #030ca1 1px solid;
	BORDER-TOP: #030ca1 1px solid;
	BORDER-BOTTOM: #030ca1 1px solid;
	background-color: #e8f1fe;
	height: auto;
	width: 350px;
	margin: 25px 280px 25px 280px;
	padding: 0px 15px 0px 15px;
}

#leftcolumn {
	float:left;
	width: 520px;
	text-align:left;
	}

#leftcolumn h2 {
	font-size: 16px;
	color: #030ca1;
	}

#leftcolumn h3 {
	font-size: 14px;
	color: #030ca1;
	}
	
#leftcolumn h2 a:link {
	color: #030ca1;
}
	
#leftcolumn h2 a:hover{ 
	color: #1b72d8;
}

#leftcolumn h3 a:link {
	color: #030ca1;
}
	
#leftcolumn h3 a:hover{ 
	color: #1b72d8;
}

#leftcolumn #highlight2 {
	BORDER-LEFT: #030ca1 1px solid;
	BORDER-RIGHT: #030ca1 1px solid;
	BORDER-TOP: #030ca1 1px solid;
	BORDER-BOTTOM: #030ca1 1px solid;
	background-color: #e8f1fe;
	height: auto;
	width: 420px;
	margin: 5px 0px 5px 0px;
	padding: 0px 15px 0px 15px;
}
	
#leftcolumnsmall {
	float:left;
	width: 300px;
	text-align:left;
	}

#leftcolumnsmall h2 {
	font-size: 16px;
	color: #030ca1;
	}

#leftcolumnsmall h3 {
	font-size: 14px;
	color: #030ca1;
	}

#rightcolumn {
	float:right;
	width: 420px;
	text-align:left;
	}
	
#rightcolumn h2 {
	font-size: 16px;
	color: #030ca1;
	}

#rightcolumn h3 {
	font-size: 14px;
	color: #030ca1;
	}
	
#rightcolumn select {
	height: 20px !important;
	margin: 0;
	padding: 0 0 0 0;
	vertical-align: middle;
}

	
#rightcolumn #highlight {
	BORDER-LEFT: #030ca1 1px solid;
	BORDER-RIGHT: #030ca1 1px solid;
	BORDER-TOP: #030ca1 1px solid;
	BORDER-BOTTOM: #030ca1 1px solid;
	background-color: #e8f1fe;
	height: 270px;
	width: 420px;
	margin: 5px 0px 5px 0px;
	padding: 0px 15px 0px 15px;
}

#rightcolumn #highlight2 {
	BORDER-LEFT: #030ca1 1px solid;
	BORDER-RIGHT: #030ca1 1px solid;
	BORDER-TOP: #030ca1 1px solid;
	BORDER-BOTTOM: #030ca1 1px solid;
	background-color: #e8f1fe;
	height: auto;
	width: 420px;
	margin: 5px 0px 5px 0px;
	padding: 0px 15px 0px 15px;
}

#rightcolumn #highlight #highlightleft {
	float:left;
	width: 210px;
}	

#rightcolumn #highlight #highlightright {
	float:right;
	width: 200px;
}	

#rightcolumnlarge {
	float:right;
	width: 600px;
	text-align:left;
	}
	
#rightcolumnlarge h2 {
	font-size: 16px;
	color: #030ca1;
	}

#rightcolumnlarge h3 {
	font-size: 14px;
	color: #030ca1;
	}
	
#rightcolumnlarge #highlight {
	BORDER-LEFT: #030ca1 1px solid;
	BORDER-RIGHT: #030ca1 1px solid;
	BORDER-TOP: #030ca1 1px solid;
	BORDER-BOTTOM: #030ca1 1px solid;
	background-color: #e8f1fe;
	height: 270px;
	width: 420px;
	margin: 5px 0px 5px 0px;
	padding: 0px 15px 0px 15px;
}

#rightcolumnlarge #highlight2 {
	BORDER-LEFT: #030ca1 1px solid;
	BORDER-RIGHT: #030ca1 1px solid;
	BORDER-TOP: #030ca1 1px solid;
	BORDER-BOTTOM: #030ca1 1px solid;
	background-color: #e8f1fe;
	height: auto;
	width: 550px;
	margin: 5px 0px 5px 0px;
	padding: 0px 15px 0px 15px;
}

#contentleft {
	float:left;
	width: 250px;
	text-align:right;
	}
	
#contentleft h1 {
	font-size: 20px;
	}

#contentleft h1 a:link {
	color: #000;
}
	
#contentleft h1 a:hover{ 
	color: #030ca1;
}

#contentleft p {
	font-size: 10px;
	}

#contentmiddle {
	float:left;
	width: 415px;
	}
	
#contentmiddle h1 {
	font-size: 20px;
	}
	
#contentmiddle p {
	font-size: 10px;
	}
	
#contentmiddle #telephonegirl {
	float:left;
	position:relative;
	z-index:1;
	background-image:url(images/telephone_woman.png);
	left: 20px;
	top: 0px;
	width: 407px;
	height: 230px;
	}
	
#contentmiddle #promotext {
	float:left;
	position: relative;
	z-index:2;
	top: 0px;
	left: 10px;
	width: 180px;
	height: 210px;
	BORDER-LEFT: #000 1px solid;
	BORDER-RIGHT: #000 1px solid;
	BORDER-TOP: #000 1px solid;
	BORDER-BOTTOM: #000 1px solid;
	}

#contentright {
	float: left;
	width: 250px;
	text-align:left;
	}

#contentright h1 {
	font-size: 20px;
	}
	
#contentright h1 a:link {
	color: #000;
}
	
#contentright h1 a:hover{ 
	color: #030ca1;
}
	
#contentright p {
	font-size: 10px;
	}
	
	
#promo_section {
	float:left;
	width: 935px;
	height: auto;
	padding: 10px 0px 10px 0px;
}

#promo_section #promo_left {
	float:left;
	width: 400px;
	height: auto;
}	

#promo_section #promo_right {
	float:right;
	width: 525px;
	height: auto;
}	


#footer {
	width: 100%;
	height: 40px;
	background: #79ba37;
    background: -moz-linear-gradient(top,  #1b72d8 0%, #155197 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b72d8), color-stop(100%,#155197));
    background: -webkit-linear-gradient(top,  #1b72d8 0%,#155197 100%);
    background: -o-linear-gradient(top,  #1b72d8 0%,#155197 100%);
    background: -ms-linear-gradient(top,  #1b72d8 0%,#155197 100%);
    background: linear-gradient(to bottom,  #1b72d8 0%,#155197 100%);
	color: #CCC;
}

#footer #left {
	width: 69%;
	display: inline-block;
	vertical-align: middle;
	margin-top: 6px;
}

#footer #left a {
	color: #FFF;
    text-decoration: none;
}

#footer #left a:hover {
	color: #df883f;
    text-decoration: none;
}

#footer #right {
	width: 29%;
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
	text-align:right;
	margin-top: 5px;
}

#footer #cookie_policy {
	color: #CCC;;
	font-size: 10px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#footer #cookie_policy a {
	color: #FFF;
}

#footer #cookie_policy a:hover {
	color: #df883f;
}


#footer ul.sitemap {
	float: left;
	overflow: hidden;
	list-style: none;
	margin-top: 5px;
	padding: 0;
}
	
#footer li.sitemap {
	display: inline;
	padding: 0.2em 0.5em;
}

#footer a.link {
	font-size: 11px;
	color: #FFF;
}
	
#footer a.link:hover {
	color: #df883f;
}

@media only screen and (max-width: 850px) {
	#footer a.link {
		font-size: 8px;
	}
	#footer #right {
		font-size: 8px;
	}
}

.bluebullet
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.bluebullet li
{
	background-image: url(images/bullet_blue.png);
	background-repeat: no-repeat;
	background-position: 1px;
	padding-left: 25px;
}

.spacer {
	CLEAR: both; HEIGHT: 0px
}

/*A:link { color: #666666;  text-decoration : none;}
A:visited { color: #666666; text-decoration : none;}
A:hover { color: #030ca1; text-decoration : none;}
A:active { color: #666666; text-decoration : none;}*/

#contenttable TABLE {
	FONT-SIZE: 12px;
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #009;
	border-collapse: collapse;
	padding: 5px;
	}
	
#contenttable TD {
	FONT-SIZE: 12px;
	background-color: #e8f1fe;
	color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #009;
	border-collapse: collapse;
	padding: 5px;
	}
	
#contenttable TD.White {
	FONT-SIZE: 12px;
	background-color: #ffffff;
	color: #000000;
	border-style: none;
	padding: 5px;
	}
	
#contenttable TD.NoBorder {
	FONT-SIZE: 12px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	color: #000000;
	border-style: none;
	padding: 5px;
	}
	
#contenttable TD.Header {
	FONT-SIZE: 12px;
	BACKGROUND: url(images/table_header.jpg) #DDDDDD;
	color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #009;
	border-collapse: collapse;
	padding: 5px;
	}
	
#contenttable TD.Header2 {
	FONT-SIZE: 12px;
	BACKGROUND: url(images/table_header2.jpg) #DDDDDD;
	color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #009;
	border-collapse: collapse;
	padding: 5px;
	}
	
#contenttable A:link { font-family: verdana, arial, sans-serif; color: #000000;  text-decoration : underline;}
#contenttable A:visited { font-family: verdana, arial, sans-serif; color: #000000; text-decoration : underline;}
#contenttable A:hover { font-family: verdana, arial, sans-serif; color: #3c9ad7; text-decoration : none;}
#contenttable A:active { font-family: verdana, arial, sans-serif; color: #000000; text-decoration : underline;}

/* // Contact Form */

#form1{
	margin:1em 0;
	padding-top:10px;
}

#form1 fieldset{
	margin:0;
	padding:0;
	border:none;	
	float:left;
	display:inline;
	width:425px;
	margin-left:25px;
}		

#form1 legend{display:none;}	
#form1 p{margin:.5em 0;}	
#form1 label{display:block;}	
#form1 input, #form1 textarea{		
	width:400px;
	border:1px solid #ddd;
	background:#fff url(images/form_input.png) repeat-x;
	padding:3px;
}		
#form1 textarea{
	height:125px;
	overflow:auto;
}					

#form1 p.submit{
	clear:both;
	padding: 0px 25px 20px 25px;
	margin:0;
	text-align:right;
}	

#form1 button{
	width:150px;
	height:37px;
	line-height:37px;		
	border:none;
	background:url(images/form_button.png) no-repeat 0 0;
	color:#fff;
	cursor:pointer;
	text-align:center;
}				

/* // Contact Form */


/* // Highlight2 Form */

#form2{
	margin:1em 0;
	padding-top:10px;
}

#form2 fieldset{
	margin:0;
	padding:0;
	border:none;	
	float:left;
	display:inline;
	width:400px;
	margin-left:10px;
}		

#form2 legend{display:none;}	
#form2 p{margin:.5em 0;}	
#form2 label{display:block;}	
#form2 input, #form2 textarea{		
	width:350px;
	border:1px solid #ddd;
	background:#fff url(images/form_input.png) repeat-x;
	padding:3px;
}		
#form2 textarea{
	height:125px;
	overflow:auto;
}					

#form2 p.submit{
	clear:both;
	padding: 5px 45px 10px 0px;
	margin:0;
	text-align:right;
}	

#form2 button{
	width:150px;
	height:37px;
	line-height:37px;		
	border:none;
	background:url(images/form_button.png) no-repeat 0 0;
	color:#fff;
	cursor:pointer;
	text-align:center;
}				

/* // Contact Form */


/* // Login Form */

#form3{
	margin:1em 0;
	padding-top:10px;
}

#form3 fieldset{
	margin:0;
	padding:0;
	border:none;	
	float:left;
	display:inline;
	width:400px;
	margin-left:10px;
}		

#form3 legend{display:none;}	
#form3 p{margin:.5em 0;}	
#form3 label{display:block;}	
#form3 input, #form2 textarea{		
	width:300px;
	border:1px solid #ddd;
	background:#fff url(images/form_input.png) repeat-x;
	padding:3px;
}		
#form3 textarea{
	height:125px;
	overflow:auto;
}					

#form3 p.submit{
	clear:both;
	padding: 5px 30px 10px 0px;
	margin:0;
	text-align:right;
}	

#form3 button{
	width:150px;
	height:37px;
	line-height:37px;		
	border:none;
	background:url(images/form_button.png) no-repeat 0 0;
	color:#fff;
	cursor:pointer;
	text-align:center;
}				

/* // Login Form */

.bluebullet
{
     list-style: none;
     padding: 0;
     margin: 0;
}

.bluebullet li
{
     background: url(../images/bullet_blue.png) no-repeat left top;
     padding-left: 25px;
     vertical-align: middle;
}

.warning {
	FONT-SIZE: 8pt;
	color: #ee0000;
}
.small_font {
	FONT-SIZE: 8pt;
}

.light_blue_large {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 2 px;
	margin-bottom: 0px;
	display: inline;
	padding-bottom: 0px;
	color: #1b72d8;
}

.light_blue 
{
   	color: #1b72d8; 
}
.dark_blue 
{
   	color: #030ca1; 
}

.loading_panel
{
    border-style:solid;
    border-width:1px; 
    border-color:#1b72d8;
    background-color:White;
    
    display:block;
    position:fixed;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 70px;
    margin-top: -35px;
    margin-left: -120px;
    z-index:100;   
}

/*Login Page*/
.Login_Box {
                width: 400px;
                height: auto;
                padding: 5px 5px 5px 5px;
                border: 4px solid #e3e3e3;
                margin: 25px 270px 25px 270px;
                overflow: hidden;
                float:left;
                background-color: #e5e7ea;
                background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #dcdee2), color-stop(50%, #eff0f1), color-stop(100%, #dcdee2)); /* Saf4+, Chrome */
                background-image: -webkit-linear-gradient(left, #dcdee2, #eff0f1, #dcdee2); /* Chrome 10+, Saf5.1+, iOS 5+ */
                background-image:    -moz-linear-gradient(left, #dcdee2, #eff0f1, #dcdee2); /* FF3.6 */
                background-image:     -ms-linear-gradient(left, #dcdee2, #eff0f1, #dcdee2); /* IE10 */
                background-image:      -o-linear-gradient(left, #dcdee2, #eff0f1, #dcdee2); /* Opera 11.10+ */
                background-image:         linear-gradient(left, #dcdee2, #eff0f1, #dcdee2);
                -pie-background:          linear-gradient(left, #dcdee2, #eff0f1, #dcdee2); /* IE6-IE9 */
                -moz-border-radius:    8px;
                -webkit-border-radius: 8px;
                border-radius:         8px;
                behavior: URL(PIE.htc);}

.Login_Box h1
{
                font-size: 20px;
                color: #1b72d8;
                line-height: 10px;
}

.login_box_icon {
                width: 120px;
                height: 155px;
                background: url(images/padlock.png) no-repeat center;
                float:right;
                }               
                
.login_box_text {
                width: 280px;
                float:left;
                }


.table_padded table {
		margin: 2px;
	}
	
	
/*========================================================
Coloured Wrappers that can be used!
=========================================================*/	
	

/*========================================================
Blue Section
=========================================================*/
.blueWrapper {
	background-color: #0066cc;
	width: 100%;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
}

.blueWrapper .Content {
	height:auto;
	MARGIN: 0px auto;
	WIDTH: 980px;
}


.blueWrapper h1 {
	font-size: 24px;
  	font-weight: 400;
  	color: #FFFFFF !important;
  	text-align: center;
  	text-transform: uppercase;
  	margin-top: 20px;
  	letter-spacing: 2px;
  	margin-bottom: 18px;
}

.blueWrapper p, .blueWrapper span {
  	color: #FFFFFF;
	text-align: left;
}

.blueWrapper a {
 color: #FFFFFF;
 text-decoration: underline;
}

.blueWrapper a:hover {
  color: #df883f;
  cursor: pointer;
  text-decoration:none;
}



/*========================================================
Yellow Section
=========================================================*/
.yellowWrapper {
	background-color: #ffdb09;
	width: 100%;
	margin-top: 20px;
    text-align: center;
	font-family: 'Open Sans', sans-serif;
}

.yellowWrapper .Content {
	height:auto;
	MARGIN: 0px auto;
	WIDTH: 980px;
}

.yellowWrapper h1 {
	font-size: 24px;
  	font-weight: 400;
  	color: #000000;
  	text-align: center;
  	text-transform: uppercase;
  	margin-top: 20px;
  	letter-spacing: 2px;
  	margin-bottom: 18px;
}

.yellowWrapper p, .yellowWrapper span {
  	color: #000000;
	text-align: left;
}

.yellowWrapper a {
 color: #000000;
 text-decoration: underline;
}

.yellowWrapper a:hover {
  color: #0066cc;
  cursor: pointer;
  text-decoration:none;
}


/*========================================================
Orange Section
=========================================================*/
.orangeWrapper {
	background-color: #df883f;
	width: 100%;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
}

.orangeWrapper .Content {
	height:auto;
	MARGIN: 0px auto;
	WIDTH: 980px;
}

.orangeWrapper h1 {
	font-size: 24px;
  	font-weight: 400;
  	color: #FFFFFF;
  	text-align: center;
  	text-transform: uppercase;
  	margin-top: 20px;
  	letter-spacing: 2px;
  	margin-bottom: 18px;
}

.orangeWrapper p, .orangeWrapper span  {
  	color: #FFFFFF;
	text-align: left;
}

.orangeWrapper a {
 color: #FFFFFF;
 text-decoration: underline;
}

.orangeWrapper a:hover {
  color: #0066cc;
  cursor: pointer;
  text-decoration:none;
}

/*========================================================
Light Orange Section
=========================================================*/
.ltorangeWrapper {
	background-color: #ffd4aa;
	width: 100%;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
}

.ltorangeWrapper .Content {
	height:auto;
	MARGIN: 0px auto;
	WIDTH: 980px;
}

.ltorangeWrapper h1 {
	font-size: 24px;
  	font-weight: 400;
  	color: #000000;
  	text-align: center;
  	text-transform: uppercase;
  	margin-top: 20px;
  	letter-spacing: 2px;
  	margin-bottom: 18px;
}

.ltorangeWrapper p, .ltorangeWrapper span {
  	color: #000000;
	text-align: left;
}

.ltorangeWrapper a {
 color: #0066cc;
 text-decoration:none;
}

.ltorangeWrapper a:hover {
  color: #39986c;
  cursor: pointer;
  text-decoration:none;
}

/*========================================================
Light Green Section
=========================================================*/
.ltgreenWrapper {
	background-color: #c0e49c;
	width: 100%;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
}

.ltgreenWrapper .Content {
	height:auto;
	MARGIN: 0px auto;
	WIDTH: 980px;
}

.ltgreenWrapper h1 {
	font-size: 24px;
  	font-weight: 400;
  	color: #000000;
  	text-align: center;
  	text-transform: uppercase;
  	margin-top: 20px;
  	letter-spacing: 2px;
  	margin-bottom: 18px;
}

.ltgreenWrapper p, .ltgreenWrapper span {
  	color: #000000;
	text-align: left;
}

.ltgreenWrapper a {
 color: #0066cc;
 text-decoration:none;
}

.ltgreenWrapper a:hover {
  color: #78b836;
  cursor: pointer;
  text-decoration:none;
}

/*========================================================
Light Blue Section
=========================================================*/
.ltblueWrapper {
	background-color: #b5dbf2;
	width: 100%;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
}

.ltblueWrapper .Content {
	height:auto;
	MARGIN: 0px auto;
	WIDTH: 980px;
}

.ltblueWrapper h1 {
	font-size: 24px;
  	font-weight: 400;
  	color: #000000;
  	text-align: center;
  	text-transform: uppercase;
  	margin-top: 20px;
  	letter-spacing: 2px;
  	margin-bottom: 18px;
}

.ltblueWrapper p, .ltblueWrapper span {
  	color: #000000;
	text-align: left;
}

.ltblueWrapper a {
 color: #0066cc;
 text-decoration:none;
}

.ltblueWrapper a:hover {
  background: #47a4dc;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration:none;
}

/*========================================================
Green Section
=========================================================*/
.greenWrapper {
	background-color: #9cdbbc;
	width: 100%;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
}

.greenWrapper .Content {
	height:auto;
	MARGIN: 0px auto;
	WIDTH: 980px;
}

.greenWrapper h1 {
	font-size: 24px;
  	font-weight: 400;
  	color: #000000;
  	text-align: center;
  	text-transform: uppercase;
  	margin-top: 20px;
  	letter-spacing: 2px;
  	margin-bottom: 18px;
}

.greenWrapper p, .greenWrapper span {
  	color: #000000;
	text-align: left;
}

.greenWrapper a {
 color: #0066cc;
 text-decoration:none;
}

.greenWrapper a:hover {
  background: #3a956b;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration:none;
}

/*========================================================
Soft Green Section
=========================================================*/
.softgreenWrapper {
	background-color: #e2f6ec;
	width: 100%;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
}

.softgreenWrapper .Content {
	height:auto;
	MARGIN: 0px auto;
	WIDTH: 980px;
}

.softgreenWrapper h1 {
	font-size: 24px;
  	font-weight: 400;
  	color: #000000;
  	text-align: center;
  	text-transform: uppercase;
  	margin-top: 20px;
  	letter-spacing: 2px;
  	margin-bottom: 18px;
}

.softgreenWrapper p, .softgreenWrapper span {
  	color: #000000;
	text-align: left;
}

.softgreenWrapper a {
 color: #0066cc;
 text-decoration:none;
}

.softgreenWrapper a:hover {
  background: #3a956b;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration:none;
}

/*========================================================
Grey Section
=========================================================*/
.GreyWrapper {
	background-color: #f2f2f2;
	width: 100%;
	margin-top: 20px;
	font-family: 'Open Sans', sans-serif;
}

.GreyWrapper .Content {
	height:auto;
	MARGIN: 0px auto;
	WIDTH: 980px;
}

.GreyWrapper h1 {
	font-size: 24px;
  	font-weight: 400;
  	color: #000000;
  	text-align: center;
  	text-transform: uppercase;
  	margin-top: 20px;
  	letter-spacing: 2px;
  	margin-bottom: 18px;
}

.GreyWrapper p, .GreyWrapper span {
  	color: #000000;
	text-align: left;
}

.GreyWrapper a {
 color: #0066cc;
 text-decoration:none;
}

.GreyWrapper a:hover {
  background: #78b836;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration:none;
}


.orangetext {
	color: #df883f;
}

/*========================================================
New Login Page
=========================================================*/

.Login_Wrapper {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	margin-left:auto;
	margin-right:auto;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	vertical-align:middle;
	margin-top: 10px;
	width: 50%;
	background: #79ba37;
    background: -moz-linear-gradient(top,  #1b72d8 0%, #155197 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b72d8), color-stop(100%,#155197));
    background: -webkit-linear-gradient(top,  #1b72d8 0%,#155197 100%);
    background: -o-linear-gradient(top,  #1b72d8 0%,#155197 100%);
    background: -ms-linear-gradient(top,  #1b72d8 0%,#155197 100%);
    background: linear-gradient(to bottom,  #1b72d8 0%,#155197 100%);
}

.Login_Wrapper h1 {
	color: #FFFFFF;
	font-size: 20px;
	padding-top: 20px;
	margin-bottom: 0;
}

.Login_Wrapper span {
	color: #FFFFFF;
	font-size: 20px;
	padding-top: 20px;
	margin-bottom: 0;
}

.Login_Wrapper input[type=text] {
    width: 200px;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    text-align: left;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #030ca1;
    font-weight: bold;
    padding: 6px;
	margin-left:auto;
	margin-right:auto;
}

.Login_Wrapper input[type=email] {
    width: 200px;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    text-align: left;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #030ca1;
    font-weight: bold;
    padding: 6px;
	margin-left:auto;
	margin-right:auto;
}

.Login_Wrapper input[type=password] {
    width: 200px;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    text-align: left;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #030ca1;
    font-weight: bold;
    padding: 6px;
	margin-left:auto;
	margin-right:auto;
}

.Login_Wrapper label {
  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  padding: 5px 0px 5px 0px;
}

.Login_Wrapper input[type=submit] {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    text-align: center;
    background-color: #df883f;
    background: -webkit-gradient(linear, left top, left bottom, from(#df883f), to(#ee9448));
    background: -webkit-linear-gradient(top, #df883f, #ee9448);
    background: -moz-linear-gradient(top, #df883f, #ee9448);
    background: -ms-linear-gradient(top, #df883f, #ee9448);
    background: -o-linear-gradient(top, #df883f, #ee9448);
    background: linear-gradient(top, #df883f, #ee9448);
    border: 1px solid #000000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-shadow: 0 -1px 0 #396715;
    margin: 15px 0 15px 0;
	position: relative;
	left: 45px;
}

.Login_Wrapper input[type=button]:hover {
  opacity: 0.85;
  cursor: pointer;
}

.Login_Wrapper .ErrorText {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
    display: block;
}

.Login_Image {
	float: right;
}

.Login_Image img {
    height: 100% !important;
}

.Login_Wrapper .forgot_password {
	float: right;
	position: relative;
	top: 50px;
}

.Login_Wrapper .forgot_password a {
	color: #FFFFFF;
	text-decoration: underline;
	padding-right: 10px;
}

.Login_Wrapper .forgot_password a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: none !important;
}


@media only screen and (max-width: 1100px) {
    .Login_Image {
        display: none;
    }

        .Login_Image img {
            display: none;
        }

    .ltblueWrapper {
        padding-bottom: 30px;
    }
}

/*========================================================
Full Screen Page
=========================================================*/
.fullscreen_header{width:100%; height:85px; margin: 0; padding: 0; }
.fullscreen_header .left {display: inline-block; width:48%; text-align:left; height: 100%; margin: 0; padding: 0; vertical-align: middle ;}
.fullscreen_header .right {display: inline-block;width:48%; text-align:right; vertical-align: middle; height: 100%;  margin: 0; padding: 0;}
.fullscreen_header .right .filler {display: inline-block; vertical-align: middle; height:100%; width: auto;}
.fullscreen_header .right .right_left {text-align: right; display: inline-block; vertical-align: middle; width: auto;}
.fullscreen_header .right .right_right {text-align: left; display: inline-block; vertical-align: middle; width: auto;}

.fullscreen_body{ width:100%; margin: 0; padding: 0;}
.fullscreen_body .left{display: inline-block; min-width:300px; width: 20%; text-align:left; height:100%; margin: 0; padding: 0; vertical-align: top; padding-right: 10px;}
.fullscreen_body .right{display: inline-block; text-align:left; min-width: 400px; width:75%; height: 100%; vertical-align: top; margin: 0; padding: 0;}

@media only screen and (max-width: 1300px) and (min-width: 1050px) {
    .fullscreen_body .right{width:100%;}
}

@media only screen and (max-width: 1050px) {
    .fullscreen_header {height: 100%; padding-bottom: 20px;}
    .fullscreen_header .left{width:100%; text-align:left;}
    .fullscreen_header .right{width:100%; text-align:left;}
    .fullscreen_header .right right_left {width:100%;}
    .fullscreen_header .right right_right {width:100%;}
    .fullscreen_body .left{width: 100%; max-width:300px;}
    .fullscreen_body .right{width:100%;}
}	

}