body{
background-color: #FFD93C;
background: url(background.png) repeat-x;
background-position:left top;
text-align:center;
margin:0;
font-family:verdana,helvetica,arial,sans-serif;
font-size:0.75em;
line-height: 1.4; 
}

/* Page Wrappers */
#outerWrapper{
background-color: #FFD93C;
width:976px;
margin: 5px auto; 
padding-bottom:10px;
border:1px solid gray;
}	
#mainWrapper{
background-color: #FFFFFF;
width:966px;
margin:0px auto;
}

/* Login Bar */
#loginBar{
text-align:right;
background-color: #FFD93C;
color:#000000;
height:30px;
line-height:30px;
padding-right:1px;
}
#loginBar ul{
	display:inline;
	list-style:none;
}
#loginBar li{
	display:inline;
	border-left:1px solid #000000;
	padding:0 5px 0 5px;
}


#loginBar .inlineListFirst{
	border-left:0;
}

#loginBar a{
	text-decoration:none;
	color:blue;
}
#loginBar a:hover{
	text-decoration:underline;
}

/* Banner */
#banner{
height:135px;
background: url(logo.jpg) no-repeat top left;
text-align: right;
}
#bannerNarrow{
height:50px;
background: #FFFFFF url(logo-narrow.jpg) no-repeat top left;
text-align: right;
}

/*Top Horizontal Navigator */
#navigation{
clear:right;
font-size:14px;
font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
margin-left:0px;
float:right;
margin-top:107px;
margin-right:9px;
}

#navigation ul {
	margin:2 auto auto 0 !important;
	padding:0;
	border:medium none;
	position:relative;	
	z-index:200;	
}

#navigation li
{
	position:relative;
	top:1px;
	list-style:none;
	float:left;
	padding:0;
	line-height:normal;
	margin-left:0;
}

#navigation a
{
	float:left;
	display:block;
	background:url("navbuttonleft.gif") no-repeat;
	padding-left:11px;
	border-bottom:1px solid #93C0FF;
	text-decoration:none;	
}
#navigation a:hover
{
	background-position:0 -30px;
}

#navigation a span
{
	float:left;
	display:block;
	background:url("navbuttonright.gif") no-repeat right top;
	padding:4px 11px 3px 0px;
	font-weight:bold;
	color: #FFF !important;
}

#current a span
{
	color: #000 !important;
}
#navigation a:hover span
{
	background-position:100% -30px;
}

#navigation a:hover span {color:#000 !important;}

/* !IE5-Mac \*/
#navigation  a span { float:none; }
/**/

#navigation  #current a
{
	background-position:0 -30px;
	border:0;	
}

#navigation  #current a span
{
	background-position:100% -30px;	
	padding-bottom:4px;
}

/* Content */
#contentWrapper{
text-align:left;
margin-bottom:5px;
margin-left:0px;
border-top:1px solid #1B67C9;
}

#mainContent{
clear: left;
width:723px;
padding:5px 0 10px 10px;
color: #333333;
}

#mainContent h2{
	margin-bottom:5px;
	font-size:1.6em;
	color: #31659F;
	font-weight:normal;	
}

.pageSubject{
	border-bottom:1px solid #E8ECEE;
}
.pageSubject h2{
	font-size:1.7em !important;
	font-weight:normal !important;
	color:#31659F !important;
}

.welcomeText{
	padding:5px 0 0 15px;
	margin-botton:8px;
}
.welcomeTextInner{
	background:#FFFFFF url(http://www.openntf.org/internal/home.nsf/modal_top3.jpg) no-repeat scroll left top;
	padding:1px 15px 1px 15px;
	margin-bottom:0;
	font-size:1em;		
}
.welcomeTextWidth{
	width:675px;
}

.welcomeTextBottom{
background:transparent url(http://www.openntf.org/internal/home.nsf/modal_bottom3.jpg) no-repeat scroll left top;
margin-bottom:10px;
padding:5px 15px 8px 15px;
}

/*Right navigation Positioning */
#rightNav {
float:right;
margin-right:15px;
margin-top:7px;
padding:3px 3px 0 5px;
width:210px;
}

/*Vertical navigation boxes */
.openNTF-Sidebar-Section{
	border:1px solid #C4CBCC;
	margin-bottom:5px;
}

.openNTF-Sidebar-Section-header{
background-color:white;
background-image: url(widgetgradient.gif);
color:#6D84B4;
background-position:left top;
background-repeat:repeat-x;
padding:2px 3px 2px 5px;
font-weight:bold;
border-bottom:1px solid #C4CBCC;
cursor:default;
}
.openNTF-Sidebar-Section ul{
list-style: none;
margin-left:2px;
padding-left:5px;
padding-right:5px;
margin-top:5px;
}

.openNTF-Sidebar-Section li{
margin-bottom: expression('2px');
cursor:default;
}
 
.openNTF-Sidebar-Section-body a{
	background: url(domino_bullet.png) no-repeat left;
	text-decoration:none;
	color: #003366;	
	font-size:0.9em;
	padding-left:20px;
}
.openNTF-Sidebar-Section-body a:hover{
	text-decoration:underline;
	color: #3300FF;
}

/*Vertical navigation boxes */
.sideBox {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-color:#E8E8E8;
border-style:solid;
border-width:3px 1px;
margin-bottom:17px;
padding:4px 0;
width:215px;
}
.sideBox h3{
color:#31659F;
font-family:Helvetica,Trebuchet MS,Arial,sans-serif;
font-size:1.5em;
font-weight:normal;
margin:0.3em 3px 0.4em 10px;
background: url(http://www.openntf.org/internal/home.nsf/domino_bullet.png) no-repeat right;
}	

.sideBox ul{
font-size:0.90em;
line-height:1.8;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
overflow:hidden;
padding:0pt;
width:215px;
  }
 .sideBox li{
 border-top:1px solid #F0F0F0;
float:left;
display:block;
margin:0pt;
padding:0pt;
width:215px;
  }
 
.sideBox a{
color:#31659F;
display:block;
padding:2px 0pt 2px 10px;
text-decoration:none;
}
.sideBox a:hover{
background-color: #E8ECEE;
display:block;
color: #3300FF;
}

/*Footer */
#footer{
	/* commented out - Bruce Lill 2/10 since member view is available
	margin-bottom:0px;
	margin-top:5px;
	background: url(footer.jpg) no-repeat top left;
	height:200px;
	background-color: #FFD93C;
	text-align:left;
	padding-top:8px;
	padding-left:8px;
	*/
}
#footer span{
font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
color:#FFFFFF;
font-weight:bold;
}

/* Footer Links */
#footerLinks{
text-align:right;
background-color: #FFD93C;
padding-right:5px;
margin-bottom:2px;
font-size:0.9em;
}
#footerLinks ul{
	display:inline;
	list-style:none;
}
#footerLinks li{
	display:inline;
	border-left:1px solid #000000;
	padding:0 5px 0 5px;
}


#footerLinks .inlineListFirst{
	border-left:0;
}

#footerLinks a{
	text-decoration:none;
	color:blue;
}
#footerLinks a:hover{
	text-decoration:underline;
}

/*Homepage Blog*/
#blogContainer{
margin-left:21px;
margin-right:15px;
}
  #blogItem {
margin-right:1px;
}
#blogItem h2{
font-size:1.7em;
font-weight:normal;
color:#31659F;
}
.blogMeta{
border-top:1px solid #E5EAEC;
border-bottom:1px solid #E5EAEC;
padding-top:5px;padding-bottom:5px;
margin-bottom:5px;
color:#666666;
font-size:0.9em;
}
.blogAuthor{
color:#000000;
}


/* For clearing divs */
.clearDiv{
	clear:both;
}

/*Login ala Mac*/
#loginContent{
clear: left;
width:950px;
padding:5px 0 10px 10px;
color: #333333;
}

#loginContent h2{
	margin-bottom:5px;
	font-size:1.6em;
	color: #31659F;
	font-weight:normal;	
}
.instructions {
	font-size: small;
	}
	
.label {
	color: #333333;
	font-size: small;
	font-weight: normal;
	}
	
/*Catalog Table*/
table.dctable, tr.dctable, td.dctable {
background:transparent none repeat scroll 0 0;
color:#222222;
font-size:12px;
line-height:135%;
}

.dctable {
width:100%;
}

.borderwrap table th {
background:transparent url(tile_sub.jpg) repeat scroll 0 0;
border-bottom:1px solid #5176B5;
color:#3A4F6C;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
margin:0;
padding:5px;
text-align:left;
}

.tablecellborder {
border-bottom:1px solid silver;
}

.borderwrap {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid silver;
margin:10px;
padding:0;
}

.borderwrap h2{
	margin:0 0 5px 0;
	font-size:1.5em;
	color:#31659F;
	font-weight:normal;
}

.forumLastDateTime{
	color:grey;
}
.borderwrap a{
text-decoration:none;
color:#31659F;
}
.borderwrap a:hover{
text-decoration:underline;
}
.borderwrap a:visited{
color:#31659F;
}

.middleBox{
border-top:3px solid #E8E8E8;
border-bottom:3px solid #E8E8E8;
border-left:1px solid #E8E8E8;
border-right:1px solid #E8E8E8;
margin:0px 12px 0 0;
overflow-y:hidden;
padding:4px 0pt;
width:215px;
height:355px;	
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
.middleBox h3{
color:#31659F;
font-family:Helvetica,Trebuchet MS,Arial,sans-serif;
font-size:1.5em;
font-weight:normal;
margin:0.3em 3px 0.4em 10px;
margin-left:0px;
}

.middleBox ul{
font-size:0.90em;
line-height:1.8;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
width:215px;
}

.middleBox li{
border-top:1px solid #F0F0F0;
float:left;
display:block;
margin:0pt;
padding:0pt;
width:215px;
}
 
.middleBox a{
color:#31659F;
display:block;
padding:2px 0 0 10px;
text-decoration:none;
}

.middleBox a:hover{
background-color: #E8ECEE;
display:block;
color: #3300FF;
}

/* Download list */
ul.downloadlist li {list-style : none}
ul.downloadlist li a:hover {margin-left : 0; color : white; background-color : red}
ul.downloadist { margin : 0; padding : 0}

a.latestreleasebutton {
	 margin-left : 4px;
	 padding : 5px;
	 background-color : #EEEEEE;
	 border-top : 1px solid #EEEEEE;
	 border-left : 1px solid #EEEEEE;
	 border-right : 2px solid #A0A0A0;
	 border-bottom : 2px solid #A0A0A0;
	 
	  }
a.latestreleasebutton:hover { 
	background-color : #D0D0D0;
	 border-top : 1px solid #A0A0A0;
	 border-left : 1px solid #A0A0A0;
	 border-right : 2px solid #666666;
	 border-bottom : 2px solid #666666;}
