/* CSS Document */
/* 
Red Basic - #ea3600
Blue Basic - #03f
Light Blue Background - #004cff
Dark Blue Background - #000aff
Top Blue Background - #4096ee
*/

@import url(hacks.css); /* CSS filters and browser specific CSS */
@import url(reset.css); /* Reset common HTML Tags  */
@import url(fonts.css); /* Font setings */

body {
color: #333; 
}
    
	
/* Page Structure
----------------------------------------------- */
#wrap, #header, #content, #main, #sidebar, #footer, ul#navigation, #cleft, #cright {
  position: relative;
	}
	
#wrap {
	width: 950px;
	margin:0 auto;
	text-align:left;
	background:transparent;
	}

#header {
width: 100%;
height:102px;
}
  #header h1 {
  float:left;
  width: 246px; 
  height: 71px; 
  margin: 15px 0 0 15px; 
  background: url(../graphics/logo.gif) no-repeat 0 0; 
  text-indent: -9999px;
  }
  
    #header h1 a {
    display: block;
    width: 246px; 
    height: 71px; 
    background:transparent;
    margin-left:0;
    }
      
  #banners {
  float:right;
  width:435px;
  height:57px;
  text-align:right;
  margin:20px 15px 0 0;
  }
  
    #banners img {margin-left:10px}

   
#content {width:100%;}

#featured {
width:100%;
background: #cfe9fe url(../graphics/bg_featured.gif) 0 0 repeat-x;
margin:0;
padding:0;
}

  #featured p {
  margin:0;
  padding:15px;
  }
    #featured a {
    color: #ee0000;
    text-transform: uppercase;
    }

#sidebar, #main {margin: 0.5em 0;}
#home #sidebar, #home #main {margin: 1em 0;}
* html #sidebar, * html #main, * html #cleft * html #cright {display: inline;}

#sidebar {float: left; width: 300px;}


#main {float: right; width: 800px;}
body#home #main {float: left; width: 100%}

#cleft {float: left; width: 465px;}
#cright {float: right; width: 465px;}

/* Footer */ 
#footer {
  width:100%;
  clear: both; 
  color: #fff; 
  background: #1786d5;
  padding:0.5em 0;
}
  #footer p {margin: 0; padding: 0.5em 1em 0;}
  
  #footer a:link, #footer a:visited {
    color: #fff; 
  }
  #footer a:hover {
    color: #fff; 
  }


/* Main Navigation
----------------------------------------------- */ 
ul#navigation {
width:950px;
height:30px;
background:url(../graphics/navigation.gif) no-repeat; 
margin:0;
list-style-type:none;
padding:0; 
overflow: hidden;
}

  ul#navigation li{
  float:left;
  display:inline; /* Prevent margin doubling in IE */
  padding:0;
  margin:0;
  text-indent:-9999px;
  
  }
  
    ul#navigation li a {
    display:block;
    background:url(../graphics/navigation.gif) no-repeat;
    }

    li#nav-home a {
    	width:85px;
    	height:30px;
    	 }
    li#nav-admin a {
    	width:249px;
    	height:30px;
    	 }
    li#nav-watch a {
    	width:240px;
    	height:30px;
    	 }
    li#nav-npd a {
    	width:203px;
    	height:30px;
    	 }	 
    li#nav-incubator a {
    	width:173px;
    	height:30px;
    	 }


    li#nav-home a:link, li#nav-home a:visited {	
    	background-position:0px 0px;
    	}
    li#nav-home a:hover {
    	background-position:0px -30px;
    	 }
    li#nav-admin a:link, li#nav-admin a:visited {	
    	background-position:-85px 0px;
    	}
    li#nav-admin a:hover {
    	background-position:-85px -30px;
    	 }	 
    li#nav-watch a:link, li#nav-watch a:visited {	
    	background-position: -334px 0px;
    	}
    li#nav-watch a:hover {	
    	background-position: -334px -30px;
    	}
    li#nav-npd a:link, li#nav-npd a:visited {	
    	background-position:-574px 0px;
    	}
    li#nav-npd a:hover {
    	background-position:-574px -30px;
    	 }
    li#nav-incubator a:link, li#nav-incubator a:visited {	
    	background-position:-777px 0px;
    	}
    li#nav-incubator a:hover {
    	background-position:-777px -30px;
    	 }

    /* Main navigation "active tabs"
    ------------------------------------------------------------------*/
    body#home li#nav-home a {
    	background-position:0px -30px;
    	}
    body#admin li#nav-admin a {
    	background-position:-85px -30px;
    	}	
    body#watch li#nav-watch a {
    	background-position:-334px -30px;
    	}
    body#npd li#nav-npd a {
    	background-position:-574px -30px;
    	}
    body#incubator li#nav-incubator a {
    	background-position:-777px -30px;
    	}


h2 {
color:#1590ed;
margin:0 0 .4em;
}


/* Links */ 
a, a:link, a:visited {color:#0663d5;}

a:hover {color:#002c63;}

/* Lists */ 
#content li {
padding-left: 12px;
background: url(../graphics/bullet.gif) no-repeat 0 5px;
}

/* Various */
p {margin-bottom: .5em;}

/* Various classes */
.highlight {
border:1px solid #adc8ec;
background:#f2f8fa;
color:#4a85b6;
margin:1em 0 0;
padding:8px;
}
  .highlight h2 {margin:0 0 .4em;}
  .highlight p {margin-bottom:0;}

hr {
	clear:both;
	visibility:hidden;
	}
.clear {clear:both;}
	
.cLeft {clear:left;}
.centered, p.centered {
	text-align:center;
	}
.right {
	text-align:right;
	}	

/* HomePage boxes */
  #home dl {
  	float: left;
  	width: 228px;
  	margin:5px 10px 12px 0;
  }
    #home dl.last {
  	margin-right: 0;
    }
    #home dt {
    text-indent:-9999px;
    margin:0 0 10px 0;
    padding:0;
    width:228px;
    height:24px;
    }
    
    #home dd {padding:0 10px 10px;}
    dl#box-watch {
  	background: url(../graphics/bg_box_blue.gif) no-repeat bottom right;
  	border: 1px solid #7fccf9;
  	}
    dl#box-npd {
  	background: url(../graphics/bg_box_green.gif) no-repeat bottom right;
  	border: 1px solid #ccf97f;
  	}
    dl#box-incubator {
  	background: url(../graphics/bg_box_red.gif) no-repeat bottom right;
  	border: 1px solid #f6abbb;
  	}
    dl#box-admin {
  	background: url(../graphics/bg_box_orange.gif) no-repeat bottom right;
  	border: 1px solid #f9d783;
  	}
  	dl#box-watch dt {
  	background: url(../graphics/box_title_watch.gif) no-repeat bottom right;
  	}
    dl#box-npd dt {
  	background: url(../graphics/box_title_npd.gif) no-repeat bottom right;
  	}
    dl#box-incubator dt {
  	background: url(../graphics/box_title_incubator.gif) no-repeat bottom right;
  	}
    dl#box-admin dt {
  	background: url(../graphics/box_title_admin.gif) no-repeat bottom right;
  	}
dd.buttons {line-height:24px; display:inline-block;}

/* Various buttons */
a.download-guide, a.use-tool {
float:left;
display:block;
line-height:24px;
height:24px;
text-indent:-9999px;
margin:0 0 10px;
}

a.download-guide {
width:116px;
margin-right:10px;
}

a.use-tool {
width:77px;
}

dd.blue a.download-guide {
background:url(../graphics/download_guide_blue.gif) no-repeat;
}
dd.blue a.use-tool {
background:url(../graphics/use_tool_blue.gif) no-repeat;
}

dd.green a.download-guide {
background:url(../graphics/download_guide_green.gif) no-repeat;
}
dd.green a.use-tool {
background:url(../graphics/use_tool_green.gif) no-repeat;
}

dd.red a.download-guide {
background:url(../graphics/download_guide_red.gif) no-repeat;
}
dd.red a.use-tool {
background:url(../graphics/use_tool_red.gif) no-repeat;
}

dd.orange a.download-guide {
background:url(../graphics/download_guide_orange.gif) no-repeat;
}
dd.orange a.use-tool {
background:url(../graphics/use_tool_orange.gif) no-repeat;
}
  
/* Various*/
img.right {float:right; border:1px solid #ccc; display:block; padding:3px; margin:0 0 .5em .5em;}

#colR {
		float: right;
		width: 190px;
		margin: 70px 0 0 0;
		padding: 10px;
		border-left: 1px solid #ddd;
		background: #f4f4f4;
	}

#colR h3 {
		font-size: 14px;
	}

/* min-height simulation
   See: http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/index.php
----------------------------------------------------------------------------- */

/* for Mozilla/Safari/Opera */
*>.min {
	padding-top: 400px;
	min-height: 1px;
}
*>.min .height {
	margin-top: -400px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html .min {
	height: 400px;
}
/* end filter */


/* Tables
----------------------------------------------- */
table {
		margin-top: 1em;
		margin-bottom: 1em;
		border-top:  1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	
th, .TableHead {
		margin: 0;
		padding: 0.2em;
		font-weight: bold;
		color: #333;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #dedede;
		text-align: center;
	}

td {
		margin: 0;
		padding: 0.2em;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		color: #333;
		text-align: left;
	}

.caption {
		text-align: center;
		margin-bottom: 1em;
		font-weight: bold;
	}

td.topalign {
		vertical-align: top;
	}