body {
	background-color:#FFF;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px;
	padding: 0px;
	background-image: url(images/XiscienceBackground.jpg);
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}
#container {
	margin: 0px auto;
	text-align: left;
	width: 717px;
}	
#container2 {
	margin: 0px auto;
	text-align: left;
	width: 717px;	
}	

a{
	font-size:12px;
}
b{
	font-size:12px;
}
h4{
	font-size:12px;
	font-weight: bold;
}
h5{
	font-size:12px;
	font-weight: bold;
}
h6{
	font-size:12px;
	font-weight: bold;
}
p{
	margin: 15px 0px; /*distance between paragraphs*/
	text-align: justify;
}
n1{
	margin: 5px 0px;
	display: block;
	text-align: justify;
}
n2{
	margin: 5px 0px; /*distance between paragraphs*/
	display: block;
	text-align: justify;
}
n3{
	margin: 5px 0px; /*distance between paragraphs*/
	display: block;
	text-align: justify;
}

li {
	text-decoration: none;
}


/********************** Header ***************************/
#header {
	margin: -10px 0px 0px 0px;
	background-image:url(images/XiScienceLogo.jpg);
	width:717px;
	height:182px;
	position:relative;
}
/****** Link Bar 1 - Original Link Bar & Header & main page Formating**************/
#header ul{
	display:block;
	top:153px; /*Y-axis position - Originally 142 */
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:20px; /*Height (depth) of bar*/
	padding:5px 0px 0px 0px;
	text-align:center;
	background-image: url(images/menu.gif);
}
#header li{
	display:inline;
}
#header ul a{  /*Link format with no mouse hover over*/
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 21px; /*Distance between link text- 15 originally*/
	
}
#header ul a:hover{ /*Link format with mouse hover over*/
	text-decoration:underline;
	color:#28556b;
}


/*********************Text around the title ***************************/
#header_text {
	top:90px;
	left:123px;
	width:420px;
	position:absolute;
	text-align: center;
}
#header_text p{
	font-size: 12px;
	color:#000000;
}
#header_text a{color:#28556b;}
#header_text a:hover{color:#c77e0c;}

/********************** Link Bar 2 ***************************/
#nav {
	position: absolute;
	top: 157px;
	left: 0px;
	
}
#nav  a {
	background-image:url(images/Menu.jpg);
	width:90px;
	height:21px;
	display:inline;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align:center;
	padding-top:4px;
	text-decoration:none;
	color:#e9e4d0;
	font-weight:bolder;
}	
#nav  a:hover {
	background-image:url(images/Menu2.jpg);
	color:#544e38;
	}
/*#nav  a:visited {
	background-image:url(images/menu2.jpg);
	color:#544e38;
}*/

/****** Link Bar 3 - Original Link Bar & Header & main page Formating**************/
#header2 ul{
	background-color:#E3E5DB; /* originally #85a157 #A4A7C6 #9FAE6B*/
	width:711px; /*Border around link bar*/
	display:block;
	top:182px; /*Y-axis position */
	position:absolute;/* If format problems, you may need to change this */
	margin: 0px 0px 0px 0px;
	height:20px; /*Height (depth) of bar*/
	padding:5px 0px 0px 0px;
	text-align:center;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E3E5DB;
	border-right-color: #E3E5DB;
	border-bottom-color: #85a157;
	border-left-color: #E3E5DB;
}
#header2 li{
	display:inline;
}
#header2 ul a{  /*Link format with no mouse hover over*/
	text-decoration:none;
	color:#202AA3;
	font-weight: 600;
	margin: 0px 14px; /*Distance between link text- 15 originally*/
}
#header2 ul a:hover{ /*Link format with mouse hover over*/
	text-decoration:none;
	color:#FFF;
	
}

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

#logo_w1,#logo_w2 {
	font-size: 64px;
	font-style:italic;
	color:#FFFFFF;
	position:absolute;
	font-family: "Wendy Medium", "Monotype Corsiva", "Times New Roman";
}
#logo_w1{
	top:15px;
	left:70px;
}
#logo_w2{
	top:44px;
	left:94px;
}


/********************** Content ***************************/
#content {
	/*background-image:url(images/content_bg.gif);*/
	width:717px;
	background-color: #E3E5DB;
}
img{
	border-width:0px;
}
h1{
	color: #000;
	font-size: 31px;
	margin: 0px 0px 0px 0px;
	font-family: "Tempus sans ITC", "Wendy Medium", "Times New Roman";
	font-style: italic;
}

h2{
	color:#000000;
	font-size:14px;
	margin: 20px 0px 20px 0px;
}
h3{
	color:#85a157;
	font-size:14px;
	text-align:center;
	width:200px;
	margin: 10px 0px 15px 0px;
}
/********************** Left Side Text and pics ********************/
#left {
	float:left;
	width:418px;
	margin-left:27px;
	padding: 0px 10px 30px 0px;
	display:inline;
}
#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}
#photos a{
	margin-right:14px;
}
/********************** Right Side Text ********************/
#right {
	float:right;
	width:210px;
	padding: 0px 20px 20px 20px;
	margin-top:10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #A3B271;
}
#right a{
	color:#c77e0c; /* Right text title colour*/
}
#right a:hover{
	color:#85a157; /* Right text title colour when mouse over*/
}
#right h4{
	color:#c77e0c; /* Right text title colour*/
}
#right h4:hover{
	color:#85a157; /* Right text title colour when mouse over*/
}
#right h5{
	color:#c77e0c; /* Right text title colour*/
}
#right h5:hover{
	color:#85a157; /* Right text title colour when mouse over*/
}
#right h6{
	color:#c77e0c; /* Right text title colour*/
}
#right h6:hover{
	color:#85a157; /* Right text title colour when mouse over*/
}

/********************** RSS section Formating ********************/
#left-rss {
	float:left;
	width:695px;
	margin-left:10px;
	padding: 0px 10px 30px 0px;
	display:inline;
	text-align: left;
	top: 22px;
	position: relative;
}
#left-rss a{color:#28556b;}
#left-rss a:hover{color:#c77e0c;}

/************** Justified section Formating *****************/

#justified {
	float:left;
	width:695px;
	margin-left:10px;
	padding: 0px 0px 0px 0px;
	display:inline;
	text-align: left;
	top: -15px;
	position: relative;

}
#justified a{color:#28556b;}
#justified a:hover{color:#c77e0c;}

/************** Justified clock only section Formating *****************/

#justified-clock {
	float:left;
	width:695px;
	margin-left:10px;
	padding: 0px 0px 0px 0px;
	display:inline;
	text-align: left;
	top: -25px;
	position: relative;

}
#justified-clock a{color:#28556b;}
#justified-clock a:hover{color:#c77e0c;}

/********************** Left Side Text and pics ********************/
#left-clock {
	float:left;
	width:320px;
	margin-left:10px;
	padding: 0px 20px 20px 0px;
	display:inline;
	top: -10px;
}
#left-clock a{color:#28556b;}
#left-clock a:hover{color:#c77e0c;}
}
/********************** Right clock page ********************/
#right-clock {
	float:right;
	width:360px;
	padding: 0px 0px 0px 0px;
	margin-top:10px;
	
}

/********************** Footer ***************************/
#footerline {
	clear:both;
	/*background-image:url(images/footer_bg.gif);*/
	font-size:1px;
	height:10px;
		
}
#footer {
	width:717px; /*With border with is 711px*****Link Bar X-position*/
	/*border: 3px solid #FFFFFF; /*Border around link bar*/
	text-align:center;
	padding: 10px 0px;
	height:25px;
	background-color: #9FAE6B; /* originally #9FAE6B*/
	background-image: url(images/FooterBackgroung10x45px.jpg);
}

/****************  CSS from original rutorial file    ************************/

/*table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;margin:0;padding:0;}
q:before,q:after{content:'';}
caption,th{text-align:left;}
fieldset,img{border:0;}
li{margin:0;padding:0;}
abbr,acronym{border:0;}
html,body{height:100%;}
body{font:13px/1.5em Verdana,sans-serif;letter-spacing:0;color:#333;background-color:#fff;margin:0;padding:0;}
div#site{width:950px;margin:0 auto;background-color:#fff;height:100%;min-height:100%;}
html>body div#site{height:auto;}
/*a{color:#326EA1;text-decoration:underline;padding:0 1px;}
a:hover{color:#fff;background-color:#333;text-decoration:none;padding:0 1px;}
a.nohover{text-decoration:none;border:none;}
a.nohover:hover{background-color:transparent;border:none;}
a.namelink{padding:0;margin:0;overflow:hidden;height:1px;}
.footnote,.footnote a{font-size:12px;line-height:1.3em;color:#aaa;letter-spacing:0;}
.footnote em{background-color:transparent;font-style:italic;}
.highlight{background-color:#ffc;}p{margin:0;padding:5px 0;}
ul,ol{list-style-type:disc;margin:10px 0 10px 200px;padding:0 0 0 15px;}
ul li,ol li{margin:0 0 7px 0;padding:0 0 0 3px;}
form{margin:0;padding:0;}*/


/*blockquote{font-size:12px;line-height:1.4em;color:#666;border-left:4px solid #666;margin:10px 30px;padding:10px 20px;background-color:#f3f3f3;}
input[type=text],select,textarea{font-size:14px;line-height:1.5em;padding:2px;}
input[type=text],select,textarea{background-color:#e9f5ff;border:1px solid #333;}
input[type=text]:focus,select:focus,textarea:focus{background-color:#ffe;}
strong{font-weight:bold;}
em{font-style:italic;}*/



/******  Modifies the formatting between section blocks   **********/

div.hr{width:100%;height:15px;border-top:1px solid #999;margin:15px auto 0 auto;}
div.noline{border:none!important;}
div.hr hr,div.hr-side hr{display:none;}
.hide{position:absolute;top:0;left:-1000em;}
.center{text-align:center;}
/********************************************************************/

/* Contains layout making the RSS into 1 column if using <div class="container singles">   */
div.singles div.section{float:left;width:670px;padding:0 10px;}

/* Contains layout making the RSS into 2 column if using <div class="container halves">   */
div.halves div.section{float:left;width:327.5px;padding:0 10px;}

/* Contains layout making the RSS into 3 columns if using <div class="container thirds">   */
div.thirds div.section{float:left;width:210px;padding:0 10px;}

/* Contains layout making the RSS into 4 columns if using <div class="container fourths">   */
div.fourths div.section{float:left;width:153px;padding:0 10px;}


div.container:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
}
div.container div.left-border{border-left:1px solid #999;}
div.container div.right-border{border-right:1px solid #999;}
/div.spacer{height:15px;}
div.container{zoom:1;}

div.one-third div.primary{float:right;width:569px;padding:0 0 0 20px;}
div.one-third div.secondary{float:left;width:300px;padding:0 20px 0 0;}
div.two-thirds div.primary{float:left;width:569px;padding:0 20px 0 0;}
div.two-thirds div.secondary{float:right;width:300px;padding:0 0 0 20px;}




/*body{background:#fff url(../images/top_gradient.gif) repeat-x top left;background-attachment:fixed;}
div#site{width:1100px;background-color:transparent;}
div.thirds div.section{width:346px;}
div#navigation{text-align:center;}*/




/* Formatting*/
ul,ol{margin-left:0;margin-right:0;padding-left:0;padding-right:0;list-style:none;}
ul li,ol li{
	margin:0;
	padding:7px 0;
	font-size:0.9em;
	line-height:1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

/*** Bar at bottom of feeds with MORE>  written on it*/

p.more{
	background-color:#A4A7C6;
	text-align:right;
	padding-right:10px;
}


div.nb-list ul.primary{margin-bottom:0;padding-bottom:0;}
div.nb-list ul.secondary{margin-top:0;padding-top:0;}
div.nb-list li.enclosure{padding-left:20px;background-color:transparent;background-repeat:no-repeat;background-position:left 6px;}
div.nb-list li.video{background-image:url(images/video.png);}
div.nb-list li.audio{background-image:url(images/audio.png);}
div.nb-list li.image{background-image:url(images/images.png);}
div.nb-wide{zoom:1;}
div.nb-wide:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.nb-wide li{float:left;border:none;}
div.nb-wide li a{display:block;padding:3px;margin:10px 0 0 18px;background-color:#369;}
div.nb-wide li a:hover{background-color:#69c;}

/* Role over text formatting is in here*/
.tool-tip{
	color:#fff;
	width:300px; /*Originally 450px*/
	z-index:13000;
}
.tool-title{
	font-weight:bold;
	font:13px/1.3em Verdana,sans-serif;
	margin:0;
	color:#9FD4FF;
	padding:8px 8px 4px;
	background-image: url(images/bg_tooltip.png);/* originally bg_tooltip3-300x450px.png*/
	background-position: left top;
	text-align: left;
}
.tool-text{
	font:12px/1.3em Verdana,sans-serif;
	padding:4px 8px 8px;
	text-align: left;
	background-image: url(images/bg_tooltip.png); /* originally bg_tooltip3-300x450px.png*/
	background-position: right bottom;
}
.tool-text span span{
	display:block;
	font:11px/1.3em Verdana,sans-serif;
	color:#aaa;
	padding:5px 0 0 0;
}


/*
div#footer{padding:5px 20px;margin:30px 0;background-color:#f3f3f3;border:0 solid #ccc;border-width:1px 0;text-align:center;}

div#footer p{line-height:1.6em!important;}*/



