html		{ height: 100%; }
body		{ width: 100%; height: 100%; margin: 0; padding: 0; background: #0A162C url('http://mpdtel.com/images/bg_body.jpg') 0% 0% repeat-x; }
blockquote	{ margin: 15px 40px; padding: 0; }
div 		{ border-style: none; outline: none; -moz-outline-style: none; }
sup			{ font-size: 75%; }
ul, ol		{ margin: 15px 0; padding: 0 0 0 40px; }
ol ol,
ol ul,
ul ol,
ul ul		{ margin: 0; }
ul.noMargin	{ margin-top: 0; margin-bottom: 0; }

/* edit.com visible styles */
BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #4D4D4D; font-size: 12px; font-family: Arial, Helvetica, sans serif; line-height: 1.7em; }

h1, .Title		{ }
h2, .Header		{ color: #0A162C; font-size: 14px; font-weight: bold; font-family: Arial; }
h3, .Subheader	{ color: #002D56; font-size: 13px; font-weight: bold; font-family: Arial; }
h4, .GreenSubheader	{ color: #619100; font-size: 13px; font-weight: bold; font-family: Arial; }

.Orange		{ color: #FCB034; }
.Green		{ color: #619100; }
.LightBlue	{ color: #CCD9E7; }
.Blue		{ color: #002D56; }
.DarkBlue	{ color: #0A162C; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.LightGray	{ color: #EEEDEC; }
.Gray		{ color: #B3B1AD; }

.SmallText	{ font-size: 10px; line-height: 1em; }
.MediumText	{ font-size: 14px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }

/* site layout */
table#shellOuter { width: 100%; height: 100%; border: 0; }
table#shellOuter td#shellInner { width: 100%; height: 100%; vertical-align: middle; text-align: center; padding: 0; }

div#wrapOuter 	{ width: 940px; min-height: 900px; margin: 0 auto; border: 0; }
div#wrapInner	{ margin: 24px auto 0; min-height: 835px; background: #FFF; }
div#wrapInnerBottom { height: 8px; background: url('http://mpdtel.com/images/bg_inner_bottom.png') no-repeat 0% 100%; }	
div#header 		{ height: 159px; text-align: left; }
	div#header img.logo	{ margin: 10px; border: 0; float: left; }
	div#logins		{ float: right; width: 375px; height: 136px; text-align: right; }
	div#login	 	{ margin: 30px 95px 0 0; }
	div#newsletter	{ margin: 5px 30px 0 0; }
		div#newsletter form { margin: 0; padding: 0; }
		div#newsletter table { float: right; }
		div#newsletter td	 { color: #B3B1AD; padding: 0 3px; text-align: right; letter-spacing: 1px; }
		div#newsletter input { background: #EEEDEC; border: 0; }
		div#newsletter input.submit { background: url('http://mpdtel.com/images/arrow.png') no-repeat; border:0; width:19px; height:19px; text-indent:-999999px; font-size:0px; display:block; line-height:0px;}
div#banner { clear: both; height: 189px; }
	div#banner img.bannerImage { height: 189px; width: 940px; }
	div#banner table    { width: 100%; height: 100%; }
	div#banner table td { text-align: left; vertical-align: middle; color: #8A8A8A; }
	div#banner table td.text { padding: 0 0 0 105px; }
	div#banner table td.text2 { padding: 0 20px; }
	div#banner table td.image { padding: 0 30px; }
ul#nav	 { list-style-type: none; display: block; margin: 40px 70px 0 0; padding: 0; float: left; width: 140px; }
ul#nav li { list-style-type: none; display: block; margin: 0 0 15px 0; padding: 0; text-align: right; }
ul#nav li div	 { position: relative; z-index: 99; }
ul#nav li div ul { position: absolute; z-index: 99; top: -20px; left: 140px; width: 100%; margin: 0; padding: 0; list-style-type: none; background: url('http://mpdtel.com/images/subnav-bar.png') 0% 6px no-repeat; }
ul#nav li div ul li { text-align: left; margin: 0 0 0 65px; }
ul#nav li div ul#telecom { width: 300px; }

div#middle	  { text-align: left; background: url('http://mpdtel.com/images/bg_middle.gif') 0% 0% no-repeat; }
div#content	  { padding: 35px 0 0 0; margin: 0; height: 340px; }
	div#content.blog { min-height: 340px; }
	div#content.full { padding: 0; width: 600px; height: 380px; float: right; margin-right: 50px; }
	div#content.right { padding: 35px 0 0 0; width: 485px; height: 380px; float: right; margin-right: 50px; }
	div#content.partners { padding: 0; width: 660px; height: 380px; float: right; margin-right: 25px; }
div#contentBottom { clear: both; margin: 0; padding: 20px 40px 20px 100px; }
	div#contentBottom.short { padding: 20px 40px 20px 210px; }
	div#contentBottom td { vertical-align: top; }
div#forms { float: right; width: 285px; margin: 35px 45px 0 0; color: #002D56; }
	div#network { clear: both; padding: 8px 0 0 0; }
	
	div#contactForm form { margin: 10px 0; padding: 0; float: right; }
	div#telecommunications form,
	div#network form { clear: both; margin: 0; padding: 0; float: right; }
	
	div#telecommunications form { background: #C8C8C8; padding: 3px 0; }
	div#network form { background: #CCD9E7; padding: 3px 0; }
	
	div#contactForm form input.submit,
	div#telecommunications form input.submit,
	div#network form input.submit 		{ color: #FFFFFF; background: #002D56; font-size: 12px; font-family: Arial; margin: 0; border: 0; }
	div#contactForm form input.submit:hover,
	div#telecommunications form input.submit:hover,
	div#network form input.submit:hover { color: #FCB034; background: #002D56; font-size: 12px; font-family: Arial; margin: 0; border: 0; }
	
div#footer td { color: #FFF; text-align: center; padding: 15px; } 

/* page specific */
table.partners td,
table.partnersShort td 		{ text-align: center; vertical-align: middle; }
table.partners td img 		{ width: 162px; height: 72px; border: 0; }
table.partnersShort td img 	{ width: 130px; height: 72px; border: 0; }

/* links */
a:link, a:visited	{ color: #002D56; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }
a:active, a:hover	{ color: #FCB034; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }

div#footer a { color: #FCB040; text-decoration: none; }
div#footer a:hover { color: #FCB040; text-decoration: underline; }

a.NoUnderline { text-decoration: none; }
a.NoUnderline:link,
a.NoUnderline:visited { text-decoration: none; }
a.NoUnderline:active,
a.NoUnderline:hover   { text-decoration: underline; }

ul#nav li a 		{ display: block; font-size: 12px; font-weight: bold; font-family: Arial; text-decoration: none; }
ul#nav li a:link,
ul#nav li a:visited { color: #002D56; }
ul#nav li a:active,
ul#nav li a:hover,
ul#nav li a.current { color: #FCB034; }

/* jquery scrollpane */
* #scroll-pane-holder { width: 360px; height: 320px; position: absolute; }
* .scroll-pane { width: 360px; height: 320px; overflow: auto; }

* #scroll-pane-holder-full { width: 600px; height: 380px; position: absolute; padding: 0 20px 0 0; }
* .scroll-pane-full { width: 600px; height: 380px; overflow: auto; }

* #scroll-pane-holder-right { width: 485px; height: 340px; position: absolute; }
* .scroll-pane-right { width: 485px; height: 340px; overflow: auto; }

* #scroll-pane-holder-partners { width: 660px; height: 380px; position: absolute; padding-right: 10px; }
* .scroll-pane-partners { width: 660px; height: 380px; overflow: auto; }

* .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
* .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #C7D1D9;
	width: 20px;
}
* .jScrollPaneDrag {
	position: absolute;
	right: 0;
	background: #91A5B6;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
}
* .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
* .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}