body {
	background: #111133;
	margin: 0;
	padding: 0px;
	text-align: center;
	font-size: 100%;
	line-height: 1em;
	}
	
*html body { /* IE7 tweak */
	background-color: #253370 !important;
	}

img {
	border: none;
	margin:0;
	padding:0;
	}

h1 {
	color:#edaa1e;
	font: normal 1.125em /*18px*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.25em /*20px*/;
	padding:0 0 -10px 0;
	margin:0;
	}
	
h2 {
	color:#333;
	font:bold 0.8125em /*13px*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:1.25em /*20px*/;
	padding:0 0 -10px 0;
	margin:0 0 -10px 0;
	}
	
h3 {
	color:#24326e;
	font: bold 0.6875em /*11px*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding:12px 0px -10px 0px;
	margin:0;
	}
	
h4 {
	color:#06F82;
	font:bold 1em /*11px*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	padding:0;
	margin:0;
	}

h5 {
	color: #FFF;
	font: bold 0.875em /*14px*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}
	
.h5 {
	color: #FFF;
	font: bold 0.875em /*14px*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}

/* ========== TEXT ========== */

p {
	font: normal 0.6875em /*11px*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.25em;
	}
div {
        color: #333;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}	

td caption {
	color: #333;
	}
table.project {
	font-size: 0.6875em;
	}
	
table.project th {
	font-weight: bold; 
	}
	
.latest {
	background-color: #fff2b0;
}
	
pre, code {
	font: normal 0.75em /*12px*/  "Courier New", Courier, mono;
	}
pre.example {
	font:"Courier New", Courier, mono;
	border-style: ridge;
}

/* ========== LINKS ========== */

a, a:visited 	 { color: #598ec0; text-decoration: none; }
a:hover 	 	 { color: #598ec0; text-decoration: underline; }
	
.topnav 		 { padding-bottom: 5px; color: #9bbde2;}
a.topnav, 
a.topnav:visited { color: #FFF; text-decoration: none;}
a.topnav:hover	 { color: #FFF;	text-decoration: underline; }	


/* ========== CONTENT ========== */

#page {
	margin:10px auto 20px auto;
	text-align:left;
	width: 900px;
	}

#pageTop {
	margin:0;
	width: 900px;
	display: block;
	float: left;
	font-size: .6875em;
	}
	
#pageFooter {
	background: url('/theme/images/bottom2.png') no-repeat top;
	position:relative;
	width: 900px;
	padding:40px 0 12px 0;
	display: block;
	color: #9bbde2;
	text-align: center;
	font-size: 0.6875em;
	float: left;
	}
	
/* start 3 column div layout */
#container {
	width: 888px;
	background-position: top right;
	background-repeat: no-repeat;
	padding: 5px 6px 5px 6px;
	background-color: #FFF;
	background-image: url('/theme/images/topCorner.gif');
	display: block;
	float: left;
	}
	
#wrapper {
	float: left;
	width: 888px;
	margin: 15px 0 20px 0;
	border: 0px #000 solid;
	float: left;
	}

#left-nav {
	float:left;
	width:140px;
	padding: 0px 0px 0px 10px;
	border-right: 4px solid #DDD;
	}
*html { padding: 0px 0px 0px 0px !important;}
	
#main-content {
	width: 640px;
	padding: 0;
	min-height: 300px;
	margin-left: 165px;
	}
	
class="items"-nav {
	float: right; 
	width: 130px;
	padding: 15px 10px 0px 0px;
	display: none;
	}
	
#content { 
	width: 700px;
	padding: 50px 10px 0px 100px;
	min-height: 300px;
	}
*html #content { width: 650px;}

/* ========== PRIMARY NAV ========== */

a.nav1, a.nav1:visited  { background: url('/theme/images/nav_projects.png') no-repeat; margin: 0px; padding: 0px;}
a.nav1:hover 			{ background: url('/theme/images/nav_projectsOn.png') no-repeat !important; margin: 0px; padding: 0px;}

a.nav2, a.nav2:visited  { background: url('/theme/images/nav_install.png') no-repeat; margin: 0px; padding: 0px;}
a.nav2:hover 			{ background: url('/theme/images/nav_installOn.png') no-repeat !important; margin: 0px; padding: 0px;}

a.nav3, a.nav3:visited  { background: url('/theme/images/nav_source.png') no-repeat;  margin: 0px; padding: 0px;}
a.nav3:hover 			{ background: url('/theme/images/nav_sourceOn.png') no-repeat !important; margin: 0px; padding: 0px;}

a.nav4, a.nav4:visited  { background: url('/theme/images/nav_support.png') no-repeat; margin: 0px;  padding: 0px;}
a.nav4:hover 			{ background: url('/theme/images/nav_supportOn.png') no-repeat !important; margin: 0px; padding: 0px;}

#navlist {
margin: 0;
padding: 0;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
margin: 0px;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{ }

#navlist a:hover { color: #000; }


/* ========== LEFT NAV ========== */
	
#navcontainer {
	background: #FFF;
	width: 100%;
	}
	
#navitems	{
	padding-left: 0;
	margin: 20px 0 0 0;
	width: 100%;
	font-size: 0.6875em	
	}
	
#navitems li	{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	}
	
#navitems li a, #navitems li a:visited { 
	text-decoration: none; 
	color: #666; 
	line-height: 1.1667em /*14px*/;
	padding: 0 26px 15px 0 ;
	background: url('/theme/images/bg-lftnav.gif') right top no-repeat; 
	display: block;
	}
*html #navitems li a, *html #navitems li a:visited { 
	padding: 0 26px 0px 0 ;
	line-height: 1em /*12px*/;
	}
	
#navitems li a:hover { text-decoration: underline; }


/* ========== tertiary nav styles========== */

ul #tertnavTraits, ul #tertnavTraitsGUI, 
ul #tertnavChaco, ul #tertnavMayavi, 
ul #tertnavEnstaller, ul#tertnavEnvisage,
ul #tertnavEnable {
	padding: 0;
	margin: 0 15px 0 0;
	border-right: 4px solid #9bbde2;
	display: none;
	}
*html ul #tertnavTraits, *html ul #tertnavTraitsGUI, 
*html ul #tertnavChaco, *html ul #tertnavMayavi, 
*html ul #tertnavEnstaller, *html ul #tertnavEnvisage,
*html ul #tertnavEnable {
	padding: 10px 0 0 0;
	}
	
ul #tertnavTraits li, ul #tertnavTraitsGUI li, 
ul #tertnavChaco li, ul #tertnavMayavi li, 
ul #tertnavEnstaller li, ul #tertnavEnvisage li,
ul #ternavEnable li {
	font: normal 1em /*11px*/ Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	background: url('/theme/images/bg-tertnav.gif') right top no-repeat;
	padding: 0px 0 4px 10px;
	margin:0;
	line-height:1em/*11px*/;
	list-style-type: none;
	}
	
#tertnavTraits li a, #tertnavTraits li a:visited, 
#tertnavTraitsGUI li a, #tertnavTraitsGUI li a:visited, 
#tertnavChaco li a, #tertnavChaco li a:visited,
#tertnavMayavi li a, #tertnavMayavi li a:visited,
#tertnavEnstaller li a, #tertnavEnstaller li a:visited,
#tertnavEnvisage li a, #tertnavEnvisage li a:visited,
#tertnavEnable li a, #tertnavEnable li a:visited  { 
	text-decoration: none; 
	color: #598ec0; 
	line-height: 1em/*13px*/;
	padding: 0 17px 5px 0 ;
	background: url('/theme/images/bg-tertnav.gif') right top no-repeat; 
	display: block;
	}	
*html #tertnavTraits li a, *html #tertnavTraits li a:visited, 
*html #tertnavTraitsGUI li a, *html #tertnavTraitsGUI li a:visited, 
*html #tertnavChaco li a, *html #tertnavChaco li a:visited,
*html #tertnavMayavi li a, *html #tertnavMayavi li a:visited,
*html #tertnavEnstaller li a, *html #tertnavEnstaller li a:visited,
*html #tertnavEnvisage li a, *html #tertnavEnvisage li a:visited,
*html #tertnavEnable li a, *html #tertnavEnable li a:visited { 
	padding: 0 13px 5px 0 ;}
	
#tertnavTraits li a:hover, 
#tertnavTraitsGUI li a:hover, 
#tertnavChaco li a:hover,
#tertnavMayavi li a:hover,
#tertnavEnstaller li a:hover,
#tertnavEnvisage li a:hover,
#tertnavEnable li a:hover { 
	text-decoration: underline; 
	}	

/* ========== SITE MAP NAV STRUCTURES ========== */

	#right { width:250px; margin: -5px 0px 0px 20px; padding: 0px 0px 0px 0px; border-left: 4px solid #DDD; }
	.right { width:250px; margin: -5px 0px 0px 20px; padding: 0px 0px 0px 0px; border-left: 4px solid #DDD; }
	.items	{ padding: 15px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	*html .items	{ padding: 0px 0px 0px 0px; margin: 15px 0px -10px 0px; }
	#items li	{ list-style: none; margin: -10px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	*html #items li	{ list-style: none; margin: -10px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	#items li a, #items li a:visited {  text-decoration: none; color: #000000;  line-height: 0.625em /*10px*/; padding: 3px 0px 0px 26px ; margin: 0px 0px 10px 0px; background: url('/theme/images/bg-right.gif') left top no-repeat;  display: block; }
	*html #items li a, *html #items li a:visited { padding: 0px 26px 0px 25px; margin: 0px 0px 0px 0px; line-height: 0.75em /*12px*/; }
	#items li a:hover {color: #000000; text-decoration: underline; }
			
	ul #tert  { padding: 0px 0px 0px 0px; margin: 25px 0px 35px 40px; border-left: 4px solid #DDD; }
	*html ul #tert { padding: 5px 0px 0px 0px; margin: 0px 0px 35px 40px; }
	
    #tert li { padding: 0px 0px 0px 0px; margin: 15px 0px -20px 0px; }
    *html #tert li { padding: 3px 0px 0px 0px; margin: -5px 0px -20px 0px; }
	
	#tert2 li { padding: 0px 0px 0px 0px; margin: 15px 0px -20px 0px; }
    *html #tert2 li { padding: 3px 0px 0px 0px; margin: -5px 0px -20px 0px; }
	
	#tert3 li { padding: 0px 0px 0px 0px; margin: 15px 0px -20px 0px; }
    *html #tert3 li { padding: 3px 0px 0px 0px; margin: -5px 0px -20px 0px; }
	
	#tert li a, #tert li a:visited { background: url('/theme/images/bg-tertnav.gif') left top no-repeat; text-decoration: none; color: #598ec0; padding: 0px 0px 0px 13px; margin: -20px 0px 0px 0px; line-height: 1.25em /*20px*/;  }	
	*html #tert li a, *html #tert li a:visited  { padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; }
	
	#tert li a:hover { text-decoration: underline; }
	
	#tert2 li a, #tert2 li a:visited { background: url('/theme/images/bg-tertnav.gif') left top no-repeat; text-decoration: none; color: #598ec0; padding: 0px 0px 0px 13px; margin: -20px 0px 0px 0px; line-height: 1.25em /*20px*/;  }	
	*html #tert2 li a, *html #tert2 li a:visited  { padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; }
	
	#tert2 li a:hover { text-decoration: underline; }
	
	#tert3 li a, #tert3 li a:visited { background: url('/theme/images/bg-tertnav.gif') left top no-repeat; text-decoration: none; color: #598ec0; padding: 0px 0px 0px 13px; margin: -20px 0px 0px 0px; line-height: 1.25em /*20px*/;  }	
	*html #tert3 li a, *html #tert3 li a:visited  { padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; }
	
	#tert3 li a:hover { text-decoration: underline; }
	


/* ========== FOOTER ========== */

#footer {
	width: 900px;
	height: 14px;
	text-align: center;
	margin-top: 10px;
	display: block;
	}
	
	
/* ========== LIST STYLE ========== */
	
ul.sitemap {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-left: -2em;
	}

*ul.sitemap {
        margin-left: 2em;
        }
		
ul.list, ol.list{
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 15px;
	font-size: 0.6875em;
	} 
		
ul.list li {
	list-style-type:none;
	background: url('/theme/images/bullet.gif') 0 4px no-repeat;
	padding:0 0 0px 15px;
	margin: 5px 0px 0px 0px;
}
	
ul.list2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	} 
	
ul.list2 li {
	list-style-type:none;
	background: url('/theme/images/bullet.gif') 0 4px no-repeat;
	padding:0 0 0px 12px;
	margin: 0px 0px 0px 0px;
	font-size: 1em;
	}
	
	
/* ========== SCREENSHOT BOXES ========== */

#orange {
	background: #f1c56c url('/theme/images/bg_orange.png') repeat-x top left;
	width: 450px;
	padding: 8px;
	border-bottom: #d0ab60 solid 4px;
	margin-bottom: 10px;
	}
	
#orange2 {
	background: #f1c56c url('/theme/images/bg_orange.png') repeat-x top left;
	width: 450px;
	padding: 8px;
	border-bottom: #d0ab60 solid 4px;
	margin-bottom: 10px;
	}
	
#blue {
	background: #8ab1da url('/theme/images/bg_blue.png') repeat-x top left;
	width: 450px;
	padding: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: #7a9bbd solid 4px;
	}
	
#gray {
	background: #d8d8d8 url('/theme/images/bg_gray.png') repeat-x top left;
	width: 450px;
	padding: 8px;
	margin-top: 0px;
	border-bottom: #babbbb solid 4px;
	margin-bottom: 10px;
	}	
	
.boxStyle {
	color: #333;
	}
	
.boxStyle p {
	color: #333;
	}
	
.boxStyle a, .boxstyle a:visited {
	color: #253370;
	}

.boxStyle a:hover {
	color: #253370;
	}
	
.boxStyle ul {
	margin-left: 1.5em;
	padding-left: 1.5em;
	margin-top: 0;
}

div.float-right-figure {
    float: right;
}

div.float-left-figure {
    float: left;
}