/*This code is written by Holly Cheung 2007 for the purpose of Vancouver Diamond Lions Club
/*
/*
/*
/*
/*The code starts here

/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
/*adjust how high you want the content to be*/

body {
	background-color: #060646;
}

.content{
margin:0px;
}

.cb {
	padding: 10px;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 0px;
}

/********* form and related styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
	color: #231F20;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

/* CSS for the box ends here */

.content{
margin: 20px;
    font-family: Arial; 
	font-size:12px;
	color: #231F20;
}

.Box{
	bottom: 20px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

.Box1{
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
}

.indexcontent{
margin-top:20px;
    font-family: Arial; 
	font-size:12px;
	color: #231F20;
}

.indexleftcontent{
    font-family: Arial; 
	font-size:11px;
	color: #231F20;
}
.imagescontent{
margin-top:20px;
margin-left:80px;
margin-right:80px;
    font-family: Arial; 
	font-size:12px;
	color: #231F20;
}

.names{

    font-family: Arial;
	font-size:12px;
	color:#333333;
}
.emails{

    font-family: Arial;
	font-size:12px;
	color: #6b6b6b;
}
.contactname{
    font-family: Arial;
	font-size:12px;
	color: #d90000;
}

.footertext {
font-family: Arial;
font-size: 10px;
color:#999999
}

.h1 {

font-family: Arial;
font-size: 20px;
font-style: normal;
font-weight: 200;
color: #231F20;

}

.text {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: 350;
	color: #ffffff;
	line-height: 160%;
}

.text:hover {
font-size: 14px;
color: #ffffff;
}


.text1 {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color: #012BA2;
}

.text1:hover {
font-size: 12px;
color: #ffc905;
}

.subh1 {
font-family: Arial;
font-size: 14px;
font-style: strong;
font-weight:200;
color:#FF9900;
}

.subh2 {
margin-left:20px;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight:200;
color:#231F20;
}

.subh3 {
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight:200;
color:#FF9900;
}

.subh4 {
font-family: Arial;
font-size: 20px;
font-style: normal;
font-weight:200;
color:#FF9900;
}

.subh5 {
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight:200;
color:#060646;
}

.subh6 {
font-family: Arial;
font-size: 14px;
font-style: strong;
font-weight:200;
color:#012BA2;
}

.navbutton {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #231F20;
}

.navbutton:hover {
font-family: Arial;
font-size: 14px;
color: #ffc905;
}

.navbuttonclick {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #012BA2;
	padding: 2px;
}

.navbuttonclick:hover {
font-family: Arial;
font-size: 14px;
color: #FFFFFF;
}

.navbutton1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #012BA2;
	padding-right: 5px;
}

.navbutton1:hover {
	font-family: Arial;
	font-size: 14px;
	color: #ffc905;
	text-decoration: none;
}

.menubutton {
font-family: Arial;
font-size: 12px;
color: #333333;
}

.menubutton:hover {
font-family: Arial;
font-size: 12px;
color: #ffc905;
}

.back {
font-family: Arial;
font-size: 12px;
color: #ffc905;
}


/*** Nav bar styles ***/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 800px; /*For KHTML*/
  list-style: none;
  height: 20px;
}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 10px;
	z-index: 0;
	left: 0;
	top: 0;
}

ul#navmenu ul {
  margin: 0;
  border: 1px;
  border-color:#6b6b6b;
  padding: 0;
  width: 140px;
  list-style: none;
  display: none;
  position: absolute;
  top: 15px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font-family: 1px/0px Arial;
  content: ".";
  height: 10px;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 140px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  background: #FFFFFF;
  height: 18px;
  border: 1px #339999;
  
}

/* Root Menu */
ul#navmenu a {
  border: 1px #FFCC00;
  border-bottom: #FFFFFF;
  border-top:#FFFFFF;
  border-right-color: #CCCC00;
  border-left-color: #66CCFF;
  /*border-bottom-color: #CCC;*/
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #FFFFFF;
  color: #231F20;
  font-family: Arial;
  font size: 18px;
  font-stretch:expanded;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}


/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background-color: #FFFFFF;
  
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  
  /*border: 2px #330099;*/
  background-color: #FFFFFF;

 
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background-color: #FFFFFF; 
  
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 140px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
/*Root menu codes ends here*/

/*Special linking Menu*/
a:link { 
	font-family: Arial;
	font-size:10px;
	color: #999999;
	text-decoration:none;
	}
a:visited { 
	font-family: Arial;
	font-size:10px;
	color: #999999;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}


/*Bottom is for the content underneath the menu buttons*/
#content {
	clear: left;
	color: #ccc;

}

.pagelist{
    color:#E2D7C0;}
.pagelist a{
    text-decoration:none;
    color:#E2D7C0;
    padding:0px 5px;}
    
.style3 {font-size: 10px}
.style4 {
	color: #FF9900;
	font-weight: bold;
}



/************ picLinks styles **************/

#picLinks{
	margin: 0px;
	padding: 0px;
	width: 147px;
	font-size: 12px;
	font-weight: bold;

}

#picLinks h1{
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
}

#picLinks a:link, #picLinks a:visited {
	display: block;
	border-bottom: 1px solid #E1E1E1;
	color: #333333;
	background-color: #F6DC09;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 6px;
}

#picLinks a:hover{
	background-image: none;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECE9D8;
	color: #FFFFFF;
	background-color: #060646;
}


/*Centrocity.css ends here.