@import url(default.css);
@media screen {
	body { background:#000000 url(/images/mp/colson_background.gif); }

	#wrapper {
		width:960px;
		margin:20px auto;
		display:table;
		background:url(/images/mp/colson_mp_nav2_rollover.gif) no-repeat 0 0;
	}
	#header {
		width:960px;
		height:420px;
		background:url(/images/mp/colson_mp_flash_logo.jpg) no-repeat 0 80px;
	}
	#main_flash {
		width:385px;
		height:280px;
		float:right;
		clear:right;
		background: url(/images/mp/colson_mp_flash_photo_01.jpg) no-repeat;
	}
	#searchbox {
		width:280px;
		height:80px;
		float:right; background:url(/images/mp/colson_search_advanced.gif) no-repeat 0 0;
	}
	#contwrap { width:960px; display:table; background-color:#FFFFFF; }
	#leftside {
		width:250px;
		float:left;
		padding-top:60px;
		background:#FFFFFF url(/images/mp/colson_mp_news_header.gif) no-repeat 0 0;
	}
	
	.mpnewsitem 
	{
		margin-left: 20px;
	}
	
	.mpnewsitem p
	{
		font-size: .8em;
		margin-bottom:0;
		padding-bottom:0;
	}
	.mpnewsitem img
	{
		margin-right:10px;
	}
	
	.mpnewsitem a:link { color:Red; }
    .mpnewsitem a:visited { color:#505050; }

	#content {
		width:660px;
		padding:12px 30px 0 0;
		float:right;
	}
	#content p { font-size:.9em; }
	#footer { width:960px; height:100px; background:url(/images/mp/colson_footer.gif) no-repeat 0 0; }
	#footText { padding-top:40px; color:Gray; font-size:.8em; }
	#footText a { color:Gray; text-decoration:none; }
	/* header navigation */
	#head_nav {
		width:514px;
		height:24px;
		overflow:hidden;
		margin-top:40px;
		float:left;
	}
	#head_nav dd{float:left;}
	#head_nav a.ir {
		padding-top:24px;
		/*float:left;*/
		background:url(/images/mp/colson_mp_nav2_static.gif) no-repeat;
	}
	#head_nav a.ir:hover, #head_nav a.ir:active, #head_nav a.ir:focus, #head_nav .active a.ir { background-image:none; }
	#hn_reques a.ir {width:190px; background-position: 0 -40px; }
	#hn_about a.ir { width:140px; background-position: -190px -40px; }
	#hn_contac a.ir { width:119px; background-position: -330px -40px; }
	#hn_login a.ir { width:65px; background-position: -449px -40px; }

	/* subhead navigation */	
	#sub_nav {
		width:960px;
		height:60px;
		float:left;
		/*overflow:hidden;*/
		background:url(/images/mp/colson_nav1_rollover.gif) no-repeat 0 0;
	}
	#sub_nav dd{ float:left; }
	#sub_nav li { font-size:.6em; }
	#sub_nav a.ir {
		padding-top:60px;
		/*float:left;*/
		background:url(/images/mp/colson_nav1_static.gif) no-repeat;
	}
	#sub_nav a.ir:hover, #sub_nav a.ir:active, #sub_nav a.ir:focus, #sub_nav .active a.ir { background-image:none; }
	#sn_produc a.ir { width:186px; }
	#sn_servic a.ir { width:150px; background-position: -186px 0; }
	#sn_resour a.ir { width:168px; background-position: -336px 0; }
	#sn_news_e a.ir { width:210px; background-position: -504px 0; }
	#sn_about a.ir { width:246px; background-position: -714px 0; }
	
	/* =DROPDOWNS 
    *****************************/
    /* behavior */
    .dropdown dd { position: relative; z-index: 1; }
    .dropdown ul {  position: absolute; z-index: 5; left: 0px; display: none; }
    #head_nav ul { top:24px; }
    #sub_nav ul { top:60px; }
    
    #sn_produc ul { left:35px; }
    
    .dropdown dd.active { z-index: 10; }
    .dropdown dd.active ul.menu { display: block; }
    .dropdown ul a { display: inline-block; } /* do not leave this line out; do not change this line. It fixes a bug in IE, however you can change it in another css rule! */

    /* look-and-feel */
    .dropdown ul { background: #1a1a1a; }
    .dropdown ul a 
    { 
        display: block; 
        color:#ffffff; 
        font-size:1.2em;
        font-weight:bold;
        padding:.5em 1em;    
	    width: 190px;
	    text-decoration:none;
    }
    .dropdown ul li.alt {background: #121212;}
    .dropdown ul li a:hover { color:#ffffff; background: #ee202a; text-decoration:underline; }
}

#content a:link { color:Red; }
#content a:visited { color:#505050; }