/* Joondalup Business Association */
/* Screen Style Sheet - Default */

/* Created by Alexandra Graham, Cadmium on 26.04.2006 */
/* www.cadmium.com.au */

/* This style sheet is arranged to display all general styles that apply to the
website overall in alphabetical order making it easy to locate a
particular style. More specific styles relating to forms, tables, etc can be
found in the appropriate style sheet. */

body {
	background: #fff;
	color: #000;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

img {
  border: 0;
}


#featured a.button img, #join a.button img, #news a.button img {
  margin: 0 0 10px 122px;
}


#container {
	width: 762px;
  height: 500px;
	margin: 0 auto;
	background: #fff url(../images/sidebar_back.gif) scroll repeat-y top left;
  position: relative;
}

#content {
  border-width: 0 1px 0 0;
  border-color: #9C9579;
  border-style: solid;
  background: #fff url(../images/sidebar_back.gif) scroll repeat-y top left;
  padding: 0 0 0 191px;
}

.emphasis {
  font-weight: bold;
}

#events {
  border: 1px solid #336666;
  background: #eaeaea url(../images/events_back.gif) scroll no-repeat right;
  width: 170px;
  float: right;
  padding: 5px;
  margin: 0 0 20px 5px;
}

#events a.button {
  float: right;
}

#events p {

}

.nominate-sponsor {
  width: 170px;
  float: right;
  background: #efefef;
  padding: 5px;
  margin: 0 0 20px 20px;
  border: 1px solid #336666;
  text-align: center;
}




#featured, #join, #news {
  width: 188px;
  background: #b2c5c5;
  margin-left: 1px;
}

#featured h1, #join h1, #news h1 {
  margin: 0;
  padding: 5px 12px;
  background: #336666;
  color: #ffcc00;
  font: bold 14px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#featured p, #join p {
  padding: 0 8px;
  font: 1em/110% Arial, Helvetica, sans-serif;
}

#featured .name, #events .name {
  font-weight: bold;
}

#featured .company, #events .location {
  font-style: italic;
}

#footer {
  border-top: 1px solid #336666;
  background: #668c8c;
  margin-left: 22px;
  font: 1em Arial, Helvetica, sans-serif;
  color: #fff;
  padding: 10px;

}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  color: #014045;
}


#footer p.credits {
  float: right;
  margin: 0;
}

#footer p.textnav {
  float: left;
  margin: 0;
}

#header {
	background: url(../images/header_back.jpg) scroll no-repeat top left;
	height: 216px;
	position: relative;
}

.logo {
	position: absolute;
	top: 20px;
	left: 0px;
}

#main {
  padding: 15px 10px 10px 0;
  width: 365px;
}

#main a, #news a {
  color: #336666;
  text-decoration: underline;
}

#main a:hover, #news a:hover {
  color: #cc9900;
  text-decoration: none;
}

#main a.button_main {
  float: right;
  margin-right: 10px;
}

#main h1 {
  padding: 0;
  margin: 0;
  font: 16px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #336666;
}

#main h2 {
  padding: 0;
  margin: 0;
  font: bold 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #336666;
}

#main h2.padded {
  padding: 7px 0 0 0;
  margin: 0;
  font: bold 13px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #336666;
}

#main li {
  font: 1.1em/150% Arial, Helvetica, sans-serif;
  margin-left: 0;
  padding-left: 0;
  list-style-type: square;
}

#main p {
  font: 1.1em/150% Arial, Helvetica, sans-serif;
}

#main ul {
  margin-left: 0;
  padding-left: 25px;
}


ul#navigation {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  position: absolute;
  top: 195px;
  left: 22px;
  width: 149px;
}

ul#navigation li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 149px;
  height: 25px;
  display: inline;
}

ul#navigation li a {
  border: 0;
  padding: 0;
  margin: 0;
}

ul#navigation li a img {
  border: 0;
  padding: 0;
  margin: 0;
}

#news ul {
  margin-left: 0;
  padding-left: 25px;
}


#news li {
  margin: 0 0 5px 0;
  padding-left: 0;
  list-style-type: square;
  font: 1em/120% Arial, Helvetica, sans-serif;
} 

.pagename {
	position: absolute;
	top: 147px;
	left: 381px;
}

#rightcol {
  float: right;
  width: 189px;
}

p.utility {
	padding: 20px 2px 0 0;
	margin: 0;
	color: #999;
	float: right;
  font: 1em/110% Arial, Helvetica, sans-serif;
}

p.utility a {
	color: #999;
	text-decoration: none;
}

p.utility a:hover {
	color: #366;
	text-decoration: underline;
}

#sponsors {
  width: 100%;
  text-align: center;
  margin: 20px 0;
  font: 1em/110% Arial, Helvetica, sans-serif;
}

#sponsors a {
  color: #336699;
  display: block;
  margin-top: 8px;
}


#sponsors a:hover {
  color: #cc9900;
}

.print_header {
  display: none;
}

.jbanewsbox {
  width: 165px;
  margin-top: 0;
}

.nominate-sponsor h2 {
  margin: 10px 0;
}

.nominate-sponsor div.bg {
  background: #101010;
  margin-bottom: 5px;
}