/* 

STYLE SHEET FOR [x] WEB SITE
Created by Name Surname
www.domain.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
	background-color: #6A6A6A;
	background-image: url(../imgs/body_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.3em;
		}
#centre {
	background-repeat: repeat-y;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imgs/centre_bg.gif);
}
#top {
	background-image: url(../imgs/top.gif);
	background-repeat: no-repeat;
	height: 140px;
	margin-right: auto;
	margin-left: auto;
	width: 974px;
}
#copy .up {
	display: block;
	width: 90px;
	background-image: url(../imgs/up.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

		
/*  --------- 2. structure  --------- */

#wrapper {
		}
		
#masthead {
	background-repeat: no-repeat;
	height: 170px;
	width: 958px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imgs/masthead_bg.gif);
		}
h1#branding a {
	height: 115px;
	width: 420px;
	text-indent: -5000px;
	display: block;
}
#sub_col {
	color: #C8DF8E;
	width: 205px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 30px;
	float: left;
}
#date {
	float: right;
	color: #999999;
	font-size: 11px;
	margin-right: 17px;
	padding-top: 10px;
}

#copy {
	width: 650px;
	float: right;
	padding-right: 35px;
	margin-top: 10px;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 45px;
}
.inner_links li {
	margin-bottom: 5px;
	display: block;
	background-image: url(../imgs/sub_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}

#sub_col a:hover {
	background-image: url(../imgs/orange_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}

#copy ul {
	margin-left: 35px;
	margin-bottom: 10px;
}
#copy h2 a.none {
	background-image: none;
}

#copy ol {
	margin-left: 40px;
	margin-bottom: 10px;
}
#copy .quote {
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #D6E1AE;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	border: 1px solid #B8C296;
	text-align: center;
	width: auto;
}
.quote span {
	float: right;
}

#copy ul li {
	list-style-image: url(../imgs/arrow.gif);
}
#copy .regions {
	margin-right: 75px;
	padding-top: 15px;
}

#content {
	padding-top: 10px;
		}

#footer {
	background-image: url(../imgs/footer.gif);
	background-repeat: no-repeat;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	width: 974px;
	margin-bottom: 45px;
	line-height: 50px;
		}
#footer p {
	display: block;
	width: 400px;
	padding-left: 275px;
	color: #6A6A6A;
}
#contact {
	width: 200px;
	height: 50px;
	float: right;
	padding-top: 20px;
	margin-right: 30px;
	color: #666666;
	text-align: right;
	
}
#contact a {
	text-decoration: none;
	color: #666666;
	background-image: url(../imgs/grey-dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#events span {
	color: #211D17;
	display: block;
	background-image: url(../imgs/date_bg2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 19px;
	height: 19px;
	padding-left: 8px;
	margin-bottom: -10px;
}
#events h3 {
	font-weight: bold;
	color: #E1EDB7;
	display: block;
	padding-top: 5px;
}
#wrapper #centre #content #sub_col #find {
	background-image: url(../imgs/glass.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-repeat: no-repeat;
	display: block;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: -5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E1EDB7;
}

#wrapper #centre #content #sub_col #app {
	background-image: url(../imgs/doc.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-repeat: no-repeat;
	display: block;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E1EDB7*/;
}

#events span.title {
	background-image: none;
	color: #F6AB20;
	padding: 0px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#events a {
	background-image: url(../imgs/orange_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

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

.separator {
		clear: both;
		height: 0;
		}

/* ---------- 3. links and navigation ---------- */

#copy a {
	color: #211D17;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../imgs/black_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 1px;
		}

#navigation {
	line-height: normal;
		}

#navigation a {
	float: left;
	text-decoration: none;
	color: #333333;
	background-image: url(../imgs/tab_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 11px;
	line-height: normal;
		}

#navigation ul {
	padding-top: 22px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 250px;
	line-height: normal;
		}
		
/*IE7 Filter*/

*:first-child+ html #navigation ul{padding-top:21px;}

#top #login {
	display: block;
	height: 43px;
	width: 140px;
	color: #6A696A;
	text-decoration: none;
	background-image: url(../imgs/login_box.gif);
	background-repeat: no-repeat;
	line-height: 43px;
	padding-left: 35px;
	float: right;
	margin-top: 95px;
	font-size: 12px;
}

#navigation a span {
	float: left;
	display: block;
	background-image: url(../imgs/tab_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding:5px 10px 4px 6px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a span {float:none;}
    /* End IE5-Mac hack */
    #navigation a:hover span {
      color:#211D17;
      }
    #navigation a:hover {
      /*background-position:0% -33px;*/
	  text-decoration:underline;
      }
    #navigation a:hover span {
      /*background-position:100% -33px;*/
      }
#home #navigation .home a,
#what #navigation .what a,
#why #navigation .why a,
#association #navigation .association a,
#links #navigation .links a,
#memberships #navigation .memberships a,
#employment #navigation .employment a,
#info #navigation .info a {
	background-position:0% -33px;
	color:#211D17;
	}
#home #navigation .home a span,	
#what #navigation .what a span,
#why #navigation .why a span,
#association #navigation .association a span,
#links #navigation .links a span,
#employment #navigation .employment a span,
#memberships #navigation .memberships a span,
#info #navigation .info a span {
	background-position:100% -33px;
	}


#what #navigation .what a:hover,
#why #navigation .why a:hover,
#association #navigation .association a:hover,
#links #navigation .links a:hover,
#memberships #navigation .memberships a:hover,
#info #navigation .info a:hover{text-decoration:none;}
	
#navigation li {
	display: inline;
		}

/*#sub_col .inner_links li.purpose a, 
#sub_col .inner_links li.regulation a,
#sub_col .inner_links li.structure a {
	background-image:url(../imgs/orange_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}*/
		
/* ---------- 4. fonts ---------- */

h2 {
	display: block;
	height: 37px;
	font-size: 16px;
	line-height: 37px;
	background-image: url(../imgs/heading_bg.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: -15px;
	margin-bottom: 10px;
		}

h3 {
	font-size: 14px;
	margin-bottom: 5px;
		}
p {
	font-size: 12px;
	margin-bottom: 10px;
		}

ul {
		list-style-type: none;
		}
#sub_col h3 {
	font-size: 14px;
	margin-bottom: 10px;
}
#sub_col a {
	color: #F6AB20;
	text-decoration: none;
}
#sub_col span {
	font-weight: bold;
	font-size: 14px;
}
#sub_col p {
	background-image: url(../imgs/green_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
}
/* ---------- 5. tables ---------- */

table {
  border-collapse: collapse;
  border: 1px solid #A6A6A6;
}

caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}

col#albumCol {
  border: none;
}

thead {
 /* background: #ccc url(images/bar.gif) repeat-x left center;*/
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th {
  font-weight: normal;
  text-align: left;
}

th, td {
  padding: 0.1em 1em;
}

.odd {
  background-color:#C7D2A2;
}

tr:hover {
  background-color:#6A6A6A;
  color: #fff;
}

thead tr:hover {
	color: inherit;
	background-color: #6A6A6A;
}


/* ---------- 6. images ---------- */

a img {
		border: 0;
		}
#content #copy img {
	padding: 4px;
	border: 1px solid #B8C296;
}

		
/* ---------- 7. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}  
.clear {clear:both;}

.wanted {
	font-style: italic;
	font-weight: bold;
}
.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
#copyright {
	float: right;
	width: 200px;
	font-size: 12px;
	color: #6A6A6A;
}
.right_img {
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
}