/* -------------------------------------------------------------------------*/
/* Global Layout                                                            */
/* -------------------------------------------------------------------------*/
body {
	text-align			: center;
	margin				: 0;
	background-color	: #00649d;
	overflow-y			: scroll;
	padding-top			: 30px;
}
body, td {
	font-family			: Arial, Helvetica;
	font-size			: 0.75em;
	color				: #FFF;
	vertical-align		: top;
}
form {
	margin				: 0;
}
img {
	border				: 0;
}
a, a:visited {
	color				: #DDD;
}
a:hover {
	color				: #FFF;
}

/* -------------------------------------------------------------------------*/
/* Layout and structural elements                                           */
/* -------------------------------------------------------------------------*/
#main-container {
	width				: 720px;
	margin-left			: auto;
	margin-right		: auto;
}

#top-left,
#top-middle,
#middle-left,
#middle-middle,
#bottom-left,
#bottom-middle {
    width				: 180px;
    height				: 180px;
}
#top-left {
	background-color	: #8B85C0;
}
#top-middle {
    background-color	: #816b9a;
    vertical-align		: middle;
    text-align			: center;
}
#top-right {
	background-color	: #816B9A;
}
#middle-left {
	background-color	: #5f5a83;
}
#middle-middle {
    color				: #FFF;
    background-color	: #04809c;
    vertical-align		: top;
    text-align			: left;
    padding				: 20px;
	width				: 500px;
}
#homepage #middle-middle {
    color				: #FFF;
    background-color	: #04809c;
    vertical-align		: middle;
    text-align			: center;
    padding				: 20px;
}
#bottom-left {
	background-color	: #7693bd; 0682a9; 047680;
}
#bottom-middle {
	background-color	: #7693bd; 58877A;
	vertical-align		: top;
	text-align			: center;
}
#drop-left {
	background-color	: #5f5a83; 047680;
}
#body {
	background-color	: #0682a9;
}
#footer {
	padding-top			: 5px;
	color				: #AAA;
	font-size			: 0.70em;
}

/* -------------------------------------------------------------------------*/
/* Body elements                                                            */
/* -------------------------------------------------------------------------*/
.content {
	color				: white;
	line-height			: 1.4em;
	margin				: 0px 20px;
}
.fullcolumn {
	width				: 500px;
	clear				: both; 
}
.halfcolumn {
	width				: 260px !important;
	width				: 255px;
	margin-right		: 15px;
	float				: left;
}
.widecolumn {
	width				: 310px;
	float				: left;
}
.narrowcolumn { 
	width				: 170px;
	float				: right;
}

/* -------------------------------------------------------------------------*/
/* Components and page objects                                              */
/* -------------------------------------------------------------------------*/
#logo-block {
	font-family			: Garamond, Times New Roman;
	font-size			: 1.0em;
	text-transform		: uppercase;
	text-align			: center;
	color				: #FFF;
	sbackground-color	: #005482;
	height				: 180px;
}
#logo-block img {
	margin-top			: 10px;
	margin-bottom		: 16px;
}

#logo-block .phone {
	font-size			: 1.4em;
	font-weight			: bold;
	margin-top			: 16px;
}

/* -------------------------------------------------------------------------*/
/* Marketing and info boxes                     			   				*/
/* -------------------------------------------------------------------------*/
.marketing {
	clear				: both;
	text-align			: center;

}
html>body .marketing {					/* css hack to hide this form IE */
	white-space			: nowrap;
}
.marketing .container {
	display				: inline-block !important;
	display				: -moz-inline-box !important;
	display				: inline;
	margin				: 0 auto;
}
.marketing-box, 
.info-box {
	width				: 230px;
	_width				: 230px; 
	margin-bottom		: 15px;
	line-height			: 1.1em;
	white-space			: normal;
	display				: inline;
	float				: left;
	border				: 1px solid gold; #005482;
	background			: #d5e5ea; 359099; 816b9a;
	bbbackground			: #e5f5fa url(../global/images/panorama/green/box_bg.gif) repeat-x left bottom;
	color				: #005482;
	margin-left			: 10px;
}
.info-box {
	margin-top			: 20px;
	text-align			: left;
}
.marketing .marketing-box {
	height				: 120px;
	smargin				: 15px 14px 0 14px;
}
.marketing .marketing-box .body {
	padding-bottom		: 0;
}
.marketing-box h3, 
.info-box h3 {
	position			: relative;
	top					: -1px;
	left				: -1px;
	font-family			: Verdana, Arial, Helvetica;
	font-family			: Garamond, Times New Roman, Times;
	font-size			: 1.3em;
	text-align			: center;
	padding				: 8px 7px 7px 9px;
	margin				: 0;
	color				: #08767f; 005482; 08767f; ccffff; 01a0b3;
	background			: transparent;
}
.marketing-box .body {
	text-align			: center;
	padding				: 5px 10px 10px 10px;
}
.info-box .body {
	position			: relative;
	bottom				: -1px;
	right				: -1px;
	padding				: 4px 9px 11px 7px;
}
.marketing-box a,
.info-box a {
	text-decoration		: none;
	color				: #08767f; DDD; 016aab;
}
.marketing-box a:visited,
.info-box a:visited {
	text-decoration		: none;
	color				: #08767f; DDD; 016aab;
}
.marketing-box a:hover,
.info-box a:hover {
	text-decoration		: underline;
	color				: #005482; FFF; 016aab;
}
.marketing-box p,
.info-box p {
	text-align			: center;
	margin				: 0 0 0.8em 0;
}
.info-box p {
	text-align			: left;
}
.right .info-box,
.right .marketing-box {
	margin-right		: 0;
}
.fullcolumn .right .marketing-box,
.fullcolumn .right .info-box {
	margin-top			: 20px;
}
.narrowcolumn .info-box {
	width				: 170px;
	margin				: 0 0 15px 0;
}
.halfcolumn .info-box {
	width				: 258px;
	margin				: 0 0 15px 0;
}


/* -------------------------------------------------------------------------*/
/* Navigation (1 and 2 level)                                               */
/* -------------------------------------------------------------------------*/

	#navigation{
		padding				: 25px 0px; 
		font-size			: 0.1em;
	}
	#navigation A {
		margin				: 1px 0px;
		display				: block;
	}
	#navigation A:hover, #navigation A.selected {
		background-color	: #78739c;
	}
	#navigation A img {
		margin				: 6px 20px;
		cursor				: pointer;
		border-width		: 0px;
	}
	#navigation A img.lev2 {
		margin				: 6px 0px 6px 30px;
	}
	#hint {
		position			: absolute;
		width				: 178px;
		background-color	: #78739c;
		color				: #FFF;
	}
	#hint div {
		margin				: 10px;
	}

/* -------------------------------------------------------------------------*/
/* Images                                        							*/
/* -------------------------------------------------------------------------*/
.img {
	display				: inline;
	float				: left;
	margin				: 0px 8px 5px 0px;
	padding				: 2px;
	border				: 1px solid #ccc;
	background-color	: #fff;
	width				: 1%;
}
/* Hides from IE-mac \*/
.img { width				: auto; }
/* End hide from IE-mac */
.img img {
	display				: block;
}
.img .caption {
	font-style			: italic;
	text-align			: center;
	white-space			: nowrap;
	padding-top			: 2px;
	color				: #666;
}

.logos {
	font-weight			: bold;
	text-align			: center;
}
.logos img {
	margin				: 10px 10px 0 10px;
	vertical-align		: middle;
}


/* -------------------------------------------------------------------------*/
/* Procedures                                     							*/
/* -------------------------------------------------------------------------*/
a.popup-icon {
	display				: inline-block;
	display				: -moz-inline-box;
	text-indent			: -999em;
	font-variant		: normal;
	overflow			: hidden;
	vertical-align		: middle;
	width				: 15px;
	height				: 15px;
	margin				: 0 0 3px 5px;
	_margin				: 0 0 -3px 5px;
	background			: transparent url(../images/info_icon.gif) no-repeat left top;
}

.procedure .img {
    margin-bottom        : 0;
}
/* -------------------------------------------------------------------------*/
/* Info Popup                                     							*/
/* -------------------------------------------------------------------------*/
#details-popup {
	display				: none;
	position			: absolute;
	z-index				: 1000;
	margin-top			: -2px;
	lleft				: 0;
	width				: 500px;
	_swidth				: 530px;
	height				: 350px;
	border				: 2px solid #016aab;
	background-color	: #fff;
}
#details-popup iframe {
	width				: 100%;
	height				: 325px;
	border				: 0;
	margin				: 0;
}
#details-popup h3 {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 1.1em;
	height				: 20px;
	_height				: 23px;
	padding				: 3px 5px 0 5px;
	margin				: 1px;
	background			: #08767f;
	color				: #fff;
}
a#close-popup {
	float				: right;
	text-decoration		: none;
	font-weight			: normal;
	color				: #fff;
}


/* -------------------------------------------------------------------------*/
/* Formatting elements (Quotes, Lists)			                      		*/
/* -------------------------------------------------------------------------*/
.quote {
	font-family			: Garamond, Times New Roman, Times;
	font-size			: 1.5em;
	font-style			: italic;
	line-height			: 1.1em;
	margin				: 0 8px 5px 0;
	color				: #AAffff;
	
}
.quote .source {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 0.6em;
	font-style			: normal;
	color				: #ffffBB;
	margin-top			: 5px;
}
/* Hides from IE-mac \*/
ul, ol {
	margin				: 0.8em -1em !important;
	margin				: 0.6em 2.3em;
}
/* End hide from IE-mac */

.right {
	float				: right;
	margin				: 0px 0px 5px 8px;
}

.container {
	display				: inline-table;
}
.container:after {
    content				: "."; 
    display				: block; 
    height				: 0; 
    clear				: both; 
    visibility			: hidden;
}
/* Hides from IE-mac \*/
* html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */


/* -------------------------------------------------------------------------*/
/* Text Styles                                                              */
/* -------------------------------------------------------------------------*/
p {
	margin-top			: 0;
	margin-bottom		: 0.8em;
}
h1, h2, h3 {
	font-family			: Garamond, Times New Roman, Times;
	font-variant		: small-caps;
}
h1 a, h2 a, h3 a {
}
h1 {
	font-size			: 1.9em;
	margin				: 0 0 0.5em -2px;
	clear				: both;
}
h2 {
	font-size			: 1.5em;
	font-weight			: normal;
	smargin-bottom		: 0.7em;
	smargin-top			: 1.0em;
	color				: #ccffff;
}
h2.title {
	margin-top			: 0px;
	margin-bottom		: 20px;
}
#contact h2 {
	margin-top			: 60px;
	margin-bottom		: 0px;
}
#contact h2.title {
	margin-top			: 0px;
	margin-bottom		: 20px;
}
h3 {
	font-size			: 1.3em;
	margin-bottom		: 0.2em;
}
sup {
	font-size			: 0.8em;
}
.larger {
	font-size			: 1.1em;
}
.smaller {
	font-size			: 0.9em;
}
.small-caps {
	font-variant		: small-caps;
}