/* TeamOpen.com */
/* Copyright (c) The Open Companies. All rights reserved. */
/* Created for The Open Companies by...Open Development (go figure), July 2006. */





/* -------------- GENERAL ------------------------------------------------------------------------------------- */



body
	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	background: #fff;
	font: 75% Verdana, sans-serif;
	line-height: 1.4em;
	color: #333;
		}
	
#noScript
	{
	margin: 0;
	width: 100%;
	text-align: left;
	background: #ccc;
	color: #333;
	padding-bottom: 1px;
		}
	
#noScript p
	{
	margin: 10px;
	width: 760px;
	font-weight: bold;
	color: #333;
		}
		
		

	


/* -------------- TYPOGRAPHY --------------------------------------------------------------------- */



h1
	{
	font-size: 2.25em;
	font-weight: bold;
		}

h2
	{
	font: bold 1.4em Georgia, serif;
		}

h3
	{
	font-size: 1.25em;
	font-weight: bold;
	color: #355b86;
		}

h4
	{
	font: bold 1.25em Georgia, serif;
	color: #f60;
		}

h5
	{
	font-size: 1.25em;
	font-weight: bold;
		}

h6
	{
	font-size: 1.1em;
	font-weight: bold;
		}

strong
	{
	font-weight: bold;
		}

em
	{
	font-style: italic;
		}

pre,code
	{
	font: normal 1em Courier, monospace;
		}
		





/* -------------- NAVIGATION ------------------------------------------------------------------------------------- */


#mainNav
	{
	margin: 0;
    padding: 0;
    width: 576px;
    height: 32px;
		}

#mainNav span
	{
    display: none;
		}

#mainNav ul
	{
	margin: 0;
    padding: 0;
    background: transparent url(../images/navbar.gif) no-repeat;
    height: 32px;
    width: 576px;
    position: relative;
		}

#mainNav li
	{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
		}

#mainNav li, #mainNav a
	{
    height: 32px;
    display: block;
		}

#mainNav1
	{
    left: 0px;
    width: 98px;
		}

#mainNav1 a:hover
	{
    background: transparent url(../images/navbar.gif) -0px -32px no-repeat;
		}

#mainNav2
	{
    left: 98px;
    width: 127px;
		}

#mainNav2 a:hover
	{
    background: transparent url(../images/navbar.gif) -98px -32px no-repeat;
		}

#mainNav3
	{
    left: 225px;
    width: 108px;
		}

#mainNav3 a:hover
	{
    background: transparent url(../images/navbar.gif) -225px -32px no-repeat;
		}

#mainNav4
	{
    left: 333px;
    width: 138px;
		}

#mainNav4 a:hover
	{
    background: transparent url(../images/navbar.gif) -333px -32px no-repeat;
		}

#mainNav5
	{
    left: 471px;
    width: 105px;
		}

#mainNav5 a:hover
	{
    background: transparent url(../images/navbar.gif) -471px -32px no-repeat;
		}
		
		

	


/* -------------- LAYOUT --------------------------------------------------------------------- */




#shell
	{
	margin: 0 auto;
	padding: 0;
	width: 760px;
	text-align: left;
	background: #fff;
		}

#nonCss
	{
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 760px;
		}
				
#nonCss h1
	{
	display: none;
		}
				
#nonCss p
	{
	display: none;
		}
				
#logo
	{
	width: 183px;
	height: 125px;
	background: url(../images/logo.gif) no-repeat;
	float: left;
		}
		
#top
	{
	width: 576px;
	height: 125px;
	margin: 0;
	padding: 0;
	float: right;
		}
		
#openco
	{
	width: 576px;
	height: 81px;
	margin: 0;
	padding: 0;
	background: url(../images/top.gif) no-repeat;
		}
	
		
#jumpMenu
	{
	width: 750px;
	text-align: right;
	padding-top: 18px;
		}
		
#jumpMenu select
	{
	font-family: Verdana, sans-serif;
	font-size: 1em;
	line-height: 2em;
	color: #333;
	background: #ccc;
	padding: 2px;
		}
		
#flash
	{
	width: 760px;
	margin: 0 auto;
	padding: 0;
	height: 250px;
	background: #a6a6a6;
	border-bottom: 8px solid #a6a6a6;
		}
		
#photoHeader
	{
	width: 760px;
	margin: 0 auto;
	padding: 0;
	height: 100px;
	background: #a6a6a6;
	border-bottom: 8px solid #a6a6a6;
		}
		
#mainContent
	{
	width: 760px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/tile_content.gif) repeat-y;
	border-bottom: 1px solid #a6a6a6;
	border-top: 1px solid #a6a6a6;
		}
		
#left
	{
	width: 170px;
	float: left;
		}
		
#left #leftContent
	{
	width: 140px;
	margin-left: 15px;
	margin-top: 40px;
	font-size: .9em;
	line-height: 1.5em;
		}
		
#left #leftContent .signIn
	{
	margin-bottom: 6px;
		}
		
#left #leftContent ul
	{
	margin-left: 0;
	padding: 0;
	width: 120px;
		}
		
#left #leftContent li
	{
	list-style-type: none;
	line-height: 2em;
	border-bottom: 1px solid #ababab;
	display: block;
		}
		
#left #leftContent li a:link
	{
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	display: block;
		}
		
#left #leftContent li a:hover
	{
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	background: #d9e1ea;
	display: block;
		}
		
#left #leftContent li a:visited
	{
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	display: block;
		}
		
	
#right
	{
	width: 550px;
	margin: 0;
	float: right;
		}
		
#headline
	{
	width: 550px;
	height: 50px;
	margin-top: 6px;
		}
		
#headline h2
	{
	display: none;
		}
		
#rightContent
	{
	width: 520px;
	margin-left: 25px;
	margin-bottom: 25px;
		}
	
#rightContent .sidebar
	{
	width: 250px;
	margin-left: 20px;
	font-size: .9em;
	line-height: 1.2em;
	float: right;
	text-align: left;
	padding-bottom: 12px;
	border-bottom: 1px solid #a6a6a6;
		}
	
#rightContent .sidebar .screenshot
	{
	margin-bottom: 6px;
	margin-top: 8px;
		}
	
#rightContent .sidebar a:link, #rightContent .sidebar a:visited
	{
	color: #565678;
	text-decoration: underline;
		}
	
#rightContent .sidebar a:hover
	{
	color: #f60;
	text-decoration: underline;
		}
	
#rightContent .readMore
	{
	width: 100%;
	text-align: right;
		}
	
#rightContent .readMore a:link, #rightContent .readMore a:visited
	{
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	color: #738abf;
	text-decoration: none;
		}
	
#rightContent .readMore a:hover
	{
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	color: #f60;
	text-decoration: none;
		}
	

		
		
		
		
		
		
		
		
		
		
		
#footer
	{
	margin: 0 auto 12px auto;
	width: 760px;
	background: #fff;
	padding-top: 12px;
	color: #999;
	font-size: .9em;
	line-height: 1.2em;
		}
		
		



		
		
/* -------------- MISCELLANEOUS --------------------------------------------------------------------- */


.button
	{
	font: Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #369;
	background: #eaeaea;
	border: solid 1px #666;
	text-align: center;
	padding: 2px;
		}

.textbox
	{
	font-family: Geneva, Arial;
	font-size: 1em;
	color: #333;
	background: #fff;
	border: 1px #333 solid;
	text-align: left;
	padding: 2px;
	margin-top: 3px;
		}
		
input:focus, textarea:focus
	{
	background: #fed;
		}
		
.clear12
	{
	clear: both;
	height: 12px;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
	font-size: 1px;
	width: 579px;
	background: #fff;
		}
		
.clear
	{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
		}
		
.photoRight
	{
	margin: 0 0 10px 18px;
	float: right;
		}
		
.photoLeft
	{
	margin: 14px 18px 10px 0;
	float: left;
		}
		
.exFactor
	{
	color: #30f;
		}
		
.logoTable img
	{
	margin: 0 0 12px 0;
		}
		
.required
	{
	font-weight: bold;
	color: #c00;
		}