/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 










body{
	font-family: Arial,sans-serif;
	color: #708491;
	line-height: 1.166;	
	margin: 0 auto 0 auto;
	width: 1000px;

	border: 0px solid #000000;
	padding: 0 0 0 0;
	 background-image: url( noughtinfinity013b.jpg );
	 background-repeat: repeat-x;

}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #708491;
	text-decoration: none;
}

a:visited{
	color: #708491;
	text-decoration: none;
}

a:hover{
	color: #708491;
	background-color: transparent;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #708491;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #708491;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #708491;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #708491;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #708491;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: none;
}

ul ul{
 list-style-type: none;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #708491;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#bodywrapper {
width: 1000px;
	position: absolute;
	top: 0;
padding: 0px auto 0px  auto;
}

/* attempt to push down footer*/

html, body, #bodywrapper {
	min-height: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #bodywrapper {
	height: auto;
}



#masthead {
	padding-top: 4px;
	 border: 0px solid #fdfa02;
	border-bottom: 0px solid #1e468c; /*yellow line*/
	width: 100%;
	height: 60px;

	 margin-top: 1px;
	 margin-left: 9px;
	 background-image: url( noughtinfinity025.gif );
	 background-repeat: no-repeat;
}
#masthead img {
border: 0;
padding-bottom: 0;
padding-right; 0;
padding-left: 3px;
padding-top: 3px
margin: 0;
}


#siteName {
	margin: 0;
	float: left;
	padding: 0px 0 10px 10px;
	color:#708491;
	font-size: 100%;
	text-align: left;
	border: 0px solid #000000;
	}

/* #globalNav{ */
#blacktabsNav {
	font-size: 90%;
	line-height: 150%;
	padding: 1em 0 1em 10em; 
	border-bottom: 0px solid #04fb3e; /*green line*/
	border-top: 0px solid transparent;
}

	
#wrapper2 {
	width: 600px;
	max-width: 600px;
	right: auto;
	left: auto;
	text-align: center;
	border: 0px solid #fd0202;/*red line*/
	margin: 0px auto -1px 28%;
	padding-top: 28px;
	padding-left: auto;   /* float tabs in center for IE6 */
	padding-right: auto; /* float tabs in center for IE6 */
	overflow: visible;
	vertical-align: 0em;
		background: transparent;
}
#wrapper3 {
	text-align: left;
	width: auto;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
		padding-left: 0px;   /* float tabs in center for IE6 */
		padding-right: auto; /* float tabs in center for IE6 */
	border: 0px solid #000000;
	height: auto;
	margin: 0px auto -1px auto;
}
* html #wrapper3
	{
	display: inline;
	}


#wrapper {
	width: 1000px;
		height: auto;
	border: 0px solid #fd0202;
	margin: 0px auto -1px auto;
	background: transparent;
}
	
.horizontal {
list-style: none;
list-style-type: none;
}

.horizontal li {
display: inline;
vertical-align: top;
}

.horizontal h2 {
text-align: left;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/




/*************** #pageName styles **************/

#pageName {
	padding: 0px 0px 0px 10px;
	text-align: left;
}


/************* #globalNav styles **************/

#globalNav{
color: #708491;
padding: 0px 0px 0px 10px;
text-align: center;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}
/************* #slidingdoor styles ************

#slidingdoor {
	float: left;
	width: 100%;
	border-bottom: 8px solid #ffffff;
	margin-bottom: 1px;
	background-image: url(fade01h.gif);
	background-repeat: repeat-y;

}
#slidingdoor ul {
	margin: 1px;
	padding: 1px;
	padding-left: 1em;
	list-style: none;
}
#slidingdoor li {
	float: left;
	background-image: url("left_tab-06.gif");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 4px 0 4px; /* setting for left and right tab gifs gap*/
}
#slidingdoor a {
	float: left;
	display: block;
	background-image: url("right_tab-06.gif");
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0.2em 10px 0.2em 0.5em;
	text-decoration: none;
	font-size: 80%;
	font-weight: bold;
	color: #0069d2;
}

#home #slidingdoor li.home,
#gallery1 #slidingdoor li.gallery1,
#gallery2 #slidingdoor li.gallery2,
#gallery3 #slidingdoor li.gallery3,
#gallery4 #slidingdoor li.gallery4,
#gallery5 #slidingdoor li.gallery5,
#gallery6 #slidingdoor li.gallery6,
#gallery7 #slidingdoor li.gallery7,
#gallery8 #slidingdoor li.gallery8,
#gallery9 #slidingdoor li.gallery9 {
	background-image: url("left_tab-05.gif");
}

#home #slidingdoor li.home a,
#gallery1 #slidingdoor li.gallery1 a,
#gallery2 #slidingdoor li.gallery2 a,
#gallery3 #slidingdoor li.gallery3 a,
#gallery4 #slidingdoor li.gallery4 a,
#gallery5 #slidingdoor li.gallery5 a,
#gallery6 #slidingdoor li.gallery6 a,
#gallery7 #slidingdoor li.gallery7 a,
#gallery8 #slidingdoor li.gallery8 a,
#gallery9 #slidingdoor li.gallery9 a {
	background-image: url("right_tab-05.gif");
	background-color: transparent;
	color: #ffffff;
}


*/



#globalNav img{
display: block;
}

/************* #breadCrumb styles *************/


#subtopicNavtop{

	clear:left;
	text-align: center;
	font-size: 80%;
	padding-right: 5em;
	padding-left: 5em;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}




/*********** #navBar link styles ***********/
#navBar{
float: left;
clear: both;
	font-size: 85%;
	width: 10em;
	margin-right: 0.2em;
	padding: 0px;
	padding-top: 4em;
	background-color: transparent;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
		z-index: 2;
}

#navBar ul a:link {
	display: block;
}
#navBar ul a:visited {
	display: block;
}
#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
* html #navBar
	{
	display: inline;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #708491;
}
/* hack to fix IE/Win's broken hover on block links*/
* html #navBar li a {
	width: 100%;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
}
/*********** end navBar styles***********
----------------------------------------*/


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 0px solid #708491;
	font-size: 90%;
	width: 12em;
}

#search form{
	margin: 0px;
	padding: 0px;
	padding-bottom: 1em; 
}

#search label{
	display: block;
	margin: 0px;
	padding-bottom: 10px;
}
/*********** end search styles***********
----------------------------------------*/


/*********** #sectionLinks styles ***********/
#sectionLinks{
	width: 10em;
	margin: 0px;
	padding: 2em 0 2.5em  0;
	border: 0px solid #eeeeee;
	padding-right: 0.5em;
	padding-left: 0.5em;	
}

#sectionLinks a:link{
	border-top: 1px solid #708491;
	padding-top: 2px;
	padding-bottom: 2px;
}
#sectionLinks a:visited{
	border-top: 1px solid #708491;
	padding-top: 2px;
	padding-bottom: 2px;
}
#sectionLinks a:hover{
	border-top: 1px solid #708491;
	background-color: #708491;
	color: #ffffff;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
#sectionLinks h3{
padding-left: 0.5em;
padding-bottom: 0.5em;
padding-top: 1.5em;
}


/*********** #sectionLinks list styles ***********/

#sectionLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
}

#sectionLinks ul a:link {
	display: block;
}
#sectionLinks ul a:visited {
	display: block;
}

#sectionLinks ul ul {
padding-left: 1.5em;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sectionLinks li {
	border-bottom: 0px solid #000000;
	padding-left: 0.5em;
}
/* hack to fix IE/Win's broken hover on block links*/
* html #sectionLinks li a {
	width: 100%;
}

/* fix for browsers that don't need the hack */
html>body #sectionLinks li {
	border-bottom: none;
}

/********* end sectionLinks styles *********
----------------------------------------*/



/*********** #headlines styles ***********/
#headlines{
	width: 10em;
	height: 1em;
	margin: 0px;
	padding-top: 4em;
	border: 0px solid #eeeeee;
	padding-right: 0.5em;
	padding-left: 0.5em;

}
#headlines img {
	padding-top: 4em;
	padding-left: 0;
}
#headlines a:link{
	border-top: 1px solid #eeeeee;
	padding-top: 2px;
	padding-bottom: 2px;
}
#headlines a:visited{
	border-top: 1px solid #eeeeee;
	padding-top: 2px;
	padding-bottom: 2px;
}
#headlines a:hover{
	border-top: 1px solid #eeeeee;
	background-color: #eeeeee;
	color: #000000;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
#headlines p{
	padding: 0px;
}
#headlines h3{
padding-left: 0.5em;
padding-bottom: 1em;
padding-top: 2em;
}
#headlines ul {
padding-bottom: 2em;
}


/************** #headlines list styles **************/

#headlines ul a:link {
	display: block;
}
#headlines ul a:visited {
	display: block;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#headlines li {
	border-bottom: 1px solid #eeeeee;
	padding-left: 0.5em;
}
/* hack to fix IE/Win's broken hover on block links*/
* html #headlines li a {
	width: 100%;
}

/* fix for browsers that don't need the hack */
html>body #headlines li {
	border-bottom: none;
}
/***************** end headlines ******************/





/*********** .relatedLinks styles ***********/

.relatedLinks{
	width: 10em;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000000;
	padding-right: 0.5em;
	padding-left: 0.5em;	
}
.relatedLinks a:link{
	border-top: 1px solid #eeeeee;
	padding-top: 2px;
	padding-bottom: 2px;
}
.relatedLinks a:visited{
	border-top: 1px solid #eeeeee;
	padding-top: 2px;
	padding-bottom: 2px;
}
.relatedLinks a:hover{
	border-top: 1px solid #eeeeee;
	background-color: #eeeeee;
	color: #000000;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
.relatedLinks h3{
	padding-left: 0.5em;
	padding-bottom: 1em;
	padding-top: 2em;
}
/*********** .relatedLinks list styles ***********/

.relatedLinks ul a:link {
	display: block;
}
.relatedLinks ul a:visited {
	display: block;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
.relatedLinks li {
	border-bottom: 1px solid #000000;
	padding-left: 0.5em;
}
/* hack to fix IE/Win's broken hover on block links*/
* html .relatedLinks li a {
	width: 100%;
}

/* fix for browsers that don't need the hack */
html>body .relatedLinks li {
	border-bottom: none;
}
/*********** end .relatedLinks styles***********
----------------------------------------*/


/************** #advert styles **************/

#advert{
	padding: 1em 0px 1em 0px;
	font-size: 80%;
	border-top: 0px solid #708491;
	border-bottom: 0;
	text-align: right;
}

#advert img{
	float: right;
	clear: both;
	display: block;
	align: right;
	padding-left:6em;

}
/*********** end advert styles***********
----------------------------------------*/

/*********** content list styles ***********/

#content{
	float: left;
	width: 600px;
	margin: 10px;
	padding-right: 0.5em;
	padding-top: 0em;
	border: 0px solid #000000;
	text-align: left;
}
/*#content h1{
	padding: 20px 0px 1px 0px;
	text-align: left;
	font-size: 140%;
}

#content h2{
	padding: 20px 0px 1px 0px;
	text-align: left;
	font-size: 110%;
}

#content h3{
	padding: 20px 0px 1px 0px;
	text-align: left;
	font-size: 85%;
}

#content h4{
	padding: 2em 0px 2em 0px;
	text-align: left;
	font-size:190%;
}*/

/*********** end content styles***********
----------------------------------------*/

/************** .feature styles ***************/

.feature img{
	padding: 0px 10px 2em 0px;
	margin: 0 5px 5px 0;
}

.feature{
	padding: 20px 0px 10px 6em;
	font-size: 80%;
	width: 500px;
}

.feature h1{
	padding: 20px 0px 1px 0px;
	text-align: left;
	font-size: 160%;
	letter-spacing: 0.7em;
	color: #708491;
}

.feature h2{
	padding: 20px 0px 10px 0px;
	text-align: left;
	font-size: 130%;
}

.feature h3{
	padding: 20px 0px 1px 0px;
	text-align: left;
	font-size: 85%;
}

.feature h4{
	padding: 0.5em 0px 0.2em 0px;
	text-align: left;
	font-size:120%;
}

.feature p{
	padding: 0.2em 0px 5px 0px;
	text-align: left;

}

.feature ul {
	list-style-type: none;

	}
.feature ul ul{
	list-style-type: circle;
		font-size: 120%;

	}

/* adjust margins to change separation between the feature image and text flowing around it */
#imageleft img{
	padding: 2px auto 2px auto;
	float: right;
}

/************ right hand side column in content section ***********/

#contentright {
font-size: 100%;
color: #fc0214;
float: right;
clear: none;
width: 164px;
border-top: 0px solid #efefef;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
border-left: 0px solid #efefef;
background: transparent;
padding: 1.5em 1.1em 0.2em 0.1em;
margin-right: 0.2em;
margin-left: 0;
margin-top: 3em;
margin-bottom: 3em;
/*	 background-image: url(noughtinfinity201.gif); */
/*	 background-repeat: no-repeat;  */
}

#contentright h2 {
padding-bottom: 0.4em;
padding-left: 1.4em;
padding-right: 0.4em;
color: #000cff;
}

#contentright p {
padding-top: 0;
padding-bottom: 0.4em;
font-size: 80%
}

#contentright img{
	float: right;
	clear: none;
	display: block;
	align: right;
	padding-left:0em;
	padding-bottom: 0;
	padding-top: 20px;
}

#contentright ul {
	list-style-type: square;
	padding-bottom: 1em;

	}


/************* #bottom-banner styles ***************/


#content-footer {
float; left;
clear: both;
width: 200px;
height: 1px;
border: 0px solid #000000;
padding-bottom: 30px;
padding-top: 30px;
}




#subtopicNavbot {
	position: absolute;
	clear: both;
	text-align: center;
	vertical-align: bottom;
	bottom: 40px;
	width: 1000px;

	border: 0px solid #708491;
	font-size: 80%;
	color: #708491;
	padding: 1em auto 1em auto;
	margin-top: -1px;
	border-bottom: 0px solid #eeeeee;
	border-left: auto;
	border-right: auto;
}





#bottom-banner {
position: absolute;
clear: both;
	text-align: center;
vertical-align: bottom;
bottom: 10px;
clear: both;
	width: 1000px;
	height: auto;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 75%;
	color: #cccccc;
	padding: 0 auto 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -1px;

}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#bottom-banner img{
	
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}










/**************************************************/


#contentimage {
list-style-type: none;

}

#contentimage li {
float: left;
width: 240px;
height: 240px;
padding: 0;
}

#contentimage img {
display: block;
 border: 0px solid #ffffff;
}

#singlecontent {
        list-style-type: none;
} 

#singlecontent li {
float: left;
width: 240px;
height: 240px;
padding: 0;
        border: 1px solid #000000;
} 

#singlecontent img {
        display: block;
        border: 1px solid #000000; 
} 
        
  


/***************** Blacktabs styles *******************/

    #blacktabs {
		float: left;
      width:auto;
      background: transparent;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #666;
      padding: 0;
      margin: 0;

      }
      
    #blacktabs ul {
    		width: auto
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
          left: auto
     		right: auto
      	text-align: center;
      }
      
    #blacktabs li {
      display:inline;
      margin:0;
      padding:0;
      }
      
    #blacktabs a {
      float:left;
      background:url("tableft6.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #blacktabs a span {
      float:left;
      display:block;
      background:url("tabright6.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #blacktabs a span {float:none;}
    /* End IE5-Mac hack */
    #blacktabs a:hover span {
      color:#FFF;
      }
    #blacktabs a:hover {
      background-position:0% -42px;
      }
    #blacktabs a:hover span {
      background-position:100% -42px;
      }

      #blacktabs #current a {
              background-position:0% -42px;
      }
      #blacktabs #current a span {
              background-position:100% -42px;
      }