/*

*/
body {
	margin:20px;
	padding:0px;
	text-align:center;
	color:#555;
	background:#EEE url(images/bg/bgeee.gif) repeat;
	font-family:tahoma, helvetica, serif;
	font-size:12px;
	line-height: 1.4em
	}

/*-- Various --*/
img {border:none;background:transparent;}
.hidden {display: none;}
.off-left {position:absolute;left:-999px;width:990px;}/* see http://css-discuss.incutio.com/?page=ScreenreaderVisibility for deatils*/
.underline {clear:both;height:3px;width:auto;margin:2px 30px;padding:0;line-height:3px;font-size:3px;color:#666;background:url(images/bg/underlineCC.gif) repeat-x;}
.hr {clear:both;height:9px;width:auto;margin:10px 30px;padding:0;line-height:3px;font-size:3px;color:#666;background:url(images/bg/whitestar.gif) repeat-x;}
hr {display:none;}
acronym, abbr {font-style: normal;text-decoration: none;} 
acronym[title], abbr[title] {border-bottom: 1px dotted #888;}


/* Regular Links */
a:link {font-weight:bold;color:#D29445; text-decoration:none;}
a:visited {font-weight:bold;color:#D29445; text-decoration:none;}
a:active {text-decoration:none;}
a:hover {color:#B07837;text-decoration:none;}

/*--- Headers ---*/
h1, h2 {font-size:13px;font-weight:800;margin:0 0 1px 0;padding:20px 30px 0 30px;color:#0089DE;background:transparent;}
h3 {color:#0089DE;font-size:12px;font-weight:650;margin: 0;padding:0;}
.date, .developer {margin:0;padding:0;font-size:11px; font-weight:normal; color:#aaa; background: transparent;}
h4 {color:#D79445;font-size:12px;font-weight:600;margin: 0;padding:10px 30px 0 30px;}
h5, h6 {color:#555;font-size:11px;font-weight: 500;margin: 0;padding:2px 30px 1px 30px;}



/*--- Center Box ---*/
#CB {width:444px;margin:0px auto;padding:0;text-align:left;}
/* Thumbnail image */
#Content .thumb {float:left;margin:4px 8px 2px 0;padding:4px;border:1px solid #e2e2e2;color:#333;background:#fff;}
#Content a:hover .thumb, #Content a:active .thumb {border: 1px dotted #B07837;}
#Content .thumb2 {float:right;margin:4px 0 2px 8px;padding:4px;border:1px solid #e2e2e2;color:#333;background:#fff;}



/* Blockquote/Code */
#Content blockquote {color:#333;background:#FCFCFC;margin:10px 0;padding:0 10px;border:1px dotted #CCC;}
#Content .quoteIcon {float:left;margin:10px 15px 2px 0;padding:0;color:#333;background:#fff;}




/* Paragraphs */
p {margin:0;padding:0;font-size:12px;color:#222;background:transparent;}
#Content p {margin:0 0 5px 0;padding:3px 30px 10px 30px;color:#333;background:transparent;}
#Content p.bstext {font-family: verdana, arial, sans-serif;font-size:216px;font-weight:900;line-height:130px;width:420px;overflow:hidden;margin:40px 0 5px 0;padding:0;color:#FFF;background:transparent;letter-spacing: -69px;}
#Content div.entry{margin:5px 0 0 0;padding:10px 30px 10px 30px;color:#333;background:transparent;}
#Content div.entry p, #Content div.comments-body p{margin:7px 0 0 0;padding:0;}
#Content p.review{clear:both;color:#999;}
#Content p.review img{margin:0;padding:0;vertical-align: middle;}
#Content blockquote p {margin:0;padding:5px;font-size:11px;}
#Content blockquote p.quotee {text-align:right;margin:0;padding:5px;font-size:11px;}
#Content p.note {margin:5px 30px 10px 30px;padding:0;color:#666;background:transparent;}
#Content p.code, #Content p pre {margin:10px 30px;padding:5px 15px;font-size:11px;font-family:Courier, mono;color:#222;border:1px dashed #ccc;background:transparent;}
#Content div.entry p.review a:link,
#Content div.entry p.review a:visited{font-weight:bold;}




/*--- Header/TopBox ---*/	
#Header {width:auto;height:229px;margin:0;padding:8px 20px 0px 9px;color:#CCCCCC;background:url(images/bg/images/box430_01.gif) no-repeat;voice-family: "\"}\"";voice-family:inherit;height:221px; /* the correct height */}
body>#Header {height:221px;}



/* Top Image/Logo  */
#BigImage {width:420px;height:141px;margin:0;padding:0;color:#333;background:#F9F9F9 url(images/bg/logo.png) no-repeat;}
#Logo a {position:relative;margin:20px 0px 0px 140px;padding: 28px 0 0 0;overflow: hidden;display:block;color:#ff0000;background:url(images/bg/mpjover.gif) top left no-repeat;text-decoration: none; height: 0px !important;height /**/:28px;/* for ie5.x */}
#Logo a:hover {background-position: 0px -30px;color:red;}



/*--- Top Shadow ---*/
#Topshadow {width:auto;height:31px;margin:0;padding:0;color:#333;background:url(images/bg/images/box430_02.gif) no-repeat;}




/*--- Tabs ---*/
#Nav {margin:0; padding:0px 0px 0px 4px; height:31px; color:#999; background:transparent;}
#Nav ul {border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;}
#Nav ul li {display: block; float: left; text-align: center; padding: 0; margin: 0;}
#Nav ul li a {width:85px;height:31px;padding:6px 0px 0px 2px;margin:0;color:#bbb;background:transparent;text-decoration:none;display:block;text-align:center;font: bold 9px/18px Times, verdana, sans-serif;voice-family: "\"}\"";voice-family:inherit;width:83px;height:25px;}
body>#Nav ul li a {width:83px;height:25px;}
#Nav ul li a:hover {color: #888;background:transparent;text-decoration:none;}
#Nav a:active {color: #777;background:transparent;}
#Nav li#Active a {color:#777; background:transparent url(images/bg/images/activeTab89.gif) no-repeat;}
#Nav li#Active a:hover {text-decoration:none;}
#Nav li#Shaded a {background:url(images/bg/images/activeTab89_02.gif) no-repeat;}
/* extra span for the last (submit) tab's right white border */
#Nav span{position: relative;display:block;float:left;width:5px;height:31px;margin:0;padding:6px 0 0 0;background:url(images/bg/images/activeTab89_02.gif) no-repeat;voice-family: "\"}\"";voice-family:inherit;height:25px;}
body>#Nav span {height:25px;}



/*-------- Content  ----------*/
#Content {
/* width specified solely for the ie6 peekaboo bug... */
/* ..and before killing ourselves, we need to patch the patch!*/
width:444px; /* 420+15+9 - false value for the width for IE5.x. */margin:0;padding:0px 15px 0px 9px;color:#333;background:url(images/bg/images/box430_03.gif) repeat-y;voice-family: "\"}\"";voice-family:inherit;width:420px;}
body>#Content {width:420px;}/* be nice to Opera 5 */



/*--- Subnav - unordered list ---*/
#Subnav {width:360px;margin:2px 30px 7px 30px;padding:0;}
#Subnav ul {margin:0;padding:0;list-style-type: none;}
#Subnav a {display: block;width: 337px;padding: 2px 2px 2px 23px;background: url(images/icons/downarrow.gif) no-repeat 0 3px;border-bottom: 1px dotted #FFF;}
#Subnav a:link, #Sublist a:visited {color: #999;text-decoration: none;}
#Subnav a:hover{background-position: 0 -77px;color: #666;}



/*-- ul normal "bulleted" --*/
.ulnormal {width:360px;margin:2px 30px 5px 10px;padding:0;}
.ulnormal ul {margin:0;padding:0;list-style-type: none;border-top: 1px dotted #FFF;border-bottom: 1px dotted #FFF;}
.ulnormal li {margin:2px 0;padding:1px 2px 2px 23px;list-style-type: none;background: url(images/icons/bullet.gif) no-repeat 4px 3px;}


/*-- ul normal small text "bulleted" --*/
.ulnormalsm {width:360px;margin:2px 30px 5px 30px;padding:0;}
.ulnormalsm ul {margin:0;padding:0;list-style-type: none;border-top: 1px dotted #FFF;border-bottom: 1px dotted #FFF;}
.ulnormalsm li {margin:2px 0;padding:1px 2px 2px 23px;list-style-type: none;background: url(images/icons/bullet.gif) no-repeat 4px 3px; font-family:tahoma, helvetica, serif; font-size: 1em;}


/*-- ul normal interview "bulleted" --*/
.ulnormalint {width:360px;margin:2px 30px 5px 0;padding:0;}
.ulnormalint ul {margin:0;padding:0;list-style-type: none;border-top: 1px dotted #FFF;border-bottom: 1px dotted #FFF;}
.ulnormalint li {margin:2px 0;padding:1px 2px 2px 23px;list-style-type: none;background: url(images/icons/bullet.gif) no-repeat 4px 3px;font-size: 1.0em;}
.ulnormalint li.blue {
margin:2px 0;
padding:1px 2px 2px 23px;
list-style-type: none;
background: url(images/icons/bullet.gif) no-repeat 4px 3px; 
font-size: 1.0em;
color: #0089DE;
}



/*-- ul normal small text "bulleted" --*/
.ulnormalsmf {width:360px;margin:2px 30px 5px 20px;padding:0;}
.ulnormalsmf ul {margin:0;padding:0;list-style-type: none;border-top: 1px dotted #FFF;border-bottom: 1px dotted #FFF;}
.ulnormalsmf li {margin:2px 0;padding:1px 2px 2px 23px;list-style-type: none;background: url(images/icons/bullet.gif) no-repeat 4px 3px; font-size: 0.9em;}




/*--- rightarrow - unordered list ---*/
.rightarrow, .sitemap {width:360px;margin:2px 30px 7px 30px;padding:0;}
.rightarrow ul {margin:0;padding:0;list-style-type: none;}
.rightarrow a {display: block;width: 337px;padding: 2px 2px 2px 23px;background: url("images/icons/rightarrow.gif") no-repeat 0 3px;border-bottom: 1px dotted #FFF;}
.rightarrow a:link, .rightlist a:visited {color:#999;text-decoration: none;}
.rightarrow a:hover{background-position:0 -77px;color:#666;}



/*--- sitemap - unordered list ---*/
.sitemap ul {margin:0;padding:0;list-style-type: none;}
.sitemap li {margin:2px 0;padding:1px 2px 2px 23px;list-style-type: none;background: url(images/icons/bullet.gif) no-repeat 4px 3px;}
.sitemap li.subsection a:link, .sitemap li.subsection a:visited {color: #888;text-decoration: none;}
.sitemap li.subsection a:hover {color: #666;text-decoration: none;}



/* definition lists */
.dllist {width:360px;margin:5px 30px 7px 30px;padding:0;}
.dllist dl{margin:0;padding:0;}
.dllist dl dt a {width:337px;margin:0;padding: 3px 2px 2px 23px;background: url(images/icons/rightarrow.gif) no-repeat 0 3px;}
.dllist dl dt a span, .rightarrow a span, .sitemap a span {color:#bbb;}
.dllist dl dt a:link, .dllist dl dt a:visited {color: #888;text-decoration: none;}
.dllist dl dt a:hover {background-position: 0 -77px;color: #666;}
.dllist dl dd {margin: 0 0 15px 23px;padding: 0;background: transparent;color: #333;}



/* definition lists BLUE */
.dllistb {width:360px;margin:5px 30px 7px 30px;padding:0;}
.dllistb dl{margin:0;padding:0;}
.dllistb dl dt a {width:337px;margin:0;padding: 3px 2px 2px 23px;background: url(images/icons/rightarrow.gif) no-repeat 0 3px;}
.dllistb dl dt a span, .rightarrow a span, .sitemap a span {color:#bbb;}
.dllistb dl dt a:link, .dllistb dl dt a:visited {color: #0089DE;text-decoration: none;}
.dllistb dl dt a:hover {background-position: 0 -77px;color: #666;}
.dllistb dl dd {margin: 0 0 15px 23px;padding: 0;background: transparent;color: #333;}




/*--- Footer ---*/
#Footer {font-size:10px;clear:both;text-align:center;width:auto;margin:25px 0 0 0;padding:3px 0 2px 0;color:#999;background:transparent;border-top:5px solid #fff;}
#Footer a:link {font-weight:normal;font-size:10px;color:#999;background:transparent;text-decoration:none;}
#Footer a:visited {font-weight:normal;color:#999; text-decoration:none;}
#Footer a:active {font-weight:normal;color:#666;text-decoration:none;}
#Footer a:hover {font-weight:normal;color:#666;background:transparent;}
#Footer span, p.review span, h4 span.pipe {color:#ccc;background:transparent;}
#Bottomshadow {clear:both;width:auto;height:17px;font:1px/5px "Georgia", serif;margin:0;padding:0;color:#333;background:url(images/bg/images/box430_05.gif) no-repeat;}




/******** FORM STYLES ***********/





form { 
	margin: 0; 
	padding: 0 0 0 30px; 
	width: 260px; 
	}
	.tbox, .tarea { 
	background: #F8F7F4; 
	border: 1px solid #0089DE; 
	color: #000066;
	font: 1em Helvetica, Arial, sans-serif;
	padding: 3px;
	width: 220px; 
	}
	.button { 
	background: #0089DE; 
	border: 1px solid; 
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; 
	color: #FFF;
	font-size: 1em;
	padding: 2px 5px;
	}

.text dl, form p { margin: 0 7px  }
.text dt { margin: 0; font-size: 1em; font-weight: normal; }
.text dd { margin: 0 0 15px 0; padding: 0; }



#submitrollover {
	margin-left: 12px;
	padding: 0;

}


a.submitrollover {

    display: block;

    width: 400px;

    height: 48px;

    background: url(images/submitcombo.jpg) 0 0 no-repeat;

    text-decoration: none;

}


a:hover.submitrollover {

    background-position: -400px 0;

}