/*  colors */
.blue_dark {color: #00336F}
.blue_dark_alt [color: #002464}
.blue {color: #64B5E5}
.blue45 {color: #BFDDF4}
.green {color: #13A400}
.green45 {color: #A9D78C}
.health {color: #B9D000}
.health45 {color: #E1EB8A}
.blog {color: #FFDA00}
.blog45 {color: #FFEF86}
.domain {color: #FF8500}
.domain45 {color: #FFC87C}
.learning {color: #FF333A}
.learning45 {color: #FFA99A}
.web {color: #FD64A1}
.web45 {color: #FFBED9}
.link {color: #468EC1}
.white {color: #FFFFFF}
.black {color: #000000}

body
	{ 
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	color:#00336F;
	}
body, p, h3, div, span, td
	{
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	}
div, span, table, tr,  td, img
	{
	padding:0;
	margin:0;
	border:none;
	}
table
	{
 	border-collapse: collapse;
 	}
a {
	color:#468EC1;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
.selected {
	color:#468EC1;
	font-weight:bold;
	}

/* absolute positioned elements and related */
#logo {
	position:absolute; 
	top:0px;
	left:0px;
	width:240px; 
	height:120px;
	z-index:10;
	}
#nav {
	position:absolute; 
	top:0px;
	left:240px;
	width:240px; 
	height:120px;
	z-index:10;
	}
#nav_whyse {
	position:absolute; 
	top:0px;
	left:480px;
	width:240px; 
	height:120px;
	z-index:10;
	}
/* Container for content */
#main {
	position:absolute;
	top:144px;
	left:216px;
	width:456px;
	z-index:10;
	}
#sub {
	position:absolute;
	top:144px;
	left:696px;
	width:264px;
	z-index:10;
	}
/* Every article gets its own white background with border-bottom */
.item {
	background-color:#FFFFFF;
	margin:0 0 12px 0;
	border-bottom: solid 1px #00336F;
	}
/* the .container is needed for padding within .item*/
.container {
	padding:24px;
	}
#main img, #sub img {
	padding: 12px 0 6px 0;
	}

/* Text */
p, li {
	font-size: 11px;
	line-height: 16px;
	}
h1, h2, h3 {
	padding:12px;
	margin:0;
	}
p, p.intro, ul, ol {
	padding:0 12px 12px 12px;
	margin:0;
	}
h1, h2, h3 {
	color:#00336F;
	font-weight:bold;
	}
h1 {
	font-family: Helvetica, Arial, Sans-Serif; 
	font-size: 21px;
	line-height: 24px;
	}
h2 {
	font-family: Helvetica, Arial, Sans-Serif; 
	font-size: 15px;
	line-height: 18px;
	}
h3, p.intro {
	font-size: 11px;
	line-height: 16px;
	font-weight:bold;
	}
h1.alt, h2.alt, h3.alt {
	padding:12px 12px 0px 12px;
	margin:0;
	}
	
h1.alt-white, h2.alt-white, h3.alt-white {
	padding:12px 12px 0 12px;
	margin:0;
	color: white;
	}
	
form, input {
	padding:0;
	margin:0;
	}

/* lists */
ul.links {
	list-style-type: none;
	text-indent:-24px;
	padding:0 12px 12px 24px;
	}
ul.links li a {
	background: transparent url(../_images/buttons/goto_blue.gif) left center no-repeat;
	padding-left: 24px;
	text-decoration: none;
	color:#00336F;
	font-weight:bold;
	}
ul.links li a:hover {
	background-image:url(../_images/buttons/goto_blue_dark.gif);
	}