@charset "UTF-8";


/* ===@reset - START */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; }
:focus { outline: 0; }
form { display:inline; margin:0; padding:0;	}
caption { text-align: left; font-weight: normal; }
p { margin-top:10px; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

#main { 
	display: inline-block; /*sets hasLayout - required for IE*/
	overflow: visible; /*causes modern browsers to enclose child floats*/
	font-size: 11px;
	z-index: 1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #444;
    line-height: 1.5;
}

#main { 
	width:960px;
	display: block; /* resets to proper property value without resetting layout*/
}

/* ===@reset - END */

ul {
	line-height:20px;
	margin-right:35px;
	margin-left:45px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ol {
	line-height:13px;
	margin-right:35px;
	margin-left:35px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.next {
	position:absolute;
	bottom:44px;
	right:90px;
	font-weight:700;
	font-size:10px;
	color:#FFF;
}
.next long {
	bottom:20px;
	right:86px;
}

.next med {
	bottom:20px;
	right:86px;
}

.next a, .next a:visited {
	color:#FFF;
	text-decoration:none;
}

.next a:hover, .next a:visited .hover {
	color:#FFF;
	text-decoration:underline;
}


.greenTip {
	width:450px; 
	margin:15px; 
	padding:12px;
	background-color:#e9f3d9;
	border:1px solid #cccccc;
	color:#5f774a;
	line-height:18px;
}

a {
	color:#003399;
	text-decoration:none
}

a:hover { 
text-decoration: underline; }

body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 15px;
}

p {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:22px;
	margin-left:15px;
	margin-right:25px;
}

.subContainer {
	/*border:1px solid #000000;*/
	padding:20px 0px 0px 0px;
	margin:0px auto;
	position:relative;
	width:950px;
	height:auto
}

.left_col {
	/*border:1px solid #000000;*/
	width:260px;
	float: left;
	height:590px;
}
.right_col {
	/*border:1px solid #000000;*/
	width:690px;
	float: left;
	height:590px;
	position:relative;
}

.long{
	height:970px;
	position:relative;
}

.med{
	height:750px;
	position:relative;
}


/* ===CLIPBOARD */
.clipboard {
	background-image: url(/cpo/mc/aboutus/green/images/clipboard.png);
	width:254px;
	height:378px;
	padding-left:5px;
	float:left;
	line-height:12px;
}
.clipboardCheck {
	width: 38px; 
	height:30px; 
	float:left; 
	padding: 0px 5px 0px 10px;
}

.clipboardLink {
	width: 180px;
	height:30px;
	float:left;
	padding: 8px 0px 0px 0px;
}

.clipboardTextLink {
	width: 180px;
	height:30px;
	float:left;
	padding: 8px 0px 0px 25px;
}

/* ===CLIPBOARD END */

/* ===BACKGROUND */
.background {
	width:958px;
	height:670px;
	border:1px solid #1a4183;
	background-image: url(/cpo/mc/aboutus/green/images/background.jpg);
}
.contentPages {
	background-image: url(/cpo/mc/aboutus/green/images/content_background.jpg);
}
.contentPagesFR {
	background-image: url(/cpo/mc/aboutus/green/images/content_backgroundFR.jpg);
}

.LONG {
	height:1070px;
	background-image: url(/cpo/mc/aboutus/green/images/content_backgroundLONG.jpg);
}

.MED {
	height:820px;
	background-image: url(/cpo/mc/aboutus/green/images/content_backgroundMED.jpg);
}

/* ===BACKGROUND END */

.homeContainer {
	/*border:1px solid #000000;*/
	padding:20px 8px 0px 8px;
	margin:0px auto;
	position:relative;
	width:870px;
	height:auto
}

.homecontentText {

	color:#1F4586;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	line-height:20px;
	margin:0 auto;
	padding:5px 8px 0;
	text-align:justify;
	width:500px;
}

.box {
	/*border:1px solid #000000;*/
	position:relative;
	width:284px;
	float: left;
	height:290px;
	margin-left:5px;
}

.tab_title {
	width:284px;
	height:47px;
	background-image: url(/cpo/mc/aboutus/green/images/tab-top.png);
}

.tab_titleText {
	font-size:13px;
	padding-top: 27px;
	text-align:center;
	color: #1a4183;
	font-weight: 600;
}

.tab_titleText a {
	color: #1a4183;
	text-decoration:none;
}

.tab_titleText a:hover {
	text-decoration:underline;
}

.tab_titleText a:visted {
	text-decoration:none;
}

.green {
	color: #339900;
	font-weight: bolder;
	background: none !important;
}

/* ===Template - start */
#Template {
	width:955px;
	padding:0px 0px 0px 0px;
}
/* ===Template - end */

/* ===@imageStyles - START */
.imageRight {
	margin:5px 0px 5px 15px;
	margin-left:15px;
	float:right;
}	
.imageLeft {
	float:left;
	margin-top:15px 15px 10px 20px;
}	
/* ===@images - END */

/* ===@globals - START */

.clear {
	clear:both;
	float:none;
}	
b, strong {
	font-weight:700;
}
em {
	font-style:italic;	
}	
sup {
	line-height:-1;
	vertical-align:text-top;
	font-size:smaller;
}	

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:600;
	margin-top:40px;
	margin-bottom:10px;
	line-height:28px;
	text-align:center;
	color: #1E4486;
}	

h1.contentPage {
	margin-top:30px;
	text-align:left;
}	

h2 {
	color:#1E4486;
	display:block;
	font-size:18px;
	font-style:normal;
	font-weight:normal;
	margin-bottom:20px;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
h2.contentPage {
	color:#339900;
	margin:15px;
}	

h3 {
	color:#000;
	font-size:120%;
	font-weight:normal;
	margin-top:5px;
	padding:3px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

h3.contentPage {
	color:#1E4486;
	font-size:100%;

}		

.legal {
font-size:10px;
color:#999;
line-height:14px;
}

.clear { clear: both; }
.left { float:left !important;}
.right { float:right !important; }
.topSpace { margin-top:10px; }
/* ===@globals - END */

#footerContainer {
padding-top:0px;
}