﻿/*global*/
*{margin:0;padding:0;}
img{border:0}
fieldset{border:0}
/*body{margin:0px auto 0px;background:#FFF;text-align:center;}*/
body{margin:0px auto 0px;background:#FFF;text-align:center;height:100%;font-family:Tahoma, Helvetica, Arial;color:#7f7f7f;font-size:small;}
table{border:0;border-collapse:collapse}
th,td{text-align:left;vertical-align:top}
address{font-style:normal}
ul{list-style:none;}
ol{list-style:none;}
.clear{clear:both;height:1px;visibility:hidden;margin-bottom:-1px}
.none{display:none}
.notop{margin-top:0 !important}
.smallBreak{clear:both;height:4px;}
.largeBreak{clear:both;height:10px;}
.smaller{font-size:0.9em}

/*base layout*/
#cmswrapper
{
	width:946px;
	margin:auto;
	background:white;
}
#wrapper
{
	width:940px; /*944px*/
	margin:0 auto;
	text-align:left;
	border:0px;
}
#header
{
	position: relative;
	top: 0px;
	float:left;
	width:942px;
	height:185px;
}
#mainContent
{
	position: relative;
	top: 16px;
	width: 692px;
	float: left;
	margin-top: 0px; /*18px*/
	min-height: 440px;  /* added to deal with the footer sometimes getting placed over the communites images. */
	/*border: 1px solid red;*/
}

#sideBar
{
	position: relative;
	top: 16px;
	float: right;
	width: 248px;
	margin-top: 18px;
}
#footer
{
	position: relative;
	top: 10px;
	float: left;
	background: url(images/footerBar.gif) 0 0 repeat-x;
	width: 940px;
	height: 60px;
	margin-top: 20px;
}

/*header*/
#hTop
{
	float:left;
	width:940px;
	margin-bottom: 6px;
}
#hLeft
{
	float:left;
	width: 310px;
	/*width: 159px;*/
	height: 85px;
	position: relative;
}
#hleftLogo
{
	position: absolute;
	bottom: 0;
}
#hRight
{
	float:right;
	width: 630px;
	/*width: 781px;*/
}
#hrTop
{
	float: right;
	width: 630px;
	height: 50px;
	/*width: 781px;
	height: 93px;*/
}
#hrtTop
{
	float: right;
	text-align: right;
	width: 628px;
	/*width: 779px;*/
	height: 45px;
	margin-top: 10px;
	vertical-align: middle;
}
#hrtBottom
{
	float: right;
	height: 49px;
	vertical-align: middle;
}

#hrBottom
{
	width: 630px;
}

#hrBottomMenu
{
	float: right;
}

#hrBottom li
{
    display:inline;
}

#hBottom
{
	float: left;
	width: 940px;
	height: 67px;
	background: url(images/searchBar.gif) 0 0 no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#searchBox
{
	float:left;
	position: relative;
	background: url(images/searchBarBox.gif) no-repeat left top;
	left: 154px;
	top: 34px;
	width: 154px;
	height: 24px;
	border: 0px solid white;
}
#searchButton
{
	float:left;
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-left: 160px;
	margin-top: 23px;
}
#chat
{
	float: right;
	margin-top: 15px;
	margin-right: 20px;
}

#topSearchButton
{
	float:right;
	position: relative;
	top: 0px;
	right: 0px;
	width: 35px;
	height: 34px;
	margin-left: 3px;
}
#topSearchBox
{
	float:right;
	position: relative;
	top: 7px;
	background: url(images/searchBox.gif) no-repeat left top;
	width: 154px;
	height: 24px;
}
#topSearchType
{
	float:right;
	margin-top: 7px;
	height: 12px;
}
#topSearchType label
{
	height: 12px;
	line-height: 12px;
	vertical-align: middle;
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #999870;
}

/*Footer*/
#fText
{
	padding-top: 7px;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #7f7f7f;
	/*color: #ffa500;
	color: #EBDE66; -Tom*/
}


/*classes*/
input.textBox_Search
{
	position: relative;
	top: 4px;
	left: 5px;
	border: 0px solid white;
	background: white;
	width: 144px;
	color: #A8A898;
	font-family: Verdana;
	font-size: 12px;
	letter-spacing:-.03em;
	vertical-align:middle;
	height:16px;
	line-height: 12px;
}

/* Main page nav block */

.navblock
{
    width: 465px;
    height: 100%;
    float: left;
    font-family:Tahoma, Helvetica, Arial;color:#7f7f7f;font-size:medium; /* Added by Tom */
}

#nav_IT a, #nav_dev a, #nav_process a, #nav_busapp a, #nav_assess a, #nav_design a, #nav_busint a, #nav_individ a, #nav_busskill a
{
    display: block;
    width: 132px;
    height: 73px;
    overflow: hidden;
    margin: 0 10px 10px 0;
    float: left;
    text-decoration: none;
    line-height: 14px;
    padding: 25px 6px 20px 6px;
    font-size: 11px;
    font-family: Tahoma, Helvetica, Arial;
    color: #7f7f7f;
    border: 0;
}

#nav_IT a, #nav_IT a:visited
{
    background: url(images/button-it.gif) 0 0 no-repeat;
}

#nav_dev a, #nav_dev a:visited
{
    background: url(images/button-dev.gif) 0 0 no-repeat;
}

#nav_process a, #nav_process a:visited
{
    background: url(images/button-process.gif) 0 0 no-repeat;
}

#nav_busapp a, #nav_busapp a:visited
{
    background: url(images/button-busapp.gif) 0 0 no-repeat;
}

#nav_assess a, #nav_assess a:visited
{
    background: url('images/button-assess.gif') 0 0 no-repeat;
}

#nav_design a, #nav_design a:visited
{
    background: url('images/button-design.gif') 0 0 no-repeat;
}

#nav_busint a, #nav_busint a:visited
{
    background: url('images/button-busint.gif') 0 0 no-repeat;
}

#nav_individ a, #nav_individ a:visited
{
    background: url('images/button-individ.gif') 0 0 no-repeat;
}

#nav_busskill a, #nav_busskill a:visited
{
    background: url('images/button-busskill.gif') 0 0 no-repeat;
}

#nav_IT a:hover, #nav_dev a:hover, #nav_process a:hover, #nav_busapp a:hover, #nav_assess a:hover, #nav_design a:hover, #nav_busint a:hover, #nav_individ a:hover, #nav_busskill a:hover 
{
    background-position: -144px 0;
}

.home-text
{
    font-family: Tahoma, Helvetica, Arial;
    font-size: 18px;
    color: #7f7f7f;
    padding-right: 43px;
    line-height: 26px;

}

.home-text img
{
    border: 0;
}

/* Right Side Bar	*/
.rightSide
{
}

.rightSide .top
{
	height: 13px;
	width: 248px;
	background: url(../../images/sideBar_Top.gif) no-repeat left top;
	clear: both;
}

.rightSide .center
{
	margin: 0px 9px;
	width: 230px;
	clear: both;
    font-size: 12px;
    font-family: Tahoma, Helvetica, Arial;
    color: #7f7f7f;
	
}

.rightSide .center a
{
	color: #7F7F7F;
}

.rightSide .bottom
{
	height: 13px;
	width: 248px;
	background: url(../../images/sideBar_Bottom.gif) no-repeat left top;
	clear: both;
}

.rightSide .more
{
	float: right;
	clear: both;
}



/* Styles Added by Tom and Nicole from here down	*/

A:link	{	
	text-decoration:	underline;
	color:	#7f7f7f;
	}	
	
A:visited	{	
	text-decoration:	underline;
	color:	#00a290;
	}
	
A:link.teal	{	
	text-decoration:	underline;
	color:	#00a290;
	}	
	
A:visited.teal	{	
	text-decoration:	underline;
	color:	#00a290;
	}
	
A:link.noDecoration	{	
	text-decoration:	none;
	color:	#7f7f7f;
	}	
	
A:visited.noDecoration	{	
	text-decoration:	none;
	color:	#00a290;
	}
	
A:link.teal .noDecoration	{	
	text-decoration:	none;
	color:	#00a290;
	}	
	
A:visited.teal .noDecoration	{	
	text-decoration:	none;
	color:	#00a290;
	}



A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
*/

#mainContent h1, #sideBar h1
{
	/*color: #00a290;*/
	color: #666;
}
#mainContent h3, #sideBar h3
{
	/*color: #00a290;*/
	color: #E66000;
}
#mainContent h4, #sideBar h4
{
	/*color: #00a290;*/
	color: #666;
	font-size: 14px;
}

.floatRight
{
	float: right;
}
