/* Homepage Only Styles */

/* 
	Author: Justin Sheehy
	Graphics and Color Scheme by Evan Dewalt
*/

body{
	background-color: #4b4427;
	background-image:url('Images/jpeg/dewalt-bg.jpg');
	background-repeat:repeat-x;
	color:#dedfe1;
}

#leftMod {
	background-color:#A6B8CE;
	background-image:url('Images/jpeg/homepage-bg.jpg');
	background-repeat:no-repeat;
	color:#efefef;	
	height:380px;
	width:787px;
	border:none;
	text-align:center;
}	

#leftMod #hMovie { width:100%; height:100%; background-color:transparent !important;}
#leftMod #hMovie #iObject { 
	height:380px; 
	width:500px;
}

#leftMod #hMovie #iObject object, 
#leftMod #hMovie #iObject embed,
#leftMod #hMovie #iObject img { display:inline; margin-top:11px;}

/* ------ News Row Styles ------ */

#newsRow {
	background-color:#7298C5;
	border-top:1px solid #6D8BA7;
	color:#1B2834;
}

#newsRow #newsColumn1 a, #newsRow #newsColumn2 a {color:#1B2834; font-size:13px;}
#newsRow #newsColumn1 a:hover, #newsRow #newsColumn2 a:hover  { color:#DBD6A7; text-decoration:none; }
#newsRow p, span { font-family:Arial, Helvetica, sans-serif;}

#newsTitle {
	vertical-align:middle;
	width:632px;
	height:28px;
	font-family:"Arial", "Helvitica", monospace;
	font-size:11px;
	color:#1B2834!important;
	background-color:#D0D9E4!important;
	border-left:1px solid #6D8BA7;
	padding-left:21px;
	font-weight:bold;
	letter-spacing:.2em;
	text-transform:uppercase;
}

#newsColumn1, #newsColumn2 {
	background-color:#7298C5;
	color:#1B2834;
	width:356px;
	height:auto;
	vertical-align:top;
	padding:10px 10px 10px 20px;
	font-size:13px;
	line-height:16px;
}


/*----- Links Sidebar -----*/

#linkSidebar ul /* the top box that contains the visible button of the menu */
{
    list-style-type: none;
	height:28px;
	width:52px;
	background-color:#D0D9E4;
}

#linkSidebar > ul > #links /* Container for the button Links */
{
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    width: 52px;
    float: left;
    background-color: transparent;
	height:28px;
	border-left:1px solid #6D8BA7;
}

#linkSidebar > ul > #links > a /*the Links button */
{
	color:#37556F;
	height:36px;
	width:32px;
	position:absolute;
	left:4px;
	padding:8px
}

#linkSidebar > ul > #links > a:hover
{
	text-decoration:none;
}

#linkSidebar > ul > #links:hover  /* hover state for Links button */
{
	background-color:#C9C295 !important;
	width:51px;
}

#linkSidebar > ul > #links > ul /* container for the table with the image links */
{
    list-style-type: none;
    font-size: 100%;
    z-index: 999;
    cursor: default;
    width: 787px;
	height:auto;
    position: absolute;
	left: -1000em;
	display:block;
	background-color:#a6b8ce;
	overflow-y:auto!important; 
	overflow-x:hidden!important;
	overflow:auto;
}

#linkSidebar ul > li > ul > table { height:100%; }

#linkSidebar ul > li > ul > table td
{
	width:600px; /* just use a big number and make sure the parent table is border-collapse */
	height:auto;
	max-height:46px;
	padding:6px 0 !important;
	background-repeat:no-repeat;
	background-color:#a6b8ce;
}

#linkSidebar > ul > #links:hover > ul, /* hover for the container */
#linkSidebar > ul > #links > a:hover > ul /* of the image links */
{
    position: absolute;
    left: -736px;
    z-index: 999;
    clear: both;
	top:28px;
}

#linkSidebar > ul > #links > ul > table a > img /* center link images */
{
	margin:0 auto; 
}

#linkSidebar > ul > #links > ul a:hover, 
#linkSidebar > ul > #links > ul td:hover /* Hover for the image links */
{
    background-color:#C9C295 !important;
}