@charset "utf-8";
/* CSS Document for North Star website - www.northstarbus.co.nz
   Created by Rebecca Dai | bocapa.com Ltd */


/*-----------PAGE STRUCTURE-------------
---------------------------------------*/
body  {
	color:#3b3b3b;
	line-height:19px;
	background: #00ADEF; /*off-black*/
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#home-link
{
	position:absolute;left:50px;top:50px;
	width:400px;
	height:100px;
}
 #container { 
	position: relative; 
	width: 993px;  
	margin: 0 auto; 
	text-align: left;
} 
 #header {
	width:993px;
	height:186px;
	background-image:url(../images/header-north-star.png);
	background-repeat: no-repeat;
	background-position: left top;
} 

#header ul {
	position:absolute;
	top:10px;
	right:20px;
	margin:0px;
} 


#menu {
	width:993px;
	height:33px;
	position:relative;
	background-image:url(../images/bg-repeat.png);
	background-repeat: repeat-y;
	background-position: top;
	z-index:10;
} 

#mainContent{
	width:993px;
	position:relative;
	background-image:url(../images/bg-repeat.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding:0px;
	margin:0px;
	padding-top:11px;
	z-index:5;
} 

 #sidebar {
 	position:relative;
 	float:left;
	width: 197px; 
	margin: 0px 0px 0px 7px;
	z-index:5;
}
* html #sidebar { 	
	margin: 0px 0px 0px 3px;

}

 #Content { 
 	position:relative;
 	margin: 0px 30px 0px 210px; 
	padding-left:20px; 
	z-index:5;
} 
#ContentHomePage { 
 	position:relative;
 	margin: 0px 10px 0px 210px; 
	padding-left:5px; 
	z-index:5;


} 

 #footer {
	position:relative;
	display:block;
	padding: 0px;
	background-image: url(../images/footer-northstar.png);
	background-repeat: no-repeat;
	height:50px;
} 
 #footer-menu {
	position:absolute;
	right:10px;
	top:25px;
	font-size:0.8em;
} 

 #footer-copyright {
	position:absolute;
	left:10px;
	top:25px;
	color:#FFFFFF;
	font-size:0.8em;
} 
.notes {
	font-size:10px;
}


/*------------MAIN MENU------------
----------------------------------------*/
#menu a:link, #menu a:visited {
	float:left;
	border-right:3px #3d9cd6 solid; /*sets the blue space between two buttons*/
	text-align:center;
	height:24px;
	padding-top:9px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	color:#3d9cd6; /*sky blue*/
	cursor:pointer;
	background-image:url(../images/menu-anchor.gif);
	background-repeat:no-repeat;
	background-position:93% 14px;
}
#menu a:hover {
	background-color:#fecc30; /*yellow, same for dropdown*/
	color:#FFFFFF;
	background-position:93% -19px;
}


#menu #about {	
	width:144px;
	margin-left:7px;
}
#menu #tickets {	
	width:180px;
}

#menu #services {	
	width:201px;
}

#menu #news {	
	width:175px;
}

#menu #community {	
	width:142px;
}
#menu #people {	
	width:122px;
	border:none;
}



/*-------------DROP DOWN MENU ---------
----------------------------------------*/
#sub-menu-about,
#sub-menu-tickets,
#sub-menu-services,
#sub-menu-news,
#sub-menu-community,
#sub-menu-people

 {
	position:absolute;	
	filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity:0.90;
	display:none;
	z-index:15;	
	/*filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity:0.90;*/
}
#sub-menu-about {
	top:219px;
	left:7px;	
	width:144px;
}
#sub-menu-tickets {
	top:219px;
	left:154px;	
	width:180px;
}
#sub-menu-services {
	top:219px;
	left:337px;	
	width:201px;
}
#sub-menu-news {
	top:219px;
	left:541px;	
	width:175px;
}

#sub-menu-community {
	top:219px;
	left:719px;	
	width:142px;
}

#sub-menu-people {
	top:219px;
	left:864px;
	width:122px;	
}


#sub-menu-about a:link, #sub-menu-about a:visited, 
#sub-menu-tickets a:link, #sub-menu-tickets a:visited, 
#sub-menu-services a:link, #sub-menu-services a:visited,
#sub-menu-community a:link, #sub-menu-community a:visited {
	background-color:#fecc30; /*yellow*/
	color:#ffffff;
	height:33px;
	text-align:center;
	text-decoration:none;
	line-height:33px;
	font-weight:bold;
	border-top:3px solid #fff;
	display:block;
	text-transform:uppercase;
}
#sub-menu-about a:hover,
#sub-menu-tickets a:hover,
#sub-menu-services a:hover,
#sub-menu-community a:hover {
	background-color:#ffffff;
	color:#004990; /*dark blue*/

}
#sub-menu-people a:link, #sub-menu-people a:visited{
	background-color:#fecc30; /*yellow*/
	color:#ffffff;
	height:37px;
	text-align:center;
	text-decoration:none;
	line-height:18px;
	font-weight:bold;
	border-top:3px solid #fff;
	display:block;
	text-transform:uppercase;
}
#sub-menu-people a:hover {
	background-color:#ffffff;
	color:#004990; /*dark blue*/
}

 a:link.sub-menu-news,  a:visited.sub-menu-news {
	background-color:#fecc30; /*yellow*/
	color:#ffffff;
	height:33px;
	text-align:center;
	text-decoration:none;
	line-height:33px;
	font-weight:bold;
	border-top:3px solid #fff;
	display:block;
	text-transform:uppercase;
}
 a:hover.sub-menu-news {
	background-color:#ffffff;
	color:#004990; /*dark blue*/
}
 a:link.sub-menu-news-large,  a:visited.sub-menu-news-large {
	background-color:#fecc30; /*yellow*/
	color:#ffffff;
	height:37px;
	text-align:center;
	text-decoration:none;
	line-height:18px;
	font-weight:bold;
	border-top:3px solid #fff;
	display:block;
	text-transform:uppercase;
}
 a:hover.sub-menu-news-large {
	background-color:#ffffff;
	color:#004990; /*dark blue*/
}

/*----- HEADER & FOOTER LINKS-------------
----------------------------------------*/

#header li a:link, #header li a:visited{
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	text-transform:uppercase;
}

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


#footer-menu a:link, #footer-menu a:visited {
 	float:left;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:10px;
}
#footer-menu a:hover {
 	text-decoration:underline;
}

#footer-copyright a:link, #footer-copyright a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

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


/*-----GENERAL LINKS FORMATTING----------
----------------------------------------*/


a:link, a:visited
{
	color:#363636;
	font-weight:bold;
	text-decoration:none;
}

a:hover
{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}

a:link.blackAnchor, a:visited.blackAnchor 
{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

a:hover.blackAnchor
{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}

a:link.redAnchor, a:hover.redAnchor, a:visited.redAnchor 
{
	color:red;
	font-weight:bold;
	text-decoration:none;
}


#home-link
{
	position:absolute;left:50px;top:10px;
	width:320px;
	height:75px;
}

/*----GENERAL TEXT, IMAGES, LISTS FORMATTING---
----------------------------------------------*/
#Content h1 {
	font-size: 1.6em;
	color: #004990; /*dark blue*/
} 

#Content h2{
	font-size: 1.1em; 
	text-transform: uppercase;
	color: #FBAA02;/*off-orange*/
	padding-top: 10px;
}
/* header for index.php "Welcome to North Star" */
#Content h2.homepageStyle{
	font-size: 1.6em;
	font-weight:bold;
	text-transform: none;
	color: #FECC30;/*yellow*/
	padding-top:10px;
}
/* header for index.php hompageBox divs */
#Content h2.homepageStyle2{
	font-size: 1.2em;
	font-weight:bold;
	text-transform: uppercase;
	color: #FECC30;/*yellow*/
	padding:0px;
	margin:0px;
	margin-top:3px;
}
/* header for media releases articles*/
#Content h3{
	font-size: 1.3em; 
	text-transform: none;
	color: #FBAA02;/*off-orange*/
	padding-top: 0px;
}

/* same style as h1 to avoid repeat use of h1 (SEO) */
#Content h4 {
	font-size: 1.6em;
	color: #004990; /*dark blue*/
} 


/* header for fine print on tickets-and-fares.php */ 
Content h5 {
	font-size:0.7em;
	font-weight:normal;
}
/* header for 'feedback' heading on contact us page */ 
#Content h6.feedbackStyle
{
	color:#000000;
	font-size:0.9em;
	font-weight:bold;
}

/* header for nz-bus-family.php */
 h6.nzbus {
	font-size: 1.6em;
	color: #ffffff; 
} 
#header li {
	display:inline;	
	margin-left:20px;
	
} 

/* span styling for index.php promotional boxes */
.yellowFont
{
	color:#FECC30;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
}

.flt-rt { /* to float an element right . */
	float: right;
	margin-left: 8px;
}
.flt-lft { /* to float an element left  */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



img 
{
border-style:none;
margin:0;
padding:0;
}

/*----FORM FORMATTING---
------------------------*/

.formMessage
{
    text-align:center;
    color:#FF0000;
}                                                       
.textBox
{
    width:250px;
    font-family: Verdana;
    font-size:12px;
	margin-bottom:4px;
	margin-top:4px;
}
.validationMsg
{
    color:red;
}
#formContent
{
	position:relative;
	margin-left:5px;
    padding: 0px;
    width: 670px;
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
	background-color:#ffffff;
}
.formPass
{
    border:0;
    font-weight: bold;
    color: #000000;
    font-size: 11px;
    /*background-color: #23215a;  */  
}
.formFail
{
	border:0;
	font-weight: bold;
	color: #000000;
	font-size: 11px;
	background-color: #00CCFF;
}
.formnotes
{   
    font-size:9px;
}

.formBox
{
	border:2px solid #b7b7b7;
}

.formBar
{
	background-color:#b7b7b7;
	padding-left:10px;
	font-size:0.9em;
	font-weight:bold;
}

/*---TABLES---
--------------*/

#container #Content #contentBox {
	float:right;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-right: 0px;
	border:none;
	width: 746px;
}

#container #Content #nzBus {
	width:746px;
	background-color: #fbaa03;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin-left: 10px;
}

.nzBusContentFamily {
	background-color: #fbaa03;
	background-repeat: no-repeat;
	background-position: center top;
	width:736px;
	padding-left:10px ;
	margin-left:0px;
}

#container #Content #contentbox #busNZtop {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center top;
	width:746px;
	height:12px;
	padding: 0;
	margin: 0;
}

#container #Content #contentBox #busNZbottom {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center bottom;
	width:746px;
	height:12px;
	margin: 0px;
	padding:0px;
}
#Content table tr {
	margin: 0px;
	padding: 0px;
	font-size:12px;
}
#Content table tr.header {
	font-weight: bold;
	color: #FFF;
	background-color:#004990;
	vertical-align: middle;
	
}
#container #Content table tr.header td {
	vertical-align: middle;
	border: 1px solid #004990;
	border:none;
}
#container #Content #contentBox table tr td {
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	/*border-bottom-width: 1px;*/
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	padding-left: 0px;
}



/*---HOMEPAGE--- 
----------------------*/

#mainPic
{
	position:relative;
	height:246px;
	width:762px;
	background-image: url(../images/north-star-uniform-colour.jpg);
	background-repeat: no-repeat;
	padding-top:1px;
	margin-bottom:5px;
}

#mainPicText
{
	position:relative;
	height:120px;
	width:398px;
	background-color:none;
	margin-top:95px;
	margin-left:16px;
	padding:0;
	text-align:justify;
}

.homePage3TableCells
{	
	background-color:#00ADEF;
	padding:5px;
}



.homepageBoxText
{
	width:216px;
	height:118px;
	margin-left:16px;
	margin-right:16px;
}

p.homepageStyle
{
	color:#ffffff;
}

p.homepageStyle2
{
	font-size:0.9em;
	color:#ffffff;
	margin:0px;
	padding:0px;
}

/*---community.php table---
---------------------------*/

.spacer 
{
color:#CCCCCC;
height:1px;
width:80%;
}	
	
/*---community.php table---
---------------------------*/

.busAd
{
	float:left;
	height:186px;
	width:248px;
	margin-left:70px;
	padding:0px;
}		
	
/*---Calendar CSS---  
--------------------*/

.bambo_calendar_date {
    color: #000000;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    padding: 2px;
    z-index: 20;
}
.bambo_calendar_date h1{
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.bambo_calendar_date table tr td table tr th {
    font-family: "Courier New", Courier, mono;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    width: 26px;
    padding-left: 1px;
    text-align: center;
}
.bambo_calendar_date table tr td table {
    border-collapse: collapse;
}
.bambo_calendar_date table tr td table tr td {
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    width: 26px;
    height: 26px;
}
.bambo_calendar_date table tr td table tr td a {
    font-family: "Courier New", Courier, mono;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FF0000;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
}
.bambo_calendar_date table tr td table tr td a:hover {
    color: #000000;
    background-color: #C4DBFD;
    font-size: 11px;
    font-weight: bold;
}
.bambo_calendar_date table tr td table tr td strong a {
    font-family: "Courier New", Courier, mono;
    background-color: #C4DBFD;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FF0000;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
}
.bambo_calendar_date .dayNumber {
    font-weight: bold;
    background-color: #0099FF;
    color: #FFFFFF;
}
.bambo_calendar_date .dayNumberSelected {
    font-weight: bold;
    background-color: #FFFFBB;
    color: #000000;
}
.bambo_calendar_date .left {
    text-align: left;
}
.bambo_calendar_date .left a, .bambo_calendar_date .right a{
    font-family:"Trebuchet MS";
    color:#000000;
    font-size:12px;
}
.bambo_calendar_date .right {
    text-align: right;
}


.linkToNZBus
{
	color:#F00;
	margin-left:15px;
	text-align:center;
	font-size:13px;
}