/*
-----------------------------------------------------
master CSS file for screen media
Owner:		Starry Night
Version:     2003.09.24
-----------------------------------------------------
*/


/*-----------------------------------------------------
COMMON TAGS
-----------------------------------------------------*/

body {
	font-size: 9pt Verdana, Geneva, Helvetica, sans-serif;
	background-image: url(../background_images/background.jpg);
	background-repeat: repeat;
	color:#000000;
}

td {
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

em {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #63718d;
}

p {
	font-size: 9pt Verdana, Geneva, Helvetica, sans-serif;
	color:#000000;
	line-height: 1.5;
}

a:visited {
	font: 12px verdana;	
	text-decoration:none;
	}

a:link {
	font: 12px verdana;
	color:#5C6C91;
	text-decoration:none;
}

a:link.on-gray {
	font: 12px verdana;
	color:#484F72;
	text-decoration:none;
}


a:hover	{
	font: 12px verdana;
	text-decoration:underline;
}	


a.mouseOver	{
	font: 12px verdana;
	color: #33ccff; 
	text-decoration:underline;
}

a.mouseOut {
	font: 12px verdana;
	color:#D5D5D5;
	text-decoration:none;
}
	


form {
	padding: 3px;
}


.black-radio {
	color: #000;
	background-color: #000;
}


/*-----------------------------------------------------
SPECIAL CLASSES
-----------------------------------------------------*/

.common-white {
	font-size: 9pt Verdana, Geneva, Helvetica, sans-serif;
	color:#ffffff;
}

.common-black {
	font-size: 9pt Verdana, Geneva, Helvetica, sans-serif;
	color:#000000;
}

.common-blue {
	font-size: 9pt Verdana, Geneva, Helvetica, sans-serif;
	color:#006699;
}

.common-bright-blue {
	font-size: 9pt Verdana, Geneva, Helvetica, sans-serif;
	color:#33ccff;
}

.section-title {
	font-size: 14pt Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold; color:#006699;
}

.section-title-bright-blue {
	font-size: 14pt Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	color:#33ccff;
}

.section-title-white {
	font-size: 14pt Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold; 
	color:#ffffff;
}

.product-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
}
.product-body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

.features {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	list-style-position: outside;
	list-style-image: url(../images/bullet-blue.gif);
	font-weight: normal;
	list-style-type: square;
	line-height: normal;
}


.black-features {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        list-style-position: outside;
        list-style-image: url(../images/bullet-blue.gif);
        font-weight: normal;
        list-style-type: square;
        line-height: normal;
}

.blue-features {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #0000CC;
        list-style-position: outside;
        list-style-image: url(../images/bullet-blue.gif);
        font-weight: normal;
        list-style-type: square;
        line-height: normal;
}

.edu-box {
	border: 1px solid #BABFC7;
}


/*-----------------------------------------------------
POSITIONING ELEMENTS
-----------------------------------------------------*/
.header-logo {
	position: absolute;
	top: 20px;
	left: 40px;
}

.header-email-copy {
	position: absolute;
	top: 20px;
	left: 400px;
	background-color: #000;
}

.header-email-form {
	position: absolute;
	top: 35px;
	left: 395px;
	background-color: #000;
}

.header-space-logo {
	position: absolute;
	top: 20px;
	left: 700px;
}

.header-slogan {
	position: absolute;
	top: 70px;
	left: 40px;
}

.header-menu {
	position: absolute;
	top: 70px;
	left: 450px;
}

.feature-movie {
	position: absolute;
	top: 80px;
	left: 40px;
}

.columns {
	position: absolute;
	width: 770;
	top: 350px;
	left: 40px;
}

.footer-menu {
	position: relative;
	width: 770;
	top: 50px;
	left: 0px;
}

.footer-copyright {
	position: relative;
	width: 770;
	top: 70px;
	left: 0px;
}