/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #330033;
	background-color:inherit;
	background: url(../images/logos/dasp_science.gif) no-repeat 98% 8px;
	margin: 5px 10px;
	border: 1px solid #CCCCCC;
}

/*Header Styles*/

#header {
	height: 105px;
	border-bottom: 1px dashed #CCC;
	padding: 0px 5px;
}

#header h1.mauve {
	margin:5px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	color:#990000;
	background-color:inherit;
	text-align: left;
	letter-spacing: 0.1em;
			}
			
			
#header h2.purple{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #666666;
	background-color:inherit;
	margin: 10px 10px 10px 20px;
	padding: 0px;
	letter-spacing: 0.2em;
	text-align:left;
	font-size: 130%;	
			}
#container {
	background: url(../images/logos/html.gif) repeat-y fixed left top;
}



/*Left column styles*/
#left {
	color:#330033;
	background-color:inherit;
	width: 180px;
	float: left;
	position:relative;
	margin-top: 5px;
	padding-top: 0px;
	margin-bottom: 0px;
	font: 80% Arial, Helvetica, sans-serif;
}

#left li {
	color: #CCCCCC;
	background:inherit;
}
#left p {
	padding: 5px;
	font-size: 80%;
	color: #333333;
	background-color:inherit;
}


/*Right column styles*/
#right{
	padding: 5px;
	font-size: 90%;
	margin-left: 185px;
	position:relative;
	}			
			
/*Text Styles*/
h1,h2 {
	color: #330066;
	background:inherit;
	padding: 0px 5px;
	text-align:center;
}

h1 {
	font-size:130%;
}

h2 { font-size:120%;}

.redleft {
	font-size: 100%;
	color: #990000;
	background: inherit;
	text-align: left;
}

h3 {
	font-size: 100%;
	color:#990000;
	background:inherit;
	text-align:center;
}

h4 {
	color: #330066;
	background:inherit;
	padding: 0px 5px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
}

p {
	margin: 10px;
			}

/*Link styles*/

a 	{
	color:#000099;
	background-color:inherit;
	text-decoration:underline;
	margin: 0px;
					
			}

			
a:link 		{
					color:#000099;
					background-color:inherit;
					text-decoration:underline;
			}
			
a:visited 	{
					color:#3366CC;
					background-color:inherit;
					text-decoration:none;
			}
			
a:hover 	{
					color:#990000;
					background-color:inherit;
					text-decoration:none;
			}
			
a:active 	{
					color: #000099;
					background-color:inherit;
					text-decoration:underline;
			}
			
/* centre image*/
.imgcentre {
	text-align: center;	
}

/* Remove border from image link*/

.border {
	border: 0px;
	margin-left: 10px;
	padding-left: 10px;
}
			
			
/* List Styles*/
ul {
	list-style:square;
}
hr {
	background: url(../images/logos/underline.gif) no-repeat;
}

ul.arrowdown {
	list-style: url(../images/logos/arrow_down.gif) none;
}
ul.arrowdown li {
	margin: 0px;
	padding: 5px 0px 0px;
}

ul.arrowright {
	list-style: url(../images/logos/arrow_right.gif) none;
	margin-top: 20px;
}
ul.arrowright li {
	margin-bottom: 5px;
}

ul.pin {
	list-style: url(../images/logos/pin.gif) none;
	margin-top: 20px;
}
ul.pin li {
	margin-bottom: 5px;
}

ul.arroweb{
	list-style: url(../images/logos/web_arrow.gif) none;
	margin-top: 20px;
}
ul.arroweb li {
	margin-bottom: 5px;
}

acronym { border-style: dashed;
		  border-bottom-color: red; 
		  border-top-width: 0px; 
		  border-right-width: 0px; 
		  border-bottom-width: 1px; 
		  border-left-width: 0px; 
		  cursor: help;
		  }
		  		
.imgleft {
	float: left;
	padding-top: 5px;
	margin-top: 5px;
}

/*Activities style*/
 div .activity{
	padding: 10px 5px;
	margin: 10px 10px 0px;
	border: 1px dashed #990000;
	background: #CCCCCC;
	color:inherit;
	height: auto;
	}	
			
/*Footer Styles*/			
						
#footer {
		  margin: 0px 5px 5px;
		  border-top: 1px dashed #CCC;
		  padding:5px 0px;
		  clear: both;	
		}


		
* html #footer {border-top:dashed;position:relative;}/* for ie only */
/* commented backslash mac hiding hack \*/ 
* html #footer {border-top:dashed;height:1%;position:relative;}
/* end hack for ie only - height 1% makes ie5 take note of margins in container*/
 
#footer p {
	color: #999999;
	background:inherit;
	text-align: center;
	font-size: 80%;
}		
		
#footer .sign {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#right a img {
	border: none;
}

.underline {
		text-align:center;
}
.highlight {
	color: inherit;
	background: #FFFF66;
	padding: 2px;
	margin: 0px;
}
.code {
	margin-left: 20px;
	font-size: 80%;
	padding: 0px;
	margin-right: 0px;
}
.boldtext {
	font-weight: bold;
}
.clear { clear:both;}

.textstyle {
	font: italic bold 14pt Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #FF0000;
	background: inherit;
}

div.logo img {
	background-color: #FFFFFF;
	color:inherit;
	border: 1px solid #333333;
	margin: 15px 10px 5px 10px;
	padding: 2px;
	float:left;

	}

.blockquote {
	font-style: italic;
	color: #333333;
	background:inherit;
	text-align: justify;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 80%;
	padding: 0px;
	width: 90%;
}
.glossary {
	font-size: 150%;
	font-weight: bold;
	color: #666666;
	background:inherit;
	margin-left: 0px;
}
#left p.zip {
	font-size: 100%;
	color: #330066;
	background:inherit;
	text-align: center;
}

div.imgleft img {
			float:left;
			padding:0px 5px;
			}
			
.clear { clear:both;}

.indent {
		margin-left: 50px;
		}
.borderline img {
	border: 1px solid #333333;
}