/* Classes .................................................................................................... */
.colour1 { color: #F87F11; }

.colour2 { color: #174FC1; }

.intro { font-weight: bold; }


/* General .................................................................................................... */
img { border: 0; }

hr { display: none; }

a { text-decoration: underline; }

h2 { font-size: 18px;	}

h3 { }


/* html and body .................................................................................................... */
html {
	height: 100%;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	overflow: -moz-scrollbars-vertical;
	}

body {
	margin: 0 auto;
	padding: 0 20px;
	width: 730px;
	height: 100%;
	position: relative;
	text-align: center
	}
* html body { height: 100%; }


div#oContent {
	margin: 0 auto;
	padding: 0 20px;
	width: 730px;
	height: 100%;
	position: relative;
	text-align: left
	}

/* Header .................................................................................................... */
div#header {
	margin: 0 0 10px 0;
	width: 730px;
	height: 450px;
	position: relative;
	font-size: 11px;
	float: left;
	}

div#header a { color: #333; text-decoration: none; }
div#header a:hover { text-decoration: underline; }

div#header h1 { display: none; }

div#header img.logo {
	position: absolute;
	top: 20px;
	left: 0px;
	}

#flashheader { margin-top: 50px; }


/* Special List (Icons) */
div#header ul.special {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 20px;
	right: 0px;
	float: left;
	}
	
div#header ul.special li {
	margin-left: 20px;
	padding-left: 20px;
	height: 17px;
	float: left;
	}
div#header ul.special li.mybus { background: url("http://images.busabout.com/Images/cir_mybus.gif") no-repeat; }
div#header ul.special li.agent { background: url("http://images.busabout.com/Images/cir_login.gif") no-repeat; }
div#header ul.special li.book { background: url("http://images.busabout.com/Images/cir_book.gif") no-repeat; }
	

/* Content .................................................................................................... */
div#content {
	padding: 0 0 50px 0;
	float: left;
	}

#left div.link, 
#right div.link { float: left; padding: 20px 0; margin-bottom: 20px; width: 100%; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; }	

#left { float: left; width: 330px; padding-left: 25px; }
#left h2 { margin: 0; }
#left h2 a:hover { color: #666 }



#right { float: right; width: 330px; padding-right: 30px; }
#right h2 { display: none; }
#right ul { float: left; margin: 0; padding: 0; list-style: none; }
#right li { float: left; width: 108px; }
#right li a { font-size: 18px; font-weight: bold; }
#right li a:hover { color: #666 }





/* Footer .................................................................................................... */
div#footer {
	padding: 5px 0 0 0;
	width: 730px;
	background: #EEE;
	color: #666;
	text-align: center;
	font-size: 11px;
	float: left;
	}

div#footer p { margin: 0 0 5px 0; }

div#footer a { color: #666; text-decoration: none; }
div#footer a:hover { color: #666; text-decoration: underline; }