@import url("common.css");

@media screen
{
	a,
	a:link
	{
		background-color: Transparent;
		color: #437D9C;
	}

	h1, h2, h3, h4, h5, h6
	{
		background-color: Transparent;
		color: #003768;
	}

	input.button
	{
		background-color: #EEE;
		border: 1px solid #314B72;
		color: #000;
	}

	input.textbox, select, textarea
	{
		background: #FFF;
		border: 1px solid #9D7F0F;
		color: #000;
		font-family: Arial, Helvetica, Sans-Serif;
	}

	.breadcrumb
	{
		background-color: Transparent;
		color: #9C9C9D;
	}

	.button,
	.button:link
	{
		background-image: url("../images/catt/btn_left.png");
		color: #FFF;
	}

	.button span
	{
		background-image: url("../images/catt/btn_right.png");
	}

	.comments li
	{
		border-top: 1px solid #CCC;
	}
	
	.feature a,
	.feature a:link,
	.featureSimple
	{
		background-image: url("../images/catt/btn_feature_catt.gif");
	}

	.instruction
	{
		background-color: Transparent;
		color: #999;
	}

	.meta
	{
		background: Transparent;
		color: #999;
		font-weight: bold;
	}
	
	.reverse
	{
		background-color: #223454;
		color: #FFF;
	}

	.submenu ul
	{
		border-top: 1px solid #D9D7CA;
	}

	.submenu ul li
	{
		border-bottom: 1px solid #D9D7CA;
	}

	.submenu ul li a,
	.submenu ul li a:link
	{
		background: url("../images/catt/arrow.gif") 2px 6px no-repeat;
	}

	.submenu ul li a:hover
	{
		background-color: #EEE;
		color: inherit;
	}

	.submenu ul ul li a,
	.submenu ul ul li a:link
	{
		background-color: Transparent;
		color: #848483;
	}

	#Container
	{
		background: url("../images/catt/bg_content_secondary.jpg") left top no-repeat;
	}
	
	#ContainerOuter
	{
		background: #FFF url("../images/catt/bg_inside.jpg") left top repeat-x;
		color: #2D2D2D;
	}
	
	#Header
	{
		height: 200px;
	}

	#Header h1
	{
		height: 75px;
		padding: 81px 0 0 30px;
	}
	
	#Header h1 a,
	#Header h1 a:link
	{
		background: url("../images/catt/logo_secondary.jpg") 0px -1px no-repeat;
		height: 75px;
		width: 83px;
	}

	#Header .links
	{
		background: #2B3C5A url("../images/catt/bg_content_secondary.jpg") -20px -156px no-repeat;
		color: #FFF;
	}
	
	#Header .links li
	{
		background: url("../images/catt/nav_divider.jpg") left center no-repeat;
	}
	
	#Header .links li a,
	#Header .links li a:link
	{
		background-color: Transparent;
		color: #FFF;
	}
	
	#Header .links ul
	{
		background: #FFF;
		color: #2B3C5A;
		border: 1px solid #D1DDE9;
		border-top-style: none;
	}
	
	#Header .links ul li
	{
		background-image: none;
		border-top: 1px solid #D1DDE9;
	}
	
	#Header .links ul li a,
	#Header .links ul li a:link
	{
		background-color: Transparent;
		color: #2B3C5A;
	}
	
	#Header .links ul li a:hover
	{
		background-color: #437D9C;
		color: #FFF;
	}
	
	#Header .twitter
	{
	    margin: 0;
	    position: absolute;
	    left: 936px;
	    top: 156px;
	    z-index: 10;
	}
	
	#Header .twitter-link
	{
	    background: url("../images/catt/twitter_button.png") no-repeat center center;
	    display: block;
	    height: 44px;
	    overflow: hidden;
	    text-decoration: none;
	    text-indent: -1000em;
	    width: 44px;
	}
	
	#HeaderContent
	{
		background-color: Transparent;
		color: #003768;
		left: 147px;
		position: absolute;
		top: 93px;
		width: 430px;
	}
	
	#HeaderContent h2
	{
		font: bold 180% Arial, Helvetica, Sans-Serif;
		height: 26px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		text-transform: uppercase;
	}
	
	#HeaderContent p
	{
		float: right;
		margin: 0;
		width: 300px;
	}
	
	#HeaderContent .buttonList
	{
		float: left;
		padding-top: 1px;
		width: auto;
	}
	
	#Widgets .nodes li a,
	#Widgets .nodes li a:link
	{
		background-color: Transparent;
		color: #003768;
	}
	
	#Widgets .widget
	{
		background: url("../images/catt/h_side_column.png") left top no-repeat;
	}
}