@import "library/reset.css"; /* Resets all default styles. Taken from YUI framework */
@import "typography.css"; /* Sets colours, family and sizes for all basic HTML only elements. Other div dependent colours and fonts are defined below */

/*
	Updated
	======
	Gemma Jones - 2008-03-14
	
	Notes
	====
	Adjusted header alignment
		
	Contents
	=======
	CLEARFIX
	HTML ELEMENTS
	ROUNDED CORNERS - UNIVERSAL
	
	LAYOUT 											Position of all majour structural divs
		HEADER
		CONTENT
			CONTENT MAIN-CONTAINER
			CONTENT BOXES
		MAIN NAVIGATION	
		BREADCRUMBS
		
	STARRY HOMEPAGE
		CHOICE PAGE MENU
		CHOICE BOX
		CHOICE PAGE FOOTER 
			
	
	Color Guide
	=========
	BODY BG					#ffffff
	CREAM					#f5ece3
	BLUE [MAIN]			#045e93
	DARK RED				#981004
	LIGHT RED				#b04e43
	DARK GREEN			#565d0d
	DARK TERQ				#006672
*/

/*
	=CLEARFIX
	Forces elements to clear and containing divs to full height and width of its content
	________________________________________________________________________________
*/
.clearfix:after {
    content: 					"."; 
    display: 					block; 
    height: 					0; 
    clear: 						both; 
    visibility: 				hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {			height: 1%; }

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	margin-top: -1px;
}

/* End hide from IE-mac */

/*
	=HTML ELEMENTS
	____________________________________________________________________________
*/

html, body { 				width: 100%; height: 100%; }

/*p {
    font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			0.875em;
}*/

/*
	=ROUNDED CORNERS - UNIVERSAL
	Positions and styles for the rounded corners that can be applied to multiple boxes
	____________________________________________________________________________
*/
/*Frame white*/
.roundframe-top {
    font-size:1px;
    height:9px;
    width:582px;
    background:url(../gfx/content/rframe-top.gif) no-repeat 0 0;
}

.roundframe-mid {
    width:582px;
    background:url(../gfx/content/rframe-mid.gif) repeat-y 0 0;
}

.roundframe-btm {
    font-size:1px;
    height:11px;
    width:582px;
    background:url(../gfx/content/rframe-btm.gif) no-repeat 0 0;
}

.roundframe390-top {
    font-size:1px;
    height:9px;
    width:390px;
    background:url(../gfx/content/390frame_top.gif) no-repeat 0 0;
}

.roundframe390-mid {
    width:390px;
    background:url(../gfx/content/390frame_mid.gif) repeat-y 0 0;
}

.roundframe390-btm {
    font-size:1px;
    height:1px;
    width:390px;
    background:url(../gfx/content/390frame_btm.gif) no-repeat 0 0;
}

/*White*/
.corner {
	position: 		absolute;
	width: 			15px;
	height: 		14px;
}

.tl {
	top: 			0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/white/tl.png) no-repeat 0 0;
}

.tr {
	top: 			0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/white/tr.png) no-repeat 0 0;
}

.bl {
	bottom: 		0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/white/bl.png) no-repeat 0 0;
}

.br {
	bottom: 		0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/white/br.png) no-repeat 0 0;
}

/*White (small)*/
.cornerSmall {
	position: 		absolute;
	width: 			5px;
	height: 		5px;
}

.tlS {
	top: 			0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/white/tl-small_cream.gif) no-repeat 0 0;
}

.trS {
	top: 			0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/white/tr-small_cream.gif) no-repeat 0 0;
}

.blS {
	bottom: 		0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/white/bl-small_cream.gif) no-repeat 0 0;
}

.brS {
	bottom: 		0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/white/br-small_cream.gif) no-repeat 0 0;
}

/*Green*/
.corner-lgreen {
	position: 		absolute;
	width: 			10px;
	height: 		10px;
}

.tl-lgreen {
	top: 			0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/lgreen/tl.png) no-repeat 0 0;
}

.tr-lgreen {
	top: 			0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/lgreen/tr.png) no-repeat 0 0;
}

.bl-lgreen {
	bottom: 		0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/lgreen/bl.png) no-repeat 0 0;
}

.br-lgreen {
	bottom: 		0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/lgreen/br.png) no-repeat 0 0;
}

/*Orange*/
.corner-orange {
	position: 		absolute;
	width: 			10px;
	height: 		10px;
}

.tl-orange {
	top: 			0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/orange/tl.png) no-repeat 0 0;
}

.tr-orange {
	top: 			0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/orange/tr.png) no-repeat 0 0;
}

.bl-orange {
	bottom: 		0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/orange/bl.png) no-repeat 0 0;
}

.br-orange {
	bottom: 		0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/orange/br.png) no-repeat 0 0;
}

/*Light blue*/
.corner-lblue {
	position: 		absolute;
	width: 			10px;
	height: 		10px;
}

.tl-lblue {
	top: 			0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/lblue/tl.png) no-repeat 0 0;
}

.tr-lblue {
	top: 			0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/lblue/tr.png) no-repeat 0 0;
}

.bl-lblue {
	bottom: 		0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/lblue/bl.png) no-repeat 0 0;
}

.br-lblue{
	bottom: 		0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/lblue/br.png) no-repeat 0 0;
}

/*Light blue (2)*/
.corner-l2blue {
	position: 		absolute;
	width: 			10px;
	height: 		10px;
}

.tl-l2blue {
	top: 			0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/l2blue/tl.png) no-repeat 0 0;
}

.tr-l2blue {
	top: 			0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/l2blue/tr.png) no-repeat 0 0;
}

.bl-l2blue {
	bottom: 		0;
	left: 			0;
	background: 	url(../gfx/rounded-corners/l2blue/bl.png) no-repeat 0 0;
}

.br-l2blue{
	bottom: 		0;
	right: 			0;
	background: 	url(../gfx/rounded-corners/l2blue/br.png) no-repeat 0 0;
}

/* Cream */
.corner-cream {
	position:           absolute;
	width: 				10px;
	height: 			10px;
}

.tl-cream {
	top: 					0;
	left: 					0;
	background: 	        url(../gfx/rounded-corners/cream/tl.png) no-repeat 0 0;
}

.tr-cream {
	top: 					0;
	right: 					0;
	background: 	        url(../gfx/rounded-corners/cream/tr.png) no-repeat 0 0;
}

.bl-cream {
	bottom: 				0;
	left: 					0;
    background: 	        url(../gfx/rounded-corners/cream/bl.png) no-repeat 0 0;
}

.br-cream {
	bottom: 				0;
	right: 					0;
	background: 	        url(../gfx/rounded-corners/cream/br.png) no-repeat 0 0;
}

/* Light Cream */
.corner-lcream {
	position:           absolute;
	width: 				10px;
	height: 			10px;
}

.tl-lcream {
	top: 					0;
	left: 					0;
	background: 	        url(../gfx/rounded-corners/lcream/tl.png) no-repeat 0 0;
}

.tr-lcream {
	top: 					0;
	right: 					0;
	background: 	        url(../gfx/rounded-corners/lcream/tr.png) no-repeat 0 0;
}

.bl-lcream {
	bottom: 				0;
	left: 					0;
    background: 	        url(../gfx/rounded-corners/lcream/bl.png) no-repeat 0 0;
}

.br-lcream {
	bottom: 				0;
	right: 					0;
	background: 	        url(../gfx/rounded-corners/lcream/br.png) no-repeat 0 0;
}

/* Blue */
.corner-blue {
	position:           absolute;
	width: 				10px;
	height: 			10px;
}

.tl-blue {
	top: 					0;
	left: 					0;
	background: 	        url(../gfx/rounded-corners/blue/tl.png) no-repeat 0 0;
}

.tr-blue {
	top: 					0;
	right: 					0;
	background: 	        url(../gfx/rounded-corners/blue/tr.png) no-repeat 0 0;
}

.bl-blue {
	bottom: 				0;
	left: 					0;
    background: 	        url(../gfx/rounded-corners/blue/bl.png) no-repeat 0 0;
}

.br-blue {
	bottom: 				0;
	right: 					0;
	background: 	        url(../gfx/rounded-corners/blue/br.png) no-repeat 0 0;
}

/*
	=LAYOUT
	Positions all the major layout elements like: #header, #content, .navigation, etc 
	____________________________________________________________________________
*/

/*Image placement*/
img.right {
	float: 				right;
	margin: 			0 0 8px 8px;
}

body #wrapper {
	position: 			relative;
	width: 				960px;
	margin: 			0 auto;
}

#homepage {
	text-align: 		left !important;
	margin:             0px auto 0px auto;
}

/*
	=HEADER
	Positions and styles for the Header and all contained within it: e.g. the logo and header navigational element
	____________________________________________________________________________
*/
#header {
	position:           relative;
	width: 				972px;
	height:				68px;
	margin: 			0 0 16px -3px;
	clear: 				both;
	background: 		url(../gfx/main/bg_mars1.jpg) no-repeat 0 0;
}

#header p.logo {
	position:           absolute;
	top:                8px;
	left:               22px;
	/* float: 					left; */
	width: 				326px;
	height: 			52px;
	/* margin: 				24px 0 0 28px; */
	background: 		url(../gfx/main/mars-toplogo.gif) no-repeat 0 0;
}

#header p.logo span {
	visibility: 				hidden;
}

#header p.title {
	position:           absolute;
	top:                28px;
	left:               382px;
	/* float: 					left; */
	width: 				297px;
	height: 			19px;
	/* margin: 				24px 0 0 28px; */
	background: 		url(../gfx/main/mars-toptitle.gif) no-repeat 0 0;
}

#header form {
	width: 				500px;
	float: 				right;
	margin: 			0 2px 0 0;
	padding: 			0;
}

.headerSearch {
	margin-top: 		21px;
}

input.fieldText {
	background-color:#FFFFFF;
	border:none;
	border:1px solid #666666;
	color:#666666;
	float:left;
	margin:0px 0px 15px 0px;
	padding:0px 2px 0px 2px;
	width:216px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:210px;
}

html>body input.fieldText {
	width:210px;
}

input.fieldImage {
	border:none;
	clear:none;
	float:none;
	margin:0px 0px 0px 10px;
	padding:0px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	float:left;
}

html>body input.fieldImage {
	float:left;
}

img.fieldImage {
	border:none;
	clear:both;
	float:none;
	margin:0px 0px 0px 10px;
	padding:0px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	float:left;
}

html>body img.fieldImage {
	float:left;
}

.hide {
	visibility: hidden;
}

/*
	=CONTENT
	Positions and styles for the Content
	____________________________________________________________________________
*/
#content {
	width:					100%;
}

/*
	=CONTENT MAIN-CONTAINER
	Styles for the main content container 
	____________________________________________________________________________
*/
#content #main-container {
	position: 				relative;
	width: 					591px;
	min-height:             835px;
	_height:                835px;
	float: 					left;
}

#content #main-containerContent {
	position: 				relative;
	width: 					593px;
	min-height:             660px;
	_height:                660px;
	float: 					left;
}

#content #main-container h1 {
	line-height: 			1em;
	margin-bottom: 	        16px;
}

/*
	=CONTENT MIDDLE-CONTAINER
	Styles for the main content container 
	____________________________________________________________________________
*/
.middle-container {
	position:               relative;
	background: 			#eadcc8; /* cream / beige */
	padding:                5px 10px 5px 10px;
	height:                 800px;
}

.middle-containerBlue,
.middle-containerBlue2 {
    position:               relative;
	background: 			#015593; /* blue */
	margin-top:             10px;
	_height:                400px;
	min-height:             400px;
	color:                  #ffffff;
	text-align:             justify;
}

.middle-containerBlue {
	background: 			#015593; /* blue */
}

.middle-containerBlue2 {
	background: 			#064885; /* dark blue */
}

.middle-containerBlue a,
.middle-containerBlue2 a {
    color:                  #ffffff;
}

/*
	=CONTENT GLOBUS-CONTAINER
	Styles for the globus container 
	____________________________________________________________________________
*/
.globus-container {
    position:               relative;
	background: 			#ffffff;
	margin-top:             3px;
	padding:                7px 7px 7px 7px;
	height:                 147px;
	width:                  557px;
}

/*
	=CONTENT BOXES
	Positions and styles for the content boxes. E.g. .welcome, .why-mars, .history, etc.
	____________________________________________________________________________
*/
#welcome {
	position: 				relative;
	padding: 				18px;
	background: 			#ffffff; /*white*/
}

#welcome h1 {
	width: 					271px;
	height: 				21px;
	background: 			url(../../images/homepage/titles/welcome.gif) no-repeat 0 0;
}

#welcome h2 {
	color: 					#045e93; /*Light blue*/
	font-size: 				1.4em;
}

#welcome p {
	float: 						left;
	width: 						35%;
	padding-right: 		0px;
}

#welcome a.find {
	display: 					block;
	width: 						100px;
	height: 					16px;
	background: 			url(../../images/homepage/buttons/findout_welcome.gif) no-repeat 0 0;
	clear: 						left;
}

#welcome a.find:hover {
	background: 			url(../../images/homepage/buttons/findout_welcome.gif) no-repeat 0 -17px;
}

#welcome p.detection-notice {
	color: 						#045e93; /*Light blue*/
	font-size: 				0.875em; 
	width: 						45%; 
	margin: 					40px 0 16px 0;  
	padding: 				8px;  
	background: 			#f5ece3;/*cream/beige*/ 
}

#welcome p.detection-notice a.visit {
	display: 					block;
	width: 						102px;
	height: 					16px;
	margin: 					8px 0 4px 0;
	background:			url(../../images/homepage/buttons/visitourworld.gif) no-repeat 0 -16px;
}

#welcome p.detection-notice a.visit:hover {
	background:			url(../../images/homepage/buttons/visitourworld.gif) no-repeat 0 0;
}

#news-container {
	float: 					left;
    position:               relative;
	margin: 				8px 0 0 0;
	background-color:		#fff;
	min-height: 			443px;
	_height:				443px;
	width: 					184px;
}

#row2-rightcontainer {
    float:                  left;
    position:               relative;
    top:                    0px;
    right:                  0px;
    margin:                 8px 0 0 8px;
}

#intro-container {
    background-color:       #ffffff;
    width:                  359px;
    height:                 119px;
    padding:                10px 10px 10px 10px;
}

#intro-container2 {
    color:                  #ffffff;
    font-family: 		    "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    font-weight:            normal;
    font-size: 				0.935em;
    line-height:            1.25em;
    background-color:       #015c90;
    width:                  339px;
    height:                 114px;
    padding:                0px 10px 5px 10px;
    position: 				relative;
}

#intro-container2 .strong {
    font-weight:            bold;
    font-size: 				0.935em;
    line-height:            2.15em;
}

#movie-container {
    background-color:       #ffffff;
    width:                  359px;
    height:                 272px;
    margin-top:             12px;
    padding:                10px 10px 10px 10px;
}

#praca-container,
#stanowiska-container,
#studenci-container {
	float: 					left;
	position:               relative;
	margin: 				13px 0 0 0;
	background-color:		#fff;
	min-height: 			148px;
	_height:				148px;
	width: 					184px;	
}

#praca-container {
    background: 			#fff url(../gfx/main/bkgr_praca.gif) no-repeat bottom right; 
}

#stanowiska-container {
    margin: 				13px 0 0 8px;
	background: 			#fff url(../gfx/main/bkgr_stanowiska.gif) no-repeat bottom right; 
}

#studenci-container {
	margin: 				13px 0 0 8px;
	background: 			#fff url(../gfx/main/bkgr_studenci.gif) no-repeat bottom right; 
}

#why-mars p {	width: 	60%; 	}

#news, 
#locations,
#action {
	float: 					left;
	width: 					32%;
	min-height: 			120px;
	_height:				125px;				/*IE HACK - IE treats height like min height. Thought it best to keep it here with the rest of the decloration*/
	margin: 				16px 2% 0 0;
	background: 			#fff;
}

/*Box headings*/
.info-panel {
	position: 				relative;
}

.info-panel h2 {
	color:					#fff;
	display: 				block;
	font-size: 				0.9em;
	line-height: 			2.0em;
	padding-left: 			10px;
	padding-top:            8px;
}

#news-container h2 {
	background: 			#02598e; /*Blue*/
	margin-bottom:          5px;
}

#praca-container h2 {
	background: 			#02598e; /*Blue*/
	margin-bottom:          0px;
}

#stanowiska-container h2,
#studenci-container h2 {
	background: 			#02598e; /*Blue*/
	margin-bottom:          5px;
}

#praca-container .praca-content {
    padding:                0px 11px 0px 11px;
}

#praca-container .jobTitle {
    padding:                15px 5px 8px 5px;
    color:                  #02598e;
    font-family: 		    "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			    0.875em;
	min-height:             35px;
	_height:                35px;
}

#praca-container .jobTitle2 {
    /*background:             url(../gfx/main/praca_sep_pixel.gif) repeat-x 0 0;*/
    padding:                15px 5px 8px 5px;
    color:                  #02598e;
    font-family: 		    "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			    0.875em;
	min-height:             35px;
	_height:                35px;
}

#praca-container p,
#stanowiska-container p,
#studenci-container p {
    font-family: 		    "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			    0.875em;
    color:                  #02598e;
}

.info-panel p {
	line-height: 			1.2em;
	margin: 				0 0 8px 0;
	padding: 				0 16px;
}

/*Box 'Wiecej' buttons*/
.info-panel a.more {
	position: 				absolute;
	bottom: 				0;
	left: 					0;
	display: 				block;
	width: 					56px;
	height: 				16px;
	margin: 				0 0 12px 16px;
	background-image:       url(../gfx/main/more.gif);
	background-repeat: 		no-repeat;
	background-position: 	0 0;
}


/*
	=MAIN NAVIGATION
	Positions and styles for the left hand navigation
	____________________________________________________________________________
*/

/* Added to hold flash */
#swf-nav-wrapper {
/*	position:           absolute;
	width: 				179px;
	left:               0px;
	top:                80px;*/
    float: 				left;
	width: 				179px;
	margin-right:       12px;
}

#nav-spacer {
	float: 				left;
	width: 				179px;
	min-height:         400px;
	_height:            400px;
	margin-right:       12px;
}

#content #nav-container {
	/*
	position: 			relative;
	float: 				left;
	width: 				166px;
	margin: 			0 16px 0 0; 
	*/
	position: 			relative;
	min-height:         400px;
	_height:            400px;
	background: 		#eadcc8; /*#f5ece3;	/*cream/beige*/
	padding: 			16px 0;
}

#nav-container ul {
    margin:0;padding:0;
}

#nav-container li {
    list-style:none;
}

/*#nav-container {
  margin-top: expression( ( (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) > 80 ? (ignoreMe-80) : 0) + 'px' );
}*/

#content ul.navigation {
	width: 				149px;
	margin: 			0 0 18px 14px;
}

#content ul.navigation li a {
	color: 				#ffffff;
	display: 			block;
	width: 				136px;
	padding: 			6px 0 4px 12px;
	border-top: 		1px solid #ffffff;
/*	border-bottom: 	    1px solid #ffffff;*/
	border-left: 		1px solid #ffffff;
	border-right: 		1px solid #ffffff;
	cursor:             hand;
	cursor:             pointer;
}

#content ul.navigation li ul li a {
	font-size: 			0.875em;
	padding: 			3px 10px 3px 12px;
	width:              126px;
	border-top: 		none;
	border-bottom: 	    none;
}

#content ul.navigation li ul li a.first {		padding-top: 			8px; }
#content ul.navigation li li a.last {			padding-bottom: 	8px; }

#content ul.navigation li.first a {
	border-top: 		none;
	border-bottom: 	    none;
}

#content ul.navigation li.last a {
	border-bottom: 	    none;
	border-top: 		1px solid #ffffff;
}

#content ul.navigation li,
#content ul.navigation li a {
	margin: 			0;
}

/* Styling li.first and its children */
#content ul.navigation > li.first a {														 background: 		none; /*Main blue*/ 					}
#content ul.navigation > li + li a {														background: 		#F78F8A; /* Dark red */ 							}
#content ul.navigation > li + li ul li a {													background: 		#b04e43; /*Light red*/ 							}
#content ul.navigation > li + li + li a {													background: 		#93642c; /*Dark green*/						}
#content ul.navigation > li + li + li ul li a {											background: 		#ae8b61; /*Light green*/						}
#content ul.navigation > li + li + li + li a {											background: 		#cc99cc; /*Dark terquoise*/					}
#content ul.navigation > li + li + li + li ul li a {									background: 		#e8d0e8; /*Light terquoise*/					}
#content ul.navigation > li + li + li + li + li a {													background: 		#337aa8; /*Blue*/						}
#content ul.navigation > li + li + li + li + li ul li a {											background: 		#5280af; /*Blue*/						}
#content ul.navigation > li + li + li + li + li + li a {										background: 		#ff9d3c; /*Dark red/brown*/				}
#content ul.navigation > li + li + li + li + li + li ul li a {								background: 		#f8b36d; /*Light red/brown*/				}
#content ul.navigation > li + li + li + li + li + li + li a {								background-color: 		#99cc66;	/*Mid earthy brown*/				}
#content ul.navigation > li + li + li + li + li + li + li ul li a {						background-color: 		#b9d28d;/*Light earthy brown*/			}
#content ul.navigation > li + li + li + li + li + li + li + li a {							background: 		#0270ca; /*Mid orange brown*/				}
#content ul.navigation > li + li + li + li + li + li + li + li ul li a {					background: 		#5396c9; /*Light orange brown*/			}
#content ul.navigation > li + li + li + li + li + li + li + li + li a {                       background: 		#064885; /*Dark blue*/			}
#content ul.navigation > li + li + li + li + li + li + li + li + li ul li a {					background: 		#2e7ab4; /*Light blue*/			}
#content ul.navigation > li + li + li + li + li + li + li + l1 + li.last a {					background: 		#0270ca; /*Mid orange brown*/					}

/* Hovers */
#content ul.navigation > li + li a:hover {												background: 		#F78F8A; /* Dark red */ 							}
#content ul.navigation > li + li ul li a:hover {										background: 		#F78F8A; /* Dark red */ 							}
#content ul.navigation > li + li + li a:hover {										background: 		#93642c; /*Dark green*/						}
#content ul.navigation > li + li + li ul li a:hover {								background: 		#93642c; /*Dark green*/						}
#content ul.navigation > li + li + li + li a:hover {									background: 		#cc99cc; /*Dark terquoise*/					}
#content ul.navigation > li + li + li + li ul li a:hover {							background: 		#cc99cc; /*Dark terquoise*/					}
#content ul.navigation > li + li + li + li + li a:hover {							background: 		#337aa8; /*Blue*/				}
#content ul.navigation > li + li + li + li + li ul li a:hover {					background: 		#337aa8; /*Blue*/				}
#content ul.navigation > li + li + li + li + li + li a:hover {							background: 		#ff9d3c; /*Dark red/brown*/				}
#content ul.navigation > li + li + li + li + li + li ul li a:hover {					background: 		#ff9d3c; /*Dark red/brown*/				}
#content ul.navigation > li + li + li + li + li + li + li a:hover {					background: 		#99cc66;	/*Mid earthy brown*/				}
#content ul.navigation > li + li + li + li + li + li + li ul li a:hover {				background: 		#99cc66;	/*Mid earthy brown*/				}
#content ul.navigation > li + li + li + li + li + li + li + li a:hover {				background: 		#0270ca; /*Mid orange brown*/				}
#content ul.navigation > li + li + li + li + li + li + li + li ul li a:hover {		background: 		#0270ca; /*Mid orange brown*/				}
#content ul.navigation > li + li + li + li + li + li + li + li + li a:hover {			background: 		#064885; /*Dark blue*/				}
#content ul.navigation > li + li + li + li + li + li + li + li + li ul li a:hover {		background: 		#064885; /*Dark blue*/				}
#content ul.navigation > li + li + li + li + li + li + li + li + li.last a:hover {		background: 		#0270ca; /*Mid orange brown*/					}


/* Main Menu rounded corners */
#content ul.navigation li.first a,
#content ul.navigation li.last a {
	width: 					149px;
	border: 				0;
}

#content ul.navigation li.first {
    margin-left:            1px;
	border-bottom: 		    0;
	padding-top:            4px;
	background:             url(../gfx/menu_btns/btn_home.gif) no-repeat 0 0;
}

#content ul.navigation li.last {
	margin-left:            1px;
	min-height: 			18px;
	border-top: 			1px;
	background:             url(../gfx/menu_btns/btn_menuDown.gif) no-repeat 0 0;
}

/*
	=BREADCRUMBS
	Positions and styles for the content boxes. E.g. .welcome, .why-mars, .history, etc.
	____________________________________________________________________________
*/
.breadcrumbs-container {
    position:               relative;
	background: 			#eadcc8; /* cream / beige */
	padding:                2px 0px 3px 10px;
    min-height:             12px;
    _height:                12px;
}

ul#breadcrumbs {
    margin: 0;
    padding: 0;
}

ul#breadcrumbsMerged {
    margin: 0;
    padding: 0;
    padding:                0px 0px 0px 7px; /* remove when separate container */
}

ul#breadcrumbs li,
ul#breadcrumbsMerged li {
	list-style: none;
	display: inline;
}

ul#breadcrumbs li,
ul#breadcrumbsMerged li {
    font-size: 				    0.905em;
}

ul#breadcrumbs li a,
ul#breadcrumbsMerged li a {
	color: #000000; /*Light blue*/
	font-size: 11px;
}

ul#breadcrumbs li a:hover,
ul#breadcrumbsMerged li a:hover {
	text-decoration: underline;
}


/*
	=RIGHT-MENU
	Positions and styles for the right Menu
	____________________________________________________________________________
*/
#content #rnav-container {
	position: 			relative;
	float: 				left;
	width: 				163px;
	margin: 			0 0 20px 12px;
}

#rnav-container #rnav-recommend {
	position: 			relative;
	background: 		#eadcc8; /*cream/beige*/
	min-height:         210px;
	_height:            210px;
	padding: 			16px 12px;
}

#rnav-container #rnav-recommend2 {
	position: 			relative;
	background: 		#eadcc8; /*cream/beige*/
	min-height:         210px;
	_height:            210px;
	padding: 			11px 12px;
}

#rnav-container #rnav-recommend2inner {
    background:         #064885;
    text-align:         center;
    padding:            18px 0 25px 0;
}

#rnav-container #rnav-recommend2inner .logo {
    margin:             8px 0 0 0;
}

#rnav-container #rnav-logos {
	position: 			relative;
	background: 		#eadcc8; /*cream/beige*/
	min-height:         100px;
	_height:            100px;
	padding: 			16px 12px;
	margin-top:         11px;
}

#rnav-container .link {
    padding-bottom:      3px;
}

#rnav-container .top {
    background:         url(../gfx/main/rmenu_top.gif) no-repeat 0 0;
    margin-bottom:      3px;
    width:              130px;
    height:             27px;
    color:				#fff;
    font-family: 		"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
    font-weight:        bold;
	font-size: 			0.9em;
	line-height:        2.5em;
	padding-left: 		10px;
}

#rnav-container .bottom {
	background:         url(../gfx/main/rmenu_bottom.gif) no-repeat 0 0;
    width:              140px;
    height:             13px;
}


/*
	=FOOTER
	Positions and styles for the Footer
	____________________________________________________________________________
*/

#footer {
    clear:                  both;
    width:					100%;
	position:               relative;
	background: 			#eadcc8; /* cream / beige */
	padding:                5px 0px 5px 15px;
}

#footer ul { margin:0;padding:0; float:left; }

#footer ul li { 
	list-style: none;
	display: inline; 
}

#footer ul li a { 
	color: 					#000000;
	font-family: 		    "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			    0.875em;
}

#footer ul li a:hover {
    text-decoration:        underline;
}

#footer .copyright {
    float:                  right;
    font-family: 		    "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			    0.875em;
	padding:                0 15px 0 0;
}

.btmMargin {
    height:                 20px;
}

/* =STARRY HOMEPAGE*/

/* =CHOICE PAGE MENU*/
body#choice-page
{
 background: #001321 url(../../images/homepage/bg_homepage.jpg) no-repeat top center;
}

body#choice-page .header
{
 background: url(../../images/homepage/header/header-background_homepage.gif) no-repeat top left;
}

body#choice-page .homepage_content img
{
 display:block;
 float:none;
 margin:0 auto;
}

/* =CHOICE BOX */
.choice-wrapper {
	margin: 80px 0 0 190px;
}

div.choice-box {
	position: relative;
	width: 274px;
	min-height: 86px;
	margin: 184px 0 8px 156px;
	/* background: url(../../images/homepage/boxes/white-box.gif) no-repeat 0 0; */
}

	#redirect_box {
		width: 100%;
		background: url(../../images/homepage/boxes/white-box.gif) no-repeat 0 0;
	}
	
			div.choice-box form input.bandwidth {					
				font-size: 0.9em;				
				border: none;
				color: #fff;
				cursor: pointer;
				height: 18px;
				width: 102px;
				margin-bottom: 8px;
				padding: 1px 0 6px 0;
			}
			
			div.choice-box form input.high {
				background: url(../../images/homepage/buttons/high-bandwidth.gif) no-repeat 0 0;
			}
			
			div.choice-box form input.low {
				background: url(../../images/homepage/buttons/low-bandwidth.gif) no-repeat 0 0;
			}

	div.choice-box p {
		margin: 0 0 10px 0;
		padding: 22px 0 0 0;
	}

	div.choice-box-bottom {
		position: relative;
		width: 274px;
		min-height: 15px;
		top: 10px;
		background: url(../../images/homepage/boxes/white-box.gif) no-repeat bottom left;
	}

#choice-page .contentFlashMenu {
	width: 354px;
	margin: 0px 0 60px 156px;
}

/* =CHOICE PAGE MENU */
#choice-page #mainMenuWrapper .tl {
	background: url(../../images/homepage/rounded-corners/blue/tl.gif) no-repeat 0 0;
}

#choice-page #mainMenuWrapper .tr {
	background: url(../../images/homepage/rounded-corners/blue/tr.gif) no-repeat 0 0;
}

#choice-page #mainMenuWrapper .bl {
	background: url(../../images/homepage/rounded-corners/blue/bl.gif) no-repeat 0 0;
}

#choice-page #mainMenuWrapper .br {
	background: url(../../images/homepage/rounded-corners/blue/br.gif) no-repeat 0 0;
}

/* =CHOICE PAGE FOOTER */
body#choice-page .footer {
	color: #025C90;
	font-size: 0.875em;
	margin: 220px 0 0 -70px;
	text-align: center;
}

body#choice-page .footer ul {
	margin: 0 auto;
}

body#choice-page .footer ul li,
body#choice-page .footer ul li a {
	font-family: 'Trebuchet MS', Verdana, Arial;
}

body#choice-page .footer ul li {
	color: #6a6a6a;
	border-right: 1px solid #6a6a6a;
}

body#choice-page .footer ul li a {
	color: #86bbd6;
}

body#choice-page .footer ul li a:hover {
	color: #fff;
	text-decoration: none;
}


/* K A L E N D A R Z */
.calendarBGR {
	background-image: url(../gfx/menu_btns/bgr_calendar.gif);
	width: 147px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 129px;
}

div.eventInfo p {
	font-size: 0.905em;
	line-height: 1.2em;
	color: #FFFFFF;
	padding: 10px;
	margin: 0px;
}
.eventInfo {
	width: 147px;
	background: url(../gfx/menu_btns/eventinfoBgrTop.gif) no-repeat left top;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #02598E;
}
.eventInfo a {
    color: #ffffff;
    text-decoration: none;
}

.eventInfoBtm {
	background-image: url(../gfx/menu_btns/eventinfoBgrBtm.gif);
	height: 5px;
	width: 147px;
	background-position: center bottom;
}

.calendar {
    margin-left:5px;
	width: 135px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.calendarBGR .calendarHead {
	text-align: center;
}

.calendar td {
    text-align:center;
    height:14px;
}

.calendar td a {
	background-color: #DF5900;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
}

.calendarHead {
    padding:6px 0px 6px 0px;
}

.calendarHead a {
    font-size:9pt;
    color:#FFFFFF;
}

.calendarHead .prevButton {
    margin-right:10px;
    width:8px;
    height:9px;
}

.calendarHead .nextButton {
    margin-left:10px;
    width:8px;
    height:9px;
}

.calendarRed {
    color:#ff0000;
}

/* =POPUP WINDOW */
#popup {
    position: absolute;
    top:0;
    left:0;
    z-index:110;
    visibility:hidden;
}

#winClose {
    position:relative;
    top:21px;
    text-align:right;
    z-index:101;
}

#popupImage {
    border: 1px solid #ff9c3a;
    cursor:default;
}