﻿@import url('CoreOverrides.css'); /* Import the override files */
@import url('web.css');

/************************
* Complexity-NET styles *
*                       *
* Author: cno1          *
* Date: 04/06/2007      *
************************/

/****************************************
* Revision history
*
*
****************************************/

/*****************
Site look and feel
*****************/
/* Globals */
body 
{
	color: #000000; 
	font: 0.75em/1.40  "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	margin: 0; 
}
html 
{ 
	font-size: 100%; /* IE hack */ 
}
a:link
{
	color: #014D8F
}
a:visited
{
	color: #cc5e00
}
a:hover 
{ 
	color: #8D00B2
}
table 
{ 
	font-size: 100%; /* IE hack */ 
}	

/* Headings */
h1 
{ 
	color: #241B94; 
	font-size: 1.4em; 
	border-style: none; 
	margin-bottom: 8px 

}
h2  
{ 
	color: #241B94; 
	font-size: 1.2em; 
	margin-top: 7px; 
	margin-bottom: 2px; 
	border-style: none 
}
h3 
{ 
	color: #241B94; 
	font-size: 1.1em; 
	border-style: none; 
	margin-bottom: 3px 
}
h4  
{ 
	color: #241B94; 
	font-size: 0.75em; 
	margin-bottom: 2px; 
	border-style: none 
}
h5 
{ 
	color: #241B94; 
	font-size: 1.2em; 
	border-style: none; 
	margin-bottom: 15px; 
	margin-top: -4px 
}
.search  
{ 
	color: #241B94; 
	font-size: 11px; 
	font-family: Tahoma, Verdana, Arial, Helvetica; 
	margin: 0px; 
	padding: 0px; 
	width:102px; 
	height:18px;
}
input 
{
	color: #241B94; 
	font-family: Tahoma, Verdana, Arial, Helvetica;
}
select 
{
	color: #241B94
}
.searchbutton  
{ 
	color: #241B94; 
	font-size: 11px; 
	font-family: Tahoma, Verdana, Arial, Helvetica; 
	margin: 0px; 
	padding: 0px; 
	width:85px; 
	height:18px;
	margin-left: 2px
}
.relatedheading 
{ 
	color: #7824a6; 
	font-size: 1.1em; 
	font-weight: bold; 
	margin-bottom: 3px; 
	border-style: none 
}

/* Master Page layout*/
#container
{
width:760px;
margin:0 auto;
text-align:left;
margin-bottom:16px;
}
#topArea
{
	height:71px;
	width:760px;
	padding:0;
	border:0;
	
}
/*.logo
{
background-image:url('../Images/complexity-net.gif');
background-repeat:no-repeat;
background-position:left center;
height:71px;
}*/
.logo
{
    float:left;
	height: 70px;
	width:211px;
	font-size:0em; 
	color:white;
	border:0;  
}
.logo a
{
	color: #656B77;
	background-image:url('../Images/complexity-net.gif');
	background-repeat:no-repeat;
	background-position:left center;
	display:block;
	padding:20px 5px 20px 206px;
}

#banner
{
	background-image:url('../Images/masthead.gif');
	background-repeat:no-repeat;
	background-position:right center;
	width:549px;
	height:70px;
	border:0;
}
.globalNav
{
color: #1B3F94;
background-color:#f1f5f6;
border-top:1px solid #91b4bf;
text-align:center;
background-image:url('../Images/dots_760.gif');
background-repeat:no-repeat;
background-position: center bottom;
padding-bottom:1px;
margin-bottom:15px;
}
#breadcrumb
{
width:72%;
margin-left:1%;
margin-bottom:10px;
}
.searchBox
{
width:20%;
text-align:right;
}
#spacer
{
clear:both;
}
#leftNav
{
margin-bottom:10px;
}
#content
{
/*width:78%;*/
margin-bottom:10px;
}
#footerSeparator
{
font-size: 11px; 
font-family: Tahoma, Verdana, Arial, Helvetica; 
background-image:url('../Images/dots_760.gif');
background-repeat:no-repeat;
background-position:center top;
height:1px;
margin-bottom:10px;
}
#fp6
{
width:24%;
margin-left:2%;
}
.footerText
{
font-size: 11px; 
font-family: Tahoma, Verdana, Arial, Helvetica; 
}

/*
Navigation styles
*/

/* Global navigation */
.topNavItem   
{ 
	color: #1B3F94; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: none; 
}
a.topNavItem:link     
{ 
	color: #1B3F94; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: none; 
}
a.topNavItem:visited   
{ 
	color: #1B3F94; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: none; 
}
a.topNavItem:active     
{ 
	color: #1B3F94; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: none;
}
a.topNavItem:hover     
{ 
	color: #8d00b2; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: underline 
}
.topNavSelected
{
	color: #13617a; 
	font-weight: bold; 
	background-color: #d1eaed; 
	padding: 1px; 
	border-bottom: 2px solid #24556c; 	
}
a.topNavSelected:link     
{ 
	color: #13617a; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #d1eaed; 
	padding: 1px; 
	border-bottom: 2px solid #24556c 
}
a.topNavSelected:visited
{ 
	color: #13617a; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #d1eaed; 
	padding: 1px; 
	border-bottom: 2px solid #24556c 
}
a.topNavSelected:hover     
{ 
	color: #8d00b2; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #d1eaed; 
	padding: 1px; 
	border-bottom: 2px solid #8d00b2 
}
a.topNavSelected:active     
{ 
	color: #13617a; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #98cfe0; 
	padding: 1px; 
	border-bottom: 2px solid #24556c;
}

/* Breadcrumb */

.breadcrumbNodeCurrent
{
	color: #9e9e9e !important; 
	font-size: 9px; 
	font-family: Tahoma, Verdana, Arial, Helvetica ;
	font-weight:bold;
}
.breadcrumbNode      
{ 
	color: #9e9e9e !important; 
	font-size: 9px; 
	font-family: Tahoma, Verdana, Arial, Helvetica 
}
a.breadcrumbNode:link     
{ 
	color: #9e9e9e !important; 
	font-size: 9px; 
	font-family: Tahoma, Verdana, Arial, Helvetica 
}
a.breadcrumbNode:visited     
{ 
	color: #9e9e9e !important; 
	font-size: 9px; 
	font-family: Tahoma, Verdana, Arial, Helvetica 
}
a.breadcrumbNode:hover     
{ 
	color: #9e9e9e !important; 
	font-size: 9px; 
	font-family: Tahoma, Verdana, Arial, Helvetica 
}
a.breadcrumbNode:active     
{ 
	color: #9e9e9e !important; 
	font-size: 9px; 
	font-family: Tahoma, Verdana, Arial, Helvetica;
}
/* Left navigation */
.leftNav
{
	color:#1B3F94;
	background-color: #e9f5f7;
	width:100%;
	background-image: url("../images/menu_bg.gif"); 
	background-repeat: repeat-x; 
	background-position: 50% bottom; 
	padding: 8px;
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif;
	text-align:left; 
	float:left;
}
.leftNav1
{
	color: #005972;
}
a.leftNav1:link   
{ 
	color: #1B3F94; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: none; 
}
a.leftNav1:visited   
{ 
	color: #1B3F94; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: none; 
}
a.leftNav1:hover    
{ 
	color: #8d00b2; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: underline 
}
a.leftNav1:active   
{ 
	color: #1B3F94; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: none; 
}
.leftNav2
{
	color: #1B3F94; 
	font-size: 11px; 
	text-decoration: none; 
	line-height: 15px; 
}
a.leftNav2:link   
{ 
	color: #1B3F94; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: none; 
	line-height: 15px; 
}
a.leftNav2:visited   
{ 
	color: #1B3F94; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: none; 
	line-height: 15px; 
}
a.leftNav2:hover   
{ 
	color: #8d00b2; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: underline; 
	line-height: 15px; 
}
a.leftNav2:active   
{ 
	color: #1B3F94; 
	font-size: 11px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	text-decoration: none; 
	line-height: 15px; 
}
.leftNav3
{
	color: #1b3f94; 
	font-size: 10px; 
	line-height: 14px; 
	text-decoration: none;
}
a.leftNav3:link      
{ 
	color: #1b3f94; 
	font-size: 10px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	line-height: 14px; 
	text-decoration: none 
}
a.leftNav3:visited      
{ 
	color: #1b3f94; 
	font-size: 10px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	line-height: 14px; 
	text-decoration: none 
}
a.leftNav3:hover      
{ 
	color: #8d00b2; 
	font-size: 10px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	line-height: 14px; 
	text-decoration: none 
}
a.leftNav3:active      
{ 
	color: #1b3f94; 
	font-size: 10px; 
	font-family: "Lucida Grande", tahoma, verdana, helvetica, arial, sans-serif; 
	line-height: 14px; 
	text-decoration: none 
}
.leftNavSelected
{ 
	color: #13617a;
	font-weight:bold;
	background-color: #c8e6eb; 
	text-decoration: none;
}
a.leftNavSelected:link
{
	text-decoration: none 
}	
a.leftNavSelected:visited
{
	text-decoration: none 
}	
a.leftNavSelected:hover
{
	text-decoration: none 
}	
a.leftNavSelected:active
{
	text-decoration: none 
}	
/* Home page */
#column1
{
	float:left;
	width:22%;
	display:inline;
	position:relative;
	top:-40px;
}
#column2
{
	float:left;
	width:47%;
	margin-left:2%;
	position:relative;
	top:-50px;
}
#column3
{
	float:left;
	width:27%;
	margin-left:2%;
}
.tagline
{
	color:#1e758e;
}
.loginTitle
{
	color:#6F169D;
	font-size: 1.2em;
	font-weight:bold; 
	margin-top: 7px; 
	margin-bottom: 2px; 
	border-style: none
}
/* Boxes */
.specialbox1   
{ 
	background-color: #eeeef5; 
	padding: 10px; 
	border: dotted 1px #8283b9 
}
.specialbox2   
{ 
	background-color: #eeeef5; 
	padding: 10px; 
	border: solid 1px #d5d7e8 
}
.bluefadebox   
{ 
	background-color: #bedbed; 
	background-image: url("../images/blue_fade_bg.gif"); 
	background-repeat: repeat-x; 
	background-position: 50% top;
}
.latestbox   
{ 
	background-color: #d1ebef; 
	background-image: url("../images/latest_bg.gif"); 
	background-repeat: repeat-x; 
	background-position: 50% top; 
	padding: 10px;
}
.menubox     
{ 
	background-color: #e9f5f7; 
	background-image: url("../images/menu_bg.gif"); 
	background-repeat: repeat-x; 
	background-position: 50% bottom; 
	padding: 8px 
}
.mailingbox  
{
	background-color: #E7F4F6;
	padding: 10px; 
}
.purplebox  
{
	background-color: #F4F2FA;
	padding: 0 10px; 
	border-style: dotted; 
	border-width: 1px;
	border-color: #907DD0;
}
.relatedbox   
{ 
	background-color: #f8f6fa; 
	background-image: url("../images/purple_fade_bg.gif"); 
	background-repeat: repeat-x; 
	background-position: 50% bottom; 
}
