/* blue colour scheme: #214478 #afc6e9 #cccccc */
/* green colour scheme: #33cc00 #eeffcc #cccccc */

/*********************
** Outline settings **
*********************/

body {
	background-color: #99cc66;
	font-family: arial, sans-serif;
	text-align: center;  /* for ie */
	color: #505050; /*default text color */
	margin: 0px 0px 0px 0px;
}

div#all {
    margin:0 auto 0 auto; /* tramlines */
	width: 750px;
	/*height: 100%;*/
	text-align: left; /* for ie */ 
	background-color: #eeffcc;
	border-left: 5px solid #505050;
	border-right: 5px solid #505050;
	border-bottom: 1px solid #505050;
	padding: 0px 0px 0px 0px;
}

/********************
** Header settings **
********************/

div#header {
    text-align: left; /* to counteract previous centering */
	padding: 20px 0px 10px 0px;
}

div#menu {
	margin: 30px 0px 0px 0px;
}

div#menu table{
	width: 100%;
	background: #c0c0c0;
	text-align: center;
	font-weight: bold;
}

div#menu a:link,a:visited {
	text-decoration: none;
	color: #505050;
}

div#menu a:hover {
	text-decoration: none;
	color: #ffffff;
}

img#logo {
	float: left;
	/*margin: 5px;*/
	height: 105px;
	vertical-align: middle;
	border-style: none;
	margin: 0px 10px 0px 20px;
}

/********************
** Footer settings **
********************/

div#footer {
	font-size: smaller;	
	color: #505050;
	display: block;
	margin: 0px 0px 20px 0px;
}

a.footer {
    color: #505050;
}

/************************
** Front Page settings **
************************/

div#intro {
	margin: 20px;
}

div#intro img {
    float: right;
    margin-left: 50px;
}

div#intro p {
	padding: 20px 0px 0px 0px; /* for spacing */
}

div#branches {
	padding: 10px 0px 0px 0px;
	/*margin: 20px 0px 0px 0px;*/
}

div#branches table.branches {
	width: 100%;
	/*border: 1px solid #000000;*/
}

td.divider {
	/*background-color: #505050;*/
	width:1px;
	font-size: 36px;
	/*border-left: 1px solid #505050;*/
}

/************************
** Home Users settings **
************************/

div#main {
/*	display:block;
	height:100px; */ /*any height will do to force footer to bottom */
/*	background-color: #eeffcc;
	margin: 10px;
	border-style: solid;
	*/
	padding: 20px;
}


div#services {
	float: left;
	width: 45%;
}

div#requests {
	border: 1px solid #505050;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 0px;
}

div#donts {
	border: 1px solid #505050;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 0px;
}

div#notes {
	float: right;
	width:45%;
}

/**********************
** Contacts settings **
**********************/

div#contact-home {
	border: 1px dotted #505050;
	float: left;
	width: 325px;
	height: 200px;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}

div#contact-bus {
	border: 1px dotted #505050;
	float: right;
	width: 325px;
	height: 200px;
	padding: 10px;
	margin: 0px 0px 10px 0px;	
}


div.divider {
	border: solid 1px #505050;
/*	-moz-box-sizing:border-box;*/
/*	box-sizing:border-box;*/
	float: left;
	width: 1px;
	height: 150px;
	margin: 0px 0px 0px 35px;
	/*padding: 10px 10px 10px 10px;*/
	background-color: #505050;
}

/*********************
** General settings **
*********************/
div.coming {
	text-align: center;
	font-size: 24px;
}	
	
	
h1 {
	text-align: center;
	font-size: 72px;
	vertical-align: middle;
	margin-top:15px; /*assume margin defaults for text differ for IE/GC/FF */
	margin-bottom:15px; /*therefore set them explicitly */
}

h1.side {
	text-align: left;
	font-size: 36px;
	vertical-align: middle;
	margin-top:15px; /*assume margin defaults for text differ for IE/GC/FF */
	margin-bottom:15px; /*therefore set them explicitly */
}

h2 {
	text-align: center;
}

h2.side {
	text-align: left;
	font-size: 48px;
}

img.button {
	border-style: none;
	margin: 10px;
	text-align: center;
}

.centered {
	text-align: center;
}

img.centered {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.nobreak {
	display:inline;
}

img.floatright {
	float: right;
}