/* --------- Page Elements ---------- */
body {

	margin: 0;
	padding: 0;
	/*background-image: url(/images/webtreatspattern.jpg);*/
	background-color:#FFF;
	text-align: justify;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #333333;

}

.h1red {
	text-decoration: none;
	color: #85313A;
}

.h1red a{
	text-decoration: none;
}

h1 {
	font-size: 1.4em;
	/* margin-top: 1.5em; */
	font-weight: normal;
}

.h1center {
	font-size: large; 
	text-align:center;
}

h2 {
	font-size: 1.1em;
	/* margin-top: 1.5em; */
	font-weight: normal;
}


h3 {
	font-size: 1.1em;
	margin-top: 1.5em;
	font-weight: normal;
}


hr {
	/* clear: left; */
	color: #003366;
	border-width: .5em;
	border-style: solid;
	padding: 0;
	margin: 0;

}

.linered {
	height:5px; 
	background-color:#85313A; 
	border:none; 
	width:68%;
}

.h2pages {
	font-size: 1.7em;
	color:#27245c;
	margin-left:.7em;
}


#header img {
	margin-left: 1em;
	padding: 0;
	float: left;
	/* background: black; */
}

#header img a{
	text-decoration: none;
}

.blockheadtext {
letter-spacing: -1px;
word-spacing: -2px;
font-family: "Lucida Grande", Arial, sans-serif;
font-weight: bold;
font-size: 1.1em;
border-color: black;
border-width: 1px;
border-style: solid;
padding: 6px;
width: 245px;
background-color: #ebe8e2;
color: #85313A;
}

/* ---------------- OLD CSS styles from gbn.css* -------------------*/
  /* ----------------                          ------------------- */

img.inline{
float:left;
padding-right: 8px;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #680100;
margin:0.3em 0;
font-size: 120%;
}

.heading1style {
color: #680100;
margin:0.3em 0;
font-size: 120%;
}

h2{
color:#1c0000;
padding: .5em 0 .5em 0;
margin:0.3em 0;
font-size: 100%;
}

h3{
color:#1c0000;
padding-top:2em;
font-size: 120%;
}

h4{
color:#1c0000;
padding-top:0.5em;
font-weight:normal;
}

.top {
font-family: Tahoma, Verdana, Sans Serif;
	font-size: 9px;
	line-height: 10px;
	color: #6A6A6A;
	text-decoration: none;
}
.search {
font-family: Tahoma, Verdana, Sans Serif;
	font-size: 11px;
	line-height: 14px;
	background-color: #FFFFFF;
	height: 21px;
	width: 173px;
	border: 1px solid #949494;
}
.headline {
font-family: Tahoma, Verdana, Sans Serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	color: #949487;
}
.subhead {
font-family: Tahoma, Verdana, Sans Serif;
	font-size: 13px;
	line-height: 16px;
	color: #A09678;
}
.subhead2 {
font-family: Tahoma, Verdana, Sans Serif;
	font-size: 13px;
	line-height: 16px;
	color: #A09678;
	text-align:left;
}
.specialhead{
font-family:Tahoma, Verdana, Sans Serif;
	font-size:16px;
	line-height: 16px;
	color:#000000;
}
.subheaddark {
font-family: Tahoma, Verdana, Sans Serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	color: #333333;
}
.copy {
font-family: Tahoma, Verdana, Sans Serif;
	font-size: 12px;
	line-height: 16px;
	color: #A09678;
}
.copyGrey {
font-family: Tahoma, Verdana, Sans Serif;
	font-size: 14px;
	line-height: 16px;
	color: #333;
}
.copyGrey2 {
font-family: Tahoma, Verdana, Sans Serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	text-align:left;
}
.smallletter {
font-family: Tahoma, Verdana, Sans Serif;
	font-size: 9px;
	line-height: 12px;
	color: #666666 ;
	text-align:left;
}

.greeting{
clear: both;
color: #fff;
font-size: 14px;
font-weight:bold;
/* vertical-align: bottom; */
padding: 5px 10px 3px 10px;
/* margin: 0 0 0 75%; */
/* display:inline-block; */
background: #003366;
text-align:right;
float:left;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

}

.greetingRIGHT{
clear: both;
color: #fff;
font-size: 14px;
font-weight:bold;
/* vertical-align: bottom; */
padding: 5px 10px 3px 10px;
/* margin: 0 0 0 75%; */
display:inline-block;
background: #003366;
text-align:right;
float:right;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

}


div.related {
clear:both;
display:block;
color:#000000;
}

dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 625px;
font-size: 14px;
color: #000000;}

dt {
font-weight: bold;
vertical-align:top;
color: #000000;}

dt.dt_title {
text-transform: uppercase;
color: #fff;
background-color: #003366;
padding-left: 5px;
}

dd {
margin-left:10em;
margin-top:0;
margin-top:-2em;
vertical-align:top;
color: #000000;}

dd.wide{
width: 700px;
}

.others_title {
text-align: center;
font-weight: bold;
font-family: sans-serif;
font-size: 1.4em;
word-spacing: -2px;
text-transform: uppercase;
color: #fff;
background-color: #003366;
padding-left: 5px;
}


/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}
.required{
padding-bottom: 5px;
clear: both;
color:#222;
font-weight:bold;
margin: 15px 0 15px 0px;
}

.formbreakline{
padding-bottom: 5px;
clear: both;
color: black;
/*font-weight:bold;*/
margin: 15px 0 15px 0px;
}

.optional{
font-style: italic;
padding-bottom: 5px;
clear: right;
color: black;
}

.multi{
padding-bottom: 5px;
float:left;}


div.instructions{
font-size:small;
padding-bottom:10px;}

div.actions{
float:right;
margin-left: 0px;
margin-right: 0px;
width: 150px;
clear:both;
}

div.user{
color: #000000;}



ul.actions {
text-align: left;
font-size:14px;
background: #e0dbd2;
float: right;
width: 165px;
padding: 16px;
list-style: none;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

ul.actions li {
/* margin-top: 4px; */
display: block;
margin: 0;
padding: 0;
	
}

.keyword, .keyword input, .keyword submit{
background: #FFFFFF;
display: block;
clear: both;
float: left;
margin: 5px 2px 2px;
}

.keyword label{
color: #660000;
font-size: 14px;
font-weight:bold;
background: #FFFFFF;
width: 63px;
margin: 5px 0px 0px 2px;}

p.center{
margin: auto;
display: block;
text-align:center;}

strong 	{
		color:#A09678;
		}

/*
input{
		
		border-style:solid;
		border-width:1px;
		border-color:#484848;
		background:#FFFFFF;
		font-family:tahoma;
		font-size:11px;
		color:#282A2C;
		padding:2 4 4 7px;
		}
*/
a		{
		color:#85313A;
		text-decoration:underline;
		}
a:hover	{
		text-decoration:none;
		}

/*  ----------------- LAYOUT CODE  ---------------- */
 /*  -----------------            ---------------- */
#container
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	
}

#header
{
	background-color: #FFFFFF;
	/* padding: 20px; */
	height: 100px;
	/* margin: 0 auto; */
	/* gradient gloss */
	

}

#header h1 { 

	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 2em; 
	padding: 46px 0 0 0;
	margin: 0; 
	color: #000077;
}

/* ------------ CONTENT IS KING -------------- */
#content
{
	padding: .4em;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    overflow: none;
    border-color: #999966;
	border-width: 1px;
	border-style: solid;
	
}

#content h2
{
	color: #000;
	font-size: 160%;
	margin: 0 0 .5em;
}


/* CLASS #Content Columns */

/* #Content Columns */

.C_left {
	background: #FFF;
	float:left;
	width:53%;
	margin: 1%;
	min-width:300px;
	/*
border-color: #680100;
	border-right-style:solid;
*/
}

.C_right {
	float:right;
	width:38%;
	background: #FFF;
	margin: 1%;
}

.nooverflow {
	width: 80%;
	font-family: Georgia;
	font-size: 1em;
	font color: #000;
	overflow: none;
}


/* ---- Generic Div with Columns for inline content otherwise known as the "icecreamsammich" ---------  */

.icecreamsammich {
	
	width:79%;
	float: left;
	margin-left: 15%;
}
.col_left
{
	float:left;
	width:45%;
}
.col_right
{
	float:right;
	width:45%;
	margin: 0px;
}

/*  --- Footer ---  */

.push {
	height: 155px; /* .push must be the same height as .footer */
}

#footer
{
	text-align: center;
	padding: 0;
	width: 100%;
	/* clear:both; */
	margin:0;
	bottom: 0;
}

#footer p {
	/* background: #CDC6B6; */
	margin: 0;
	font-size: 1em;
	color: #666666;
}

#footer_rectangle_divider {
	background-color: #fff;
	/* height:10px; */
}

/*
#footer h1
{
text-align: center;
}
*/

#footerimgclass
{
	text-align:center;
	display:block;
  
}

#footerLinks
{
	width: 725px;
	position: relative;
	/*font: normal .8em Arial, sans serif;*/
	font: normal .9em Arial, sans serif; 
	color: #000;
	padding: 5px;
}

.f_left {
	
	float:left;
	width: 30%;
	/*
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;

    border-radius: 5px;*/
    /*  */
    border-left: solid 5px #003366;
    margin-left: 1em;
    text-align: left;
    padding: 2px;

}

.f_right {
	
	float:right;
	width: 30%;
	border-left: solid 5px #003366;
    margin-right: 1em;
    text-align: left;
    padding: 2px;
}

.f_middle {
	width: 30%;
	padding:0;
	float:left;
	border-left: solid 5px #003366;
    margin-left: 1em;
    text-align: left;
    padding: 2px;
}

#footercontain {
margin: 0;
padding:3px;
background-color: #e1e4eb;
height: 150px;
}

.footheader {
font-size: 1.4em;
}
/* --- Footer Header/TAGLINE/BYLINE Right Positioning --- */

h1.right {
	color: #003366;
	font-size: 3em;
	margin-bottom: -9px;
	text-align: right;
}

/*  --- Navigation Bar  --- */
#navigation
{
	float: left;
	width: 100%;
	background: #e1e4eb;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline-block;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #000077;
	text-decoration: none;
	border-right: 1px solid #fff;
	font: 1.1em Arial, Helvetica, sans-serif;

}

#navigation li a:hover {
	color:#fff;
	background:#003366;
	
}

/* -- Header Phone Div -- */

#phonediv {

	float: right;
	margin-top: 25px;
	margin-right: 25px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

#phonediv a{

	cursor: default;
}

.phonebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #777;
	-webkit-box-shadow:inset 0px 1px 0px 0px #777;
	box-shadow:inset 0px 1px 0px 0px #777;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a3a3d6), color-stop(1, #000077) );
	background:-moz-linear-gradient( center top, #a3a3d6 5%, #000077 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3d6', endColorstr='#000077');
	background-color:#a3a3d6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #777777;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:15px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
}
/* --- DROP DOWN NAVAGATION MENUS --- */

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #e1e4eb;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: #000077;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
 	color:#fff;
    background-color: #003366;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

	
/* --- LITTLE BOXES CONTAINER BOXES CW_BOXES --- */
#lilboxes {

	text-align: center;
}

div#boxtainer
{
	width: 875px;
	height: 295px;
	background-color: #fff;
	text-align:center;
	font-family:helvetica,arial,sans-serif;
	margin: auto;	}

div.box {
	 float: left;
	padding:0 0 0 0.7em;
	width: 275px;
    height: 290px;
	margin:0 0.2em 0 0;
	background:#e0dbd2;
	border-color: #ccc;
	border-width: 1px;
    border-style: solid;
    text-align: center;
     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
     border-color: #ccc;
    border-width: 1px;
    border-style: solid; 
   
}

div.box a {
	text-decoration:none;
	display:block;
	color:black;
	height:17px;
	padding:9px 9px 9px 0;
}

div.box:hover {
	background: #777;
	
	}

div.box:hover a {
	color: #ccc;
	
}
.imagecenter {   display: block;   margin-left: auto;   margin-right: auto; padding: 6px; }

.c{clear:both;}

/* ------------ Form Styles ---------------- */

/* ------------ Form Styles ---------------- */

form {
margin: 0px;
padding: 0px;
}

input {
	padding: 0 10px 0 10px;
	margin-left: 1em;
	border: solid 2px #222;
	outline: 0;
	font: normal 1em Verdana, Tahoma, sans-serif;
	height: 30px;
	background: #fff;
	vertical-align: center;
	color: #000;

	}

textarea {
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}
input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: #C9C9C9;
}

label {
	display: block;
	float:left;
	 width: 80px; 
	font-size: 1.2em;
	padding: 0 10 5 10px;
	margin-left: 20px;
	}

	
input.submit {
	width: auto;
	padding: 0px 30px;
	background: #003366;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 6px;
	margin-left: 0px;
	}

input[type='submit']{
	width: auto;
	padding: 0px 30px;
	background: #003366;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 1px;
	margin-left: 0px;
}

button[type='reset']{
	width: auto;
	padding: 6px 36px;
	background: #fff;
	border: 1px solid #003366;
	font-size: 14px;
	color: #003366;
	display: inline;
	float: right;
	margin-right:265px;
	
}


input[type=checkbox] {
	vertical-align: middle;
/*
	float: left;
	clear: left; 
	margin: 2px 6px 7px 2px;
*/
}

input[type=radio] {
/*
float: left;
clear: right;
margin: 2px 6px 7px 2px;
*/
}

/*  ------------Specific Styles for UserLoc/UserIndustry elements  ------------*/
#checkboxPrefs {
	list-style-type: none;
}

#checkboxPrefs li{
	list-style-type: none;
	margin-bottom: .3em;

}

#checkboxPrefs input[type=checkbox] {
	vertical-align: middle;
	float: left;
	clear: both;
	padding: 0px;
	margin: -5px 10px 5px 0px ;

}

#checkboxPrefs label{
	/* background-color: #ddd; */
	margin: 0px;
	padding: 0px;
	width: 550px;
}

.selectboxheight select {
		/* font-size:1em; */
		height: 145px;
}

select {
		margin-left: 1em;
}

select option {
	font-size: 15px;
   line-height: 1; 
}

fieldset {
	border: 3px solid #000;
}

/*  ------------Table Styles  ------------*/

table.listing
{
	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 98%;
	text-align: left;
	border-collapse: collapse;
}
table.listing th
{
	border-bottom-color: #000;
	border-top-color: #333;
	font-size: 1.2em;
	font-weight: normal;
	padding: 8px;
	background: white;
	border-top: 4px solid;
	border-bottom: 2px solid;
	color:  #000066;
}
table.listing td
{
	padding: 8px;
	background: #e1e4eb; 
	border-bottom: 1px solid #000;
	color:#000066;
	border-top: 1px solid transparent;
}
table.listing tr:hover td
{
	background: #fff;
	color: #000;
}

/* User Account List */

#userlistcontain
{
background: #e1e4eb;
width: 30%;
margin: 0 auto;
padding: 1em 0;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}

ul#userlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
}

ul#userlist li
{
display: block;
margin: 0;
padding: 0;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

ul#userlist li a
{
font-size: 1em;
font-family: Helvetica, Verdana, Arial, sans-serif;
display: block;
width: 100%;
padding: 0.5em 0 0.5em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #333333;
text-decoration: none;
background: #e1e4eb;
-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;

}

#usercontainer>ul#userlist li a { width: auto; }

ul#userlist li#active a
{
background: #e1e4eb;
color: #800000;
}

ul#userlist li a:hover, ul#userlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #e1e4eb #e0dbd2 #e1e4eb;
}

/* ----- Price Boxes 2013 ----- */		
/* ----- Pages/Members/Options ----- */
#pricebox {

	width: 150px;
	background:#000077;
	color:#fff;
	float:left;
	margin:10px 9px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
		 border-radius:12px;
		 height:300px;
		 padding:15px;
		 box-shadow: 5px 6px 6px #999;
		 -moz-box-shadow: 5px 6px 6px #999;
		-webkit-box-shadow: 5px 6px 6px #999;
}

#details {

	width: 150px;
	background:#fff;
	color:#000;
	float:left;
	margin:20px 9px;
	border: 1px solid #000;
	text-align: center;
	padding-top: 3px;
		line-height:15px;
		font-size:13px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
		 border-radius:12px;
		 height:300px;
		 padding:15px;
		 /*
box-shadow: 5px 6px 6px #999;
		 -moz-box-shadow: 5px 6px 6px #999;
		-webkit-box-shadow: 5px 6px 6px #999;
*/
}

#details p{
		/* padding-top: 3px; */
		line-height:15px;
		font-size:15px;
		padding: 10px;
		color:#1E436C;
   
}

#separate {
	
	text-align: center;
	
	display: block;
	clear: both;
/*	width: 700px;*/

}

#pricebox p {

	font-size:13px;
	

}

.callouthead {
		font-size:26px;
		line-height:26px;
		
}

.sub {
		/* margin-top:3px; */
		padding-top: 3px;
		line-height:15px;
		font-size:13px;
		font-style:italic;
	}
	
.inline-price {
	float: right;
	font-weight: normal;
	color: #d0dbea;
	font-size: 36px;
	font-family: Georgia, serif;
	letter-spacing: -1px;
	margin-top: -13px;
	padding-top: 17px;
	}

.small {
	
	font-size: 13px;
	/* border-top: 1px solid #d0dbea; */
	clear: both;
	text-align: left;
	font-weight: normal;
	margin-top: 13px;
	padding-top: 12px;
}	

#pricebox hr {

	border:0px;
	margin-top: 55px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	background-color: #d0dbea;
}

.details {
		 border:2px solid #1E436C;
		 color:#1E436C;
		 border-radius:12px;
		 height:240px;
		 padding:15px;
		 margin-top:12px;
		 background:#fff;
	}

/* ----- End Price Boxes 2013 ----- */	

@media (max-width:765px){
.C_left, .C_right {width:95%;}
ul#userlist {margin:10px 0;}
.award dl {width:90%;}
}