@charset "utf-8";

/* reset all possible standard definitions */

html {
	font-size: 24px;
	background: #fff;
}

body, html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, 
pre, a, acronym, address, pre, cite, code, img, samp, small, var, dl, dt, dd, 
table, caption, tfoot, thead {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

body {
	background: #fff;
	text-align: center;
	font: normal 62.5%/1 Tahoma, Arial, Verdana, sans-serif;    
}    

.blue {
	color: #30c;
}

.clear-left {
	clear: left;
}

.clear-right {
    clear: right;
}     

.clear {
    clear: both;
}    

#wrapper {
	width: 950px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
}

h1 {
	font: bold 200% "Trebuchet MS", Helvetica, Sans-Serif;
	text-shadow: 2px 2px #000;
}

h2 {
	font: bold 140% "Trebuchet MS", Helvetica, Sans-Serif;
	line-height: 130%;
}

h3 {
	font: 110% "Trebuchet MS", Helvetica, Sans-Serif;
	line-height: 130%;
}

h4 {
	font: 100% "Trebuchet MS", Helvetica, Sans-Serif;
	line-height: 130%;
}

h5 {
	font: 70% "Trebuchet MS", Helvetica, Sans-Serif;
	line-height: 130%;
}

p, li, td {
	font: 100% "Trebuchet MS", Helvetica, Sans-Serif;
	line-height: 130%;
	text-align: justify;
	margin-top: 0;
}

li li, td td, table {
	font-size: 100%;
}

.caption {
	font: 100% "Trebuchet MS", Helvetica, Sans-Serif;
	font-style: italic;
	line-height: 130%;
	text-align: center;
	margin-top: 0;
}

#pageTitle {
	font: 170% "Trebuchet MS", Helvetica, Sans-Serif;
	color: darkblue;
	font-weight: bold;
	line-height: 130%;
	text-align: justify;
	margin-top: 0;
}

/* HEADER style */

#header {
	width: 950px;
	margin: 10px 0 0 0;
	padding: 0;
	background-color: #fff;
}

#intro_left {
	float: left;
	width: 300px;
	background: url(images/gtc_smooth.jpg) center top no-repeat;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
}

#intro_right {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/sunset.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_gtc {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/gtc.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_obs {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/observing.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_tool {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/toolbox.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_news {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/news.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_instr {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/spectrum.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_osiris {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/osirisFilters.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_cc {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/gtc_PSF.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_mm {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/m56.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_web {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/web.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_circe {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/CIRCE1-small.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_megara {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/MEGARAtop.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_emir {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/emir_csu_arcs.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}

#intro_right_hipercam {
	float: right;
	width: 642px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/m56.jpg) no-repeat;
	height: 198px;
	border: 4px solid #eee;
}



/* to create an id for a new header image, create a new version of the id
#intro_right, put the reference in to the new image, and also copy the id 
tag definition it into all other places in this style file */

#intro_right div, #intro_right_obs div, #intro_right_news div, #intro_right_instr div, 
#intro_right_gtc div, #intro_right_mm div, #intro_right_web div, #intro_right_osiris div, 
#intro_right_cc div, #intro_right_tool div, #intro_right_circe div, #intro_right_emir div,
#intro_right_megara div, #intro_right_hipercam {
	margin: 20px 0 0 60px;
	color: #fff;
}

#intro_left h2 {
	font: bold 140% "Trebuchet MS", Helvetica, Sans-Serif;
	margin: 105px 0 0 0;
	padding: 0;
	background-color: transparent;
}

#intro_left h4 {
	font: 90% "Trebuchet MS", Helvetica, Sans-Serif;
	line-height: 130%;
	margin: 5px 0 0 0;
	padding: 0;
	background-color: transparent;
}

/* MENU style */

#menu {
	clear: both;
	width: 950px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#menu img {
	padding: 0;
	float: left;
	display: inline;
	width: 20px;
	padding: 0 0 0 5px;
}

#menu h5 {
	font: 70% "Trebuchet MS", Helvetica, Sans-Serif;
	line-height: 130%;
	float: left;
	padding: 4px 3px 0 20px;
	color: #000;
	background-color: transparent;
	display: inline;
}


/* ROTATING IMAGE style */

#rotating-item-wrapper {
	position: relative;
	width: 238px;
	height: 238px;
}

.rotating-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}


/* MAIN style */

#main {
	clear: both;
	margin: 0;
	padding: 0;
	clear: both;
	width: 950px;
	background-color: #fff;
}

#main_left {
	float: left;
	width: 300px;
	text-align:center;
	margin: 0;
	padding: 0;
}

#main_right {
	float: right;
	width: 650px;
	text-align:center;
	padding: 0;
	margin: 0;
}

#main_left_obs {
	float: left;
	width: 200px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#main_right_obs {
	float: right;
	width: 710px;
	padding: 25px 20px 0 20px;
	margin: 0 0 10px 0;
}

.box1 {
	padding: 5px 5px 5px 5px;
	margin: 10px 20px 10px 20px;
	border: 2px solid #ccc;
	width: 236px;
	text-align: center;
	background-color: #eee;
}

.box2 {
	padding: 10px 10px 10px 10px;
	margin: 10px 20px 10px 0;
	border: 2px solid #ccc;
	width: 606px;
	text-align: center;
	background-color: #eee;
}

.box3 {
	padding: 10px 10px 10px 10px;
	margin: 20px 20px 20px 20px;
	border: 2px solid #ccc;
	width: 886px;
	text-align: left;
	background-color: #eee;
}

.box1_obs {
	padding: 5px 5px 5px 5px;
	margin: 10px 20px 10px 20px;
	border: 2px solid #ccc;
	width: 146px;
	text-align: center;
	background-color: #eee;
}

.box1 a, .box1_obs a, .box2 a, .box3 a, #main_right_obs a {
	color: #30c;
	text-decoration: none;
}

.box1 a:hover, .box1_obs a:hover, .box2 a:hover, .box3 a:hover, #main_right_obs a:hover {
	color: #30c;
	text-decoration: underline;
}


/* FOOTER style */

#footer {
	clear: both;
	width: 950px;
	height: 55px;
	margin: 10px 0 0 0;
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#address {
	float: left;
	font-size: 11px;
	line-height: 14px;
	width: 290px;
	padding: 0;
	margin: 0;
}

#logo {
	float: right;
	width: 640px;
	padding: 7px 0 0 0;
	margin: 0;
}

#legal {
	clear: both;
	width: 950px;
	height: 20px;
	margin: 0;
	padding: 5px 0 5px 0;
	text-align: center;
	font-size: 11px;
}

#legal a, #address a{
	color: #30c;
	text-decoration: none;
}

#legal a:hover, #address a:hover{
	color: #30c;
	text-decoration: underline;
}