@charset "utf-8";
/* CSS Document 

	METRACON TRAVEL GROUP Screen Styles

	Table of Contents 
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */

* 					{margin:0;padding:0;}
body 				{background: #EAEAEA;padding-top:10px;
}
#page 				{}
#wrapper 			{
	width:784px;
	background:#FFF url(../images/bkrnd_sidebar.jpg) repeat-y right;
	text-align:left;
	margin:0px auto;
	position:relative;
	border: 8px solid #D7D8D9;
}
#header 			{
	text-align:center;
	width:784px;
	height: 86px;
	margin:0px auto;
	padding-top:10px;
	position:relative;
	background: #fff url(../images/bkrnd_header.gif) repeat-x top left;
}
#nav 				{
	margin-top:-5px;
	width:420px;
	height:25px;
	float: right;
	text-align:center;
	background: #4D5153;
}

#wrapper a:link, #wrapper a:visited {
	color: #FF5200;
	text-decoration: none;
}

#wrapper a:hover, #wrapper a:active {
	color: #FF5200;
	text-decoration: underline;
}

#credit {
	width: 300px;
	margin:0px auto;
	color: #666666;
}

hr {
color: #D1E4EE;
background-color: #D1E4EE;
height: 5px;
border: none;
margin-bottom: 10px;
}


#mainContent {
	padding-left: 30px;
	margin-top: 10px;
	width: 520px;
	float: left;
}


#pageImage {
	float: right;
	background: #fff url(../images/bkrnd_sidebar.jpg) repeat-y right;
	width: 426px;
	height: 234px;
}



#subHeading {
	/*height: 239px;*/
	padding-left: 30px;
	margin-top:0px;
	width: 300px;
	float: left;
}



#subHeading p, h2 {
	width: 300px;

}

#secondaryContent {
	width: 195px;
	padding: 10px;
	margin-top: 10px;
	float: right;
}


#footer {
	width: 982px;
	padding-top: 10px;
	height: 120px;
	text-align: left;	
	background: #D6E7B6 url(images/footer_url.gif) no-repeat 789px 0px; ;
}

#footer p {
	margin-top: 0px;
	margin-left: 10px;
}


.clear {
	clear:both;
}

#mainContent .imageAlignRight {
	float: right;
	display:inline;
	margin-left: 10px;
	margin-bottom: 10px;
	
}

#mainContent .imageAlignLeft {
	float: left;
	margin-right: 10px;
}


div.membership {
  height: 100px;
  float: left;
  margin: 0 0 0 20px;
}

div.membership img {
  float: left;
  padding: 5px 0 0 10px;
}

div.social {
  height: 100px;
  width: 200px;
  float: right;
  margin: 0 20px 0 0;
}


div.social img {
  float: right;
  padding: 5px;
}

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



/* Typography
-----------------------------------------------// 

IMPORTANT NOTE!
Any typographical changes to this file below must also be made for mainContent.css and sidebarContent.css (depending on the DIV you are changing). These two files are utilized by the eWebEditPro editor to simulate what the text will look like when formatted by the globalcss.css file. This is because the content blocks do not pick up on the DIV formatting that they are contained within. The actualu formatting is performed by globalcss.css - glenp@gkmedia.com.

*/

body {font-size: 62.5%; font-family:Arial, Helvetica, sans-serif;}

h1 {font-size:2em;}  /* displayed at 24px */
H2 {font-size:1.5em;}  /* displayed at 18px */
H3 {font-size:1.25em;}  /* displayed at 15px */
H4 {font-size:1em;}  /* displayed at 12px */


p {	line-height: 1.4em;	margin: 0.5em 0 1.5em 0; }

#mainContent {
	font-size: 1.3em;
	text-align:left;
	color: #666666;
}

#mainContent p {
	margin-right:20px;
}

#mainContent h1 b {font-weight: normal;}
#mainContent h2 b {font-weight: normal;}
#mainContent h3 {
	color: #4C6C90;
	margin-bottom:10px;

}

#mainContent h4 {
	font-size: 14px;
	margin-bottom: 1px;
	font-size: 1em;
}


/* Styles bullets in mainContent area */
#mainContent ul {
	/*list-style-type: none;*/
	margin-bottom: 22px;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 40px;
}

#mainContent li {
	font-size: 12px;
	line-height: 1.5em;
	padding-left: 5px;
	background: url(images/bullet.gif) no-repeat 0px 6px;
	margin-top: 10px;
}

#mainContent li li {

}

#mainContent ol {
	margin-bottom: 15px;
}


#mainContent blockquote {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 15px;
	margin-right: 20px;
	border-top: 5px solid #BDD8E8;
	border-bottom: 5px solid #BDD8E8;
	background: #D5E6F0;
}

#mainContent blockquote ul {
	margin-top: 15px;
}

#mainContent blockquote p {
	line-height: 1.8em;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

#subHeading p {
	font-size: 12px;
	color: #666666;
	margin-top:10px;
	line-height: 1.5em;
}

#subHeading h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	margin-top:50px;
	color: #4C6C90;
}

#subHeading h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	line-height: 1.5em;
	color: #4C6C90;
}


#secondaryContent {
	font-size: 1.1em;
	color: #666666;
}


#secondaryContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.65em;
	line-height: 1.4em;
	letter-spacing: -0.05em;
	color: #666666;
	font-weight: normal;
	border-bottom: 1px solid #9F9F9F;
	padding-top: 10px;
}

#secondaryContent h2 {
	color: #3F82A9;
	margin-bottom: -3px;
}

#secondaryContent ul {
	list-style-type: none;
	margin-bottom: 22px;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 40px;
} 

#secondaryContent li {
	line-height: 1.5em;
	padding-left: 15px;
	background: url(images/bullet.gif) no-repeat 0px 4px;
	margin-top: 10px;
}

#credit a:link, #credit a:visited {
	color: #333333;
	text-decoration: none;
}

#credit a:hover, #credit a:active {
	color: #FF6600;
	text-decoration: none;
}


#footer a:link, a:visited {
	color: #666666;
	text-decoration:none;
}

#footer a:hover, a:active {
	color: #999999;
	border-bottom: 1px solid #fff;
}


#profileEmployees h2 {
	font-size: 22px;
	color: #666666;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom:0px;
	margin-bottom: 0px;
	line-height: 1em;

}
#profileEmployees p {
	padding-left: 20px;
	margin-bottom: 0px;	
	padding-bottom: 20px;	
	font-size: 11px;
	line-height: 1.5em;
}
#profileEmployees .info {
	padding-left: 20px;	
	line-height: 1.5em;
}


/*End of Typographical Area-----------------------------------*/


/* forms
----------------------------------------------- */
INPUT, SELECT, TH, TD {font-size:1em}

input.radio, input.checkbox, input.submit {
	width:auto;
}

#subscribeForm fieldset {
	padding: 1em;
	border: 0px solid #fff;
	/*background: #f8f8f8;*/
}

#subscribeForm input[type="text"], textarea {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding:3px;
}


#subscribeForm fieldset p {
	margin-top: -5px;
	margin-bottom: 7px;
}

#subscribeForm fieldset h2 {
	margin-bottom: 5px;
}

#subscribeForm label {
	display: block;	
}




/*Sidebar classes to deal with Ektron
----------------------------------------------- */



/*For DHTML Menu - adds a border to submenu items
----------------------------------------------- */
.mmbord{
	border-bottom:1px solid #C1C1C1;
	line-height: 2.5em;
	text-decoration:none;
	font-weight: normal;
	font-size:10px;
	padding-left:5px;
	padding-top:0;
	padding-bottom:0;
	padding-right:15px;
}


/*----------------------------------------------- */

.Highlight {
	background:#FFFF00;
	color: #000000;	
}


.tableFormat td {
	padding: 7px;
	border-bottom: 1px solid #CCCCCC;
}

.newsSource {
	margin-left:0;
	display:block;
	/*font-weight: bold;*/
	margin-top: 8px;
	color: #666666;
	font-size: 12px;
	/*text-transform:uppercase;*/
	margin-bottom: 4px;
}





.callout1 {
	padding: 10px;
	width: 250px;
	float:right;
	margin: 15px;
	font-size: 14px;
	line-height: 1.4em;
	background: #E8F1F7;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	border-top: 2px solid #69A2C4;
	border-bottom: 3px solid #69A2C4;
}