/*

	COMBO
		
	47697E	BLUE	(DARKEST)
	638291	BLUE
	688B9A	BLUE
	E8EFF3	BLUE	(LIGHTEST)
	FFFACD	YELLOW
	FFFACD	YELLOW
	5B7444	GREEN
	A3C586	GREEN
	
	NON-COMBO
	
	003333	BLUE	(DARKEST)
	CCCCCC
	EEEEEE
	
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin:0;
	padding:0;
}

input, select, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	background:#F2F2F2;
	border:1px solid #B4A28F;
	padding:2pt;
	vertical-align:middle;
}

textarea{
	width:90%;
	overflow:auto;
	vertical-align:middle;
}

input:hover, select:hover, textarea:hover{
	background:#FFFFCC;
	border:1px solid #FC6;
}

#logo {
	background-color:#FFF;
	position:absolute;
	left:20px;
	border:1px solid #003333;
	border-top:0;
	padding:5px 1% 10px 1%;
}

/*	----------	#navigation	----------	*/

#navigation{
	font-family:"Trebuchet MS", Arial;
	font-size:20px;
	font-weight:bold;
	background:url(../image/bg1.gif) 0 20px repeat-x;
	text-transform:uppercase;
}

#navigation h1{
	text-indent:-99999px;
	float:left;
}

#navigation, #navigation a{
	color:#7f7f7f;
	text-decoration:none;	
}

#navigation, #navigation a:hover, #navigation a.active{
	color:#000;
	text-decoration:none;	
}

#navigation ul{
	width:940px;	
	margin-top:10px;
	padding:30px 0 55px 220px !important;
	padding:30px 0 55px 220px;
	background:url(../image/logoMeco.png) 10px 0 no-repeat;
}

#navigation ul li{
	display:inline;
	padding:12px 10px;
	background:url(../image/bg2.gif) 0 3px no-repeat;
}

#navigation ul li.active{
	background:#F7F6F4;
}

#navigation ul li.active a{
	color:#01377F;
}

#navigation input{
	font-size:11px;
	color:#FFFACD;
	background:#000;
	border:1px solid #FFF;
	padding:2px;
}

#navigation input.button{
	color:#FFF;
	background:#47697E;
	border:1px solid #FFF;
	text-transform:uppercase;
	padding:1px;
}	

/*	----------	#banner	----------	*/

#banner{
	width:100%;
	padding:20px 0;
}

#banner .quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0 100px 0 auto;
	width:60%;
}

#banner .quote h1{
	font-size:40px;
	color:#222;
	background: url(../image/quoteLeft.gif) left top no-repeat;
	padding:0 0 20px 50px;
}

#banner .quote div{
	font-size:20px;
	color:#47697E;
	line-height:30px;
	background: url(../image/quoteRight.gif) bottom right no-repeat;
	padding:0 0 30px 50px;
}

#banner .quote div p.author{
	font-size:14px;
	font-style:italic;
	line-height:20px;
	text-align:right;
}

/*	----------	#breadcrumb	----------	*/

#breadcrumb{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-transform:lowercase;
	background:#324357;
	padding:5px;
	border-bottom:5px solid #688B9A;
}

#breadcrumb, #breadcrumb a{
	color:#FFF;
	text-decoration:none;
}

#breadcrumb a:hover{
	color:#FF6600;
	text-decoration:underline;
}

#breadcrumb span{
	font-size:9px;
	vertical-align:bottom;
}

/*	----------	#content	----------	*/

#content{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:23px;
	padding:10px 5% 10px 240px;
	margin:0 auto;
	background:#FFF url(../image/bg3.gif) 0 0 repeat-x;
}

#content h1{
	font-family:"Trebuchet MS", Arial;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	color:#033;
	padding:10px 0;
}

#content h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#47697E;
	padding:10px 0;
}

#content div,
#content p{
	padding:10px;
}

#content ul{
	padding:5px;
	margin:5px 0 5px 30px;
}

#content li{
	list-style:disc;
	padding-left:10px;
}

/*	----------	#subNavigation ----------	*/

#subNavigation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#688B9A url(../image/imgBg1.gif) right bottom no-repeat;
	float:left;
	margin:0 10px 10px 10px;
	width:215px;
}

#subNavigation a, #subNavigation a:link{
	color:#FFF;
	text-decoration:none;
	padding:4px 10px;
}

#subNavigation a.active{
	color:#000;
}

#subNavigation a:hover{
	color:#FFF;
}

#subNavigation ul{
	padding:10px 0 40px 0;
	min-width:100px;
	background:transparent url(../image/imgBg2.gif) left bottom no-repeat;
}

#subNavigation li{
	padding: 4px 0;
}

#subNavigation li:hover,
#subNavigation li.active{
	background-color:#ffbf0b;
	color:#FFF;
}




/*	----------	#footer	----------	*/

/*

#footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#688B9A;
	word-spacing:5px;
	line-height:30px;
	background:#003333 url(../image/img1.gif) right center no-repeat;
	padding:10px 5%;
	height:75px;
	border-top:5px solid #688B9A;
}

#footer a{
	color:#688B9A;
	text-decoration:none;
}

#footer a:hover, #footer a.active{
	color:#E8EFF3;
}

*/

#footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	word-spacing:5px;
	line-height:30px;
	background:#FFF url(../image/bg4.gif) bottom left repeat-x;
	padding:10px 5% 30px 5%;
	height:75px;
	border-top:5px solid #ffbf0b;
}

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

#footer a:hover, #footer a.active{
	color:#999;
}

/*	----------	.tableGrid1 ----------	*/

.tableGrid1{
	background-color:#FFF;
	border:2px solid #003333;
	width:100%;
	margin:10px auto;
	border-collapse:separate;
	border-spacing:1px;
}

.tableGrid1 th{
	color:#FFFACD;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	background-color:#003333;
	padding:5px;
}

.tableGrid1 td{
	background-color:#F7F6F4;
	padding:5px;
}

.tableGrid1 tr.other td{
	background-color:#FFFACD;
}

.tableGrid1 td.otherVertical{
	border-top:2px solid #003333;
}

/*	----------	.tableGrid2 ----------	*/

.tableGrid2{
	background-color:#FFF;
	width:75%;
	border-collapse:separate;
	border-spacing:1px;
}

.tableGrid2 th{
	color:#FFFACD;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	background-color:#003333;
	padding:5px;
}

.tableGrid2 td{
	background-color:#F7F6F4;
	padding:5px;
}

/*	----------	img1	----------	*/

.img1 {
	border:5pt solid #D3CAAA;
	padding:1px;
	margin:0;
}

/*	----------	.noBorder	----------	*/

.noBorder{
	border:0;
	background:none;
}

/*	----------	.boxError	----------	*/

.boxError{
	font-weight:bold;
	font-size:12px;
	color:#C00000;
	border:2px solid #C00000;
	background:#FCC;
	margin:5pt 0;
	padding:0;
	width:73%;
}

.boxError li{
	list-style:disc;
	margin:0;
	padding:0;
}

#content .boxError ul{
	padding:2pt;
}

#content .boxError li{
	background:none;
	margin:0;
	padding:0;
}

/*	----------	.boxSuccess	----------	*/

.boxSuccess{
	font-weight:bold;
	font-size:12px;
	color:#C00000;
	border:2px solid #036;
	background:#F1F0FF;
	margin:5pt 0;
	padding:0;
	width:73%;
}

.boxSuccess li{
	list-style:disc;
	margin:0;
	padding:0;
}

#content .boxSuccess ul{
	padding:2pt;
}

#content .boxSuccess li{
	background:none;
	margin:0;
	padding:0;
}