/*----------------------------------------
Name: global.css
Developed by: Garrett Owen
Design by: Clarion
Date Created: 8/8/2010
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/


/* Elements
----------------------------------------*/
body
{
	background: url(../../images/modern_temp/knowledgeworks_10.jpg) repeat;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.3em;
	color:#252525;
}

#mainContainer
{
	width:906px;
	margin: 10px auto;
}

p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:#651B1B;
	text-decoration: underline;
}

a:hover, a:active
{
	color:#252525;
	text-decoration: underline;
}

h1
{
	color:#FFFFFF;
	font-size: 15px;
	font-weight: bold;
	font-family: "Arial Black", arial, helvetica;
	text-align: right;
	background: url(../../images/modern_temp/headerbg.png) no-repeat top right;
	height: 42px;
	position: relative;
	right: 0px;
	top: 0px;
	padding: 8px 10px 0 0;
}

h2
{
	color:#B10000;
	margin:.825em 0 1em 0;
	font-size: 14px;
	font-weight: bold;
}

h3
{
	color:#6D1402;
	margin:.825em 0 .5em 0;
	font-size:10px;
	font-family: "Arial Black", Arial, Helvetica;
	font-weight: bolder;
	text-transform: uppercase;
}
/*
h3:first-letter
{
	font-size: 17px;
}
*/
h3 span.OffSetTitle
{
	color: #C00000;
}

h4
{
	color:#000000;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}
/*
h5
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1em;
}
*/
ul
{
	margin-left:25px;
	list-style-type: circle;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
img.right	{float:right; padding: 0 0 8px 8px;}

/* Header
----------------------------------------*/
#header
{
	width:906px;
	height:155px;
	
	
}

	/* Nav
	----------------------------------------*/
	ul#nav
	{
		margin: 0;
		padding: 0;
		
		
	}
	
	ul#nav li {float:left; list-style-type:none; margin: 0;}
	
	/* Image Replacement 
	----------------------------------------*/
	ul#nav li a {/*Set to height of image*/ height:30px; display:block; text-indent:-9999px; outline:none; width: 151px;}
	
	/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
	li#navHome a		{background-image: url(../../../assets/images/modern_temp/nav/homenav.jpg);}
	li#navAbout a		{background-image: url(../../../assets/images/modern_temp/nav/aboutnav.jpg);}
	li#navDevProg a	{background-image: url(../../../assets/images/modern_temp/nav/devprognav.jpg);}
	li#navBusCon a		{background-image: url(../../../assets/images/modern_temp/nav/busconnav.jpg);}
	li#navCorpServ a		{background-image: url(../../../assets/images/modern_temp/nav/corpservnav.jpg);}
	li#navContact a		{background-image: url(../../../assets/images/modern_temp/nav/contactnav.jpg);}
	
	/* CSS Rollover (Sprites)
	----------------------------------------*/
	
	/*Each link must have a unique ID - Include all of your links here - Remove if not using!*/
	li#navHome a:hover, li#navAbout a:hover, li#navDevProg a:hover, li#navBusCon a:hover, li#navCorpServ a:hover, li#navContact a:hover {background-position:0 -30px; /*Set to height of image !must be negative!*/}
		
/* Main Content
----------------------------------------*/
#mainContent
{
	width:906px;
}

#leftColHome
{
	float: left;
	padding: 0;
	margin: 0 8px 0 0;
	width: 675px;
	position: relative;
	background: none;
	border: none;
}

#leftColHome #featImg
{
	height: 286px;
	margin: 0 0 8px 0;
}

#leftColHome #featImg h1, #leftColHome #featImg a
{
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;
	height: 286px;
}

#leftColHome #featImg img
{
	box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow 15px 15px 5px #999;
	
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;	
}

#leftColHome .HomeBox
{
	width: 319px;
	height: 201px;
	float: left;
	position: relative;
	background: url(../../images/modern_temp/box_bgrnd.jpg) repeat-x #FFFFFF;
	border: #660000 solid 2px;
	padding: 5px;
	overflow: hidden;
	
	box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow 15px 15px 5px #999;
}

#leftColHome .LeftSide
{
	margin: 0 8px 8px 0;
}

#leftColHome .HomeBox h3
{
	border-bottom: #990000 solid 1px;
	padding-bottom: 5px;

}

#leftCol 
{
	float: left;
	padding: 8px;
	margin: 0 8px 0 0;
	width: 658px;
	position: relative;
	background: #F8F8F8;
	border: #660000 solid 2px;
	min-height: 713px;
	
	box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow 15px 15px 5px #999;
}

#rightCol 
{
	float: right;
	width: 220px;
	position: relative;
}

#rightCol .EventsBox
{
	width: 196px;
	min-height: 394px;
	border: #660000 solid 2px;
	background: #F7F7F7;
	padding: 5px 10px 25px 10px;
	margin: 0 0 8px 0;
	position: relative;
	
	box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow 15px 15px 5px #999;	
}

.EventsBox #archivedEvents
{
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: 23px;
	
}

#rightCol .ResBox
{
	width: 206px;
	border: #FFFFFF solid 2px;
	background: url(../../images/modern_temp/news.jpg);
	padding: 35px 5px 5px 5px;
	height: 242px;
	margin: 0 0 8px 0;
	
	box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow 15px 15px 5px #999;	
}

#rightCol .ResBox p
{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	width: 160px;
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
	border-bottom: #AA0000 solid 1px;
}

#rightCol .ResBox a:link, #rightCol .ResBox a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#rightCol .ResBox a:hover, #rightCol .ResBox a:active
{
	color: #FFFFFF;
	text-decoration: underline;
}

#quickNewsletterJoin
{
	margin: 10px auto 0 auto;
	width: 180px;
}

#quickNewsletterJoin #emailLabel
{
	color: #FFFFFF;
	font-family: "Arial Black", Arial, Helvetica;
	font-size: 12px;
}

#quickNewsletterJoin #emailInput
{
	width: 171px;
}

#quickNewsletterJoin #joinButton
{
	position: relative;
	left: 91px;
	
}
/*  FOR US WITH WAYFINDER
#aboutUsLinks
{
	
	height: 50px;
	margin: 0 auto;
}

#aboutUsLinks ul 
{
	margin: 0;
	padding: 0;
	list-style: none;

}

#aboutUsLinks ul li
{
	list-style-type: none;
	float: left;
	margin: 0 5px 0 0;
	
}

#aboutUsLinks ul li:after
{
	content: " | ";	
}

#aboutUsLinks ul li.AboutLast:after
{
	content: "";
}

*/

/* Footer
----------------------------------------*/
#footer
{
	width: 100%;
	height:60px;
	background-color:#CCCCCC;
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 0;
}

#footer p 
{
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

#footer a:link, #footer a:visited
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

#footer a:hover, #footer a:active
{
	text-decoration: underline;
}