﻿/* CSS Document */
HTML {
   font-size: 100%;
}
BODY {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1.5em; padding-top:10px; MARGIN: 0px;
	font-size: 62.5%; font-family:Arial, Helvetica, sans-serif; 
	text-align:center; background-color:#ffffff;
}
H1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 2.5em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	text-align:left;
	color:#bdd55b;
	font-weight:normal;
}
H2 {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.8em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 4px; PADDING-TOP: 0px;
   text-align:left; font-weight:normal; color:#ffffff;
}
H3 {
   FONT-SIZE: 1.5em; text-align:left; font-weight:normal; color:#000000;
}
H4 {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.2em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 4px; PADDING-TOP: 0px;
   text-align:left; font-weight:bold; color:#000000;
} 
P {	FONT-SIZE: 1.5em; text-align:left; color:#666666; }


/* NEW CSS LAYOUT CLASSES */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#headermenu{
overflow:hidden;
width:1000px;
padding:0px; 
background-color:#FFFFFF;
border:0px;
height:36px;
}

/*2. the style of the links (html element <a>)*/
#headermenu a{
display:block;
float:left;
height:36px;
margin-left:0px;
padding-left:0px;
line-height:36px;
}

#headermenu #index a {
	background-image:url('../images/mcs_button_n_01.gif');
	width:81px;
	float:left;
}

#headermenu #index a:hover {
	background-image:url('../images/mcs_button_r_01.gif');
}


#headermenu #about a {
	background-image:url('../images/mcs_button_n_02.gif');
	width:105px;
	float:left;
}

#headermenu #about a:hover {
	background-image:url('../images/mcs_button_r_02.gif');
}


#headermenu #itsupport a {
	background-image:url('../images/mcs_button_n_03.gif');
	width:117px;
	float:left;
}

#headermenu #itsupport a:hover {
	background-image:url('../images/mcs_button_r_03.gif');
}

#headermenu #servers a {
	background-image:url('../images/mcs_button_n_04.gif');
	width:142px;
	float:left;
}

#headermenu #servers a:hover {
	background-image:url('../images/mcs_button_r_04.gif');
}


#headermenu #repairs a {
	background-image:url('../images/mcs_button_n_05.gif');
	width:192px;
	float:left;
}

#headermenu #repairs a:hover {
	background-image:url('../images/mcs_button_r_05.gif');
}

#headermenu #internet a {
	background-image:url('../images/mcs_button_n_06.gif');
	width:167px;
	float:left;
}

#headermenu #internet a:hover {
	background-image:url('../images/mcs_button_r_06.gif');
}

#headermenu #jobs a {
	background-image:url('../images/mcs_button_n_07.gif');
	width:75px;
	float:left;
}

#headermenu #jobs a:hover {
	background-image:url('../images/mcs_button_r_07.gif');
}

#headermenu #contact a {
	background-image:url('../images/mcs_button_n_08.gif');
	width:121px;
	float:left;
}

#headermenu #contact a:hover {
	background-image:url('../images/mcs_button_r_08.gif');
}


.HeaderDiv {
	background-image:url('../images/header.png');
	width:1000px;
	clear:both;
	height:132px;
}


.ContentDiv {
	clear:both;
	margin:0;
	width:1000px;
	padding-bottom:7px;
	background-color:#2d4d74;
}

#menuContentDivider {
	width:1000px;
	clear:both;
	background-color:#bdd55b;
	height:7px;
	margin-top:7px;
	margin-bottom:7px;
}

#footerContentDivider {
	width:1000px;
	clear:both;
	background-color:#bdd55b;
	height:4px;
	margin-top:5px;
}

.InnerContentLeft {
	clear:left;
	float:left;
	width:513px;
	padding-top:25px;
	padding-left:40px;
	overflow:visible;
	height:430px;
}

.InnerContentRight {
	clear:right;
	float:right;
	width:420px;
	height:430px;
	display:inline;
	background-image:url('../images/mcs_layout_08.gif');
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:70px;
}

.FooterDiv {
	width:980px;
	float:left;
	clear:both;
	padding:10px;
	display:inline;
	background-color:#bdd55b;
}

.FooterDiv A:link {
	text-decoration:none; color:#666666;
}
.FooterDiv A:visited {
	text-decoration:none; color:#666666;
}
.FooterDiv A:hover {
	text-decoration:underline; color:#666666;
}
.FooterDiv A:active {
	text-decoration:underline; color:#666666;
}

.FooterLeft {
	text-align:justify;
	float:left;
	width:850px;
	vertical-align:text-top;
	height:60px;
}

.FooterRight {
	float:right;
	width:auto;
	padding-top:20px;
	}

/* END NEW CLASSES */



TABLE {
   font-size:1em; text-align:left; color:#990099; top:auto;
}
DT {
   FONT-WEIGHT: bold;
}
DT {
   FONT-SIZE: 1.2em;
}
DD {
   FONT-SIZE: 1.2em; 
}
OL {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
UL {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
DT {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
DD {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
IMG {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	z-index: 2;
}
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 90px;
	top: 486px;
	overflow: auto;
scrollbar-face-color:#a1ad5e;
scrollbar-arrow-color:blue;
scrollbar-track-color:#496689;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';
}

	
}
A:link { text-decoration:none; color:#cccccc; }
A:visited { text-decoration:none; color:#cccccc; }
A:hover { text-decoration:underline; color:#cccccc; }
A:active { text-decoration:underline; color:#cccccc; letter-spacing: normal; }
	
BLOCKQUOTE {
   margin-bottom:2px; margin-left:0px; margin-right:0px; margin-top:2px;
   padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px;
   font-size:2.0em; line-height:1.5em; text-align:right; color:#666666;
}

STRONG {font-weight:bold;}


#container {
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	/* background-image:url("../images/mcs_background.gif"); background-repeat:repeat-x; */
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	text-align: left;
	/* height:750px; */
}

#containLHS {
	padding-top:0px; padding-bottom:5px; padding-right:5px; float:left; text-align:left; color:#666666; width:30em;
}
#containRHS {
	padding-top:0px; padding-bottom:5px; float:left; text-align:left; 
}

#container UL {
   list-style-type:square;
}
#container LI {
   margin-left: 20px; margin-bottom: 5px; padding-bottom:5px; list-style:square;
}

#index-text UL {
   margin-top:0px; padding-left:20px; padding-top:0px; padding-bottom:25px; padding-right:40px; list-style-type:square;
   font-size:1.6em; font-weight:bold; color:#324179;
}
#index-text LI {
   margin-left: 20px; padding-bottom:25px; line-height:1.6em; list-style:square;
}

#content {
   PADDING-RIGHT: 20px; PADDING-LEFT: 30px; PADDING-BOTTOM: 0px; PADDING-TOP: 20px; text-align:left; background-color:#ffffff;
}
#content UL {
   padding-left:3px; padding-top:10px; padding-bottom:10px; padding-right:40px; list-style-type:square;
   font-size:1.5em; color:#666666;
}
#content LI {
   line-height:1.5em; list-style:square;
}
#content A:link {
   text-decoration:none; color:#324179;
}
#content A:visited {
   text-decoration:none; color:#324179;
}
#content A:hover {
   text-decoration:underline; color:#324179;
}
#content A:active {
   text-decoration:underline; color:#324179;
}

#containLeft {
	padding-top:0px; padding-bottom:0px; float:left; text-align:center;  
}
#containMid {
	padding-top:0px; padding-bottom:0px; float:left; text-align:left; font-size:1.0em; color:#ffffff; width:40em;
	}
#containRight {
	padding-top:15px; padding-bottom:0px; float:left; text-align:left; vertical-align:bottom; 
}

.reference {
   PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 25px;
   clear:both; width:600px;
}
.reference IMG {
   padding-right:20px;
}
.contact_details {
   padding-bottom:5px; padding-left:20px; padding-right:5px; padding-top:5px;
   font-size:1.5em; line-height:1.4em;
}


#site-map {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 25px; text-align:left;
}
#site-map A:link {
   text-decoration:none; color:#FFFFFF;
}
#site-map A:visited {
   text-decoration:none; color:#FFFFFF;
}
#site-map A:hover {
   text-decoration:underline; color:#D70027;
}
#site-map A:active {
   text-decoration:underline; color:#D70027;
}
#site-map H2 {
   font-size: 1.2em;
}
#site-map UL {
   padding-left:20px; padding-top:10px; padding-bottom:10px; padding-right:40px; list-style-type:none;
   font-size:1.2em;
}
#site-map LI { padding-bottom:10px; line-height:1.5em; }


#summary { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; BORDER-BOTTOM: #ddd 3px solid; }
#summary H3 { FONT-SIZE: 1.2em; font-weight: bold; COLOR: #666; }

#imagery { PADDING-BOTTOM: 30px; PADDING-TOP: 20px; }
#imagery img { PADDING-BOTTOM: 20px; VERTICAL-ALIGN: middle; }

#additional-information {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; BORDER-BOTTOM: #ddd 3px solid;
}
#additional-information H3 {
   FONT-SIZE: 1.2em; font-weight: bold; COLOR: #666;
}
#additional-information UL {
   MARGIN: 0px 0px 10px 20px;
}
#additional-information P {
   MARGIN: 0px 0px 10px 20px;
}

#overview DL {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; BORDER-BOTTOM: #ddd 3px solid;
   MARGIN-BOTTOM: 0px;  
}
#overview UL {
   MARGIN-LEFT: 15px; LIST-STYLE-TYPE: disc;
}
#overview DT {
   CLEAR: left; FLOAT: left; WIDTH: 9em; TEXT-ALIGN: right;
}
#overview DD {
   MARGIN: 0px 0px 1em 10.5em; WIDTH: 23.5em;
}

.soundbite  {
   PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; MARGIN: 0px;
   background-color:#CCCCCC;
}
.soundbite P.headline { MARGIN: 6px 0px 3px;}
.breadcrumb { font-size:0.8em; color:#000000; text-align: left;} 
.quotation { font-size:1.2em; color:#666666; } 
.author { font-size:1.0em; margin-bottom:0px; padding:0; display:inline; color:#666666;}
.world { font-size:1.1em; margin-top:0px; margin-bottom:0px; color:#ffffff;} 
.contact-style {font-size: 1.8em; color:#666666;}
.contact-thanks {font-size:1.2em; color:#ff6600; font-weight:bold;} 
.feedback-style {color: #000000; font-size: 1.1em; line-height:1.7em;}
.feedback-ratings {color: #324179; font-size: 1.0em; line-height:1.5em; text-align: right;}

.calltoaction {	font-size:1.2em; color:#324179; text-align:right; margin-top:0px; padding-top:0;}

.bigtitle-blue {color:#324179; font-size: 3.5em; font-weight:bold;}
.title-green {color:#99cc33; font-size: 2.2em; font-weight:bold;}
.title-blue {color:#324179; font-size: 2.2em; font-weight:bold;}

.subtitle-grey {color:#ffffff; margin-top:10px; padding-top:0; margin-bottom:4px; padding-bottom:0; font-size: 1.8em; font-weight:normal;}
.subtitle-orange {color:#ff6600; margin-top:0px; padding-top:0; margin-bottom:0px; padding-bottom:0; font-size: 1.2em; font-weight:bold;}
.subtitle-blue {color:#324179; margin-top:0px; padding-top:0; font-size: 1.2em; font-weight:bold;}
.subtitle-brown {color:#ab924f; font-size: 1.5em; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}
.subtitle-red {color:#bc3c04; font-size: 1.5em; font-weight:bold;}
.subtitle-white {color:#ffffff; font-size: 1.5em; font-weight:bold;}
.subtitle-purple {color:#9f3aa6; font-size: 1.5em; font-weight:bold;}
.smalltitle-blue {color:#324179; font-size: 1.3em; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}
.smalltitle-black {color:#000000; font-size: 1.3em; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}
.smalltitle-green {color:#2c8b2f; font-size: 1.3em; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}

.testimonial {font-size:1.1em; color:#666666; font-weight:bold; font-style:italic; margin-top:0px; padding-top:0;}

.insert_right {
   float:right; padding-left:40px; padding-bottom:30px; margin:0px; font-size:0.9em;}
.insert_left {
   float:left; padding-right:40px; padding-bottom:30px; margin:0px; font-size:0.9em;}  
.lit { font-weight:700; }

.lit_body_text { font-size:1.7em; font-weight:normal; text-align:justify; color:#FFFFFF;}
.lit_li_text { font-size:1.7em; font-weight:normal; color:#FFFFFF; }

.privacy_text { margin-top:0px; padding-top:0; font-size:1.2em; font-weight:normal; padding-right:10px; text-align:justify; color:#FFFFFF;} 
.privacy_subtitle { font-size:1.6em; font-weight:normal; padding-right:10px; text-align:justify; color:#FFFFFF;} 
   
.big_white_text {
   margin-bottom:2px; margin-left:0px; margin-right:0px; margin-top:2px;
   padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px;
   font-size:2.0em; line-height:1.5em; text-align:right; color:#FFFFFF;
}

.small_white_text {
   margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px;
   padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px;
   font-size:1.0em; line-height:1.0em; text-align:left; color:#FFFFFF;
}
.small_blue_text {
   margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px;
   padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px;
   font-size:1.0em; line-height:1.0em; text-align:right; color:#324179;
}
/* padding */
.top_20 { padding-top:20px; color: #a4c7d9 }
.top_30 { padding-top:30px; }
.top_40 { padding-top:40px; }
.top_50 { padding-top:50px; }
.top_60 { padding-top:60px; }
.top_70 { padding-top:70px; }
.top_80 { padding-top:80px; }
.top_90 { padding-top:90px; }
.top_100 { padding-top:100px; }
.top_120 { padding-top:120px; }
.top_150 { padding-top:150px; }
.bottom_20 { padding-bottom:20px; }
.bottom_50 { padding-bottom:50px; }
.bottom_100 { padding-bottom:100px; }
.bottom_150 { padding-bottom:150px; }
.bottom_200 { padding-bottom:200px; }
.left_20 { padding-left:20px; }
.left_50 { padding-left:50px; }
.left_80 { padding-left:80px; }
.left_100 { padding-left:100px; }

/* float */
.float_left_20 {
	float:left; padding-bottom:10px; padding-left:20px; padding-right:50px; padding-top:0; margin:0px;
}
.float_left_100 {
	float:left; 
	margin:0 0 1em 1em; clear:right; margin-top:0px;
}
.float_left_150 {
	float:left; 
	margin:0 0 1em 1em; clear:right; margin-top:0px;
}
.float_left_200 {
	float:left;
	margin:0 0 1em 1em; clear:right; margin-top:0px;
}
.float_left_500 {
	float:left;
	margin:0 1em 1em 0em; clear:right; margin-top:0px;
}
.float_right_300 {
	float:right; 
	margin:0 0 1em 1em; clear:right; margin-top:0px;
}
.float_right_400 {
	float:right; 
	margin:0 0 1em 1em; clear:right; margin-top:0px;
}
.float_right_500 {
	float:right; 
	margin:0em 0em 2em 6em; clear:right;
}
.float_right {
	float:right; margin:0px; padding:0px; clear:both;
}
.narrow_column {
	margin:0px; padding: 5px 10px 5px 10px;
}

/* Content - width settings */
#content { WIDTH: 50em; }
#site-map { WIDTH: 50em; }
#overview { WIDTH: 44em; }
#summary { WIDTH: 44em; }
#additional-information { WIDTH: 44em; }
#contact-settings { WIDTH: 44em; }

.notopmargin { margin-top:0px; padding-top:0; font-size:1.5em; font-weight:normal; text-align:justify; color:#FFFFFF;}
.nomarginlink { margin-top:0px; padding-top:0; font-size:1.2em }

/* Header */
#header {
	padding-top:15px; padding-bottom:0px;
}

/* Footer */
#footer {
	PADDING-RIGHT: 20px; BORDER-TOP: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN:0px; PADDING-TOP: 0px; text-align:justify;
	WIDTH: 65em; clear:both;
}
#footer P {
	FONT-SIZE: 1.4m; 
	text-align:left; MARGIN: 0px 0px 6px;
}
#footer IMG {
	padding:0px; margin:0px;
}
#footer UL { 
	text-align:left; 
}
#footer LI {
	PADDING-RIGHT: 0.5em; DISPLAY: inline; FONT-SIZE: 1.1em; MARGIN-RIGHT: 0.5em; color:#003399;
}
#footer A:link {
	text-decoration:none; color:#666666;
}
#footer A:visited {
	text-decoration:none; color:#666666;
}
#footer A:hover {
	text-decoration:underline; color:#666666;
}
#footer A:active {
	text-decoration:underline; color:#666666;
}
.lit_footer_text { font-size:1.4em; font-weight:800; color:#666666;}
