/* Global Styles */

body {
	margin:0px;
	font-size: 16px;
	background: #f4ffe4;	/*#D5EDB3;*/
	}
	
td {
	font:14px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
a {
	color: #993300;
	}
	
a:hover {
	color: #5C743D;
	}

/* ID Styles */

.navigation {
	padding: 0;
	}

.navigation a, #right_sidebar {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #D5EDB3;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 0px;
	border-bottom: 1px solid #F4FFE4;
	padding-left: 30px;
	}
	
.navigation a:hover {
	background: #4083B9;
	color:#993300;
	}

.navigation li {
	list-style: none;
/*	width: 200px;*/
	}
	
/*#logo 	{
	font:24px Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	}*/

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	color:#666666;
	line-height:20px;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #99CC66;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	

/*********** layout info (ez.css) ***********/
/* 2009 -2010 (c) | ez-css.org
 * ez-plug-min.css :: version 1.1 :: 01182010
 */
/*
.ez-wr:after,.ez-box:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ez-wr,.ez-box,.ez-last{display:inline-block;min-height:0}/* \*/ * html .ez-wr,* html .ez-box,* html .ez-last{height:1%}.ez-wr,.ez-box,.ez-last{display:block}/* */.ez-oh{overflow:hidden}* html .ez-oh{overflow:visible}.ez-oa{overflow:auto}.ez-dt{display:table}.ez-it{display:inline-table}.ez-tc{display:table-cell}.ez-ib{display:inline-block}.ez-fl{float:left}* html .ez-fl{margin-right:-3px}.ez-fr{float:right}* html .ez-fr{margin-left:-3px}.ez-25{width:25%}.ez-33{width:33.33%}.ez-50{width:50%}.ez-66{width:66.66%}.ez-75{width:75%}.ez-negmr{margin-right:-1px}* html .ez-negmr{margin-right:-4px}.ez-negmx{margin-right:-1px}.ez-negml{margin-left:-1px}* html .ez-negml{margin-left:-4px}
*/

/*********** add bottom line to table rows ***********/
th, td { padding: 0.1em 0.5em 0.1em 0.5em;}

/*********** labels bold and occasionally centered ***********/
label {
    white-space: nowrap;
}
label, b, th {
    font-weight: bold;
}
thead th {
    text-align: center;
    border-bottom: 1px solid #444;
}
/*********** forms and table padding ***********/
form, table {
/*   padding: 5px 10px 5px 10px;*/
}

/*********** code blocks ***********/
code {
   padding: 3px 5px;
   font-family: Andale Mono, monospace;
   font-size: 0.9em;
}

/*********** left and right padding to quoted text ***********/
blockquote {
   background: #cccccc;
   border-left: 30px transparent;
   border-right: 30px transparent;
   /*padding: 5px;*/
}

input[type=text], input[type=password], textarea, select {
    margin: 2px 15px 2px 5px;
    width: 160px;      
    background: #fff;
    color: #555;
    border: 1px solid #dedede; 
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;       
    font-size: 12px;
}

input[type=text], input[type=password], select {
    height: 16px;  
}

select[multiple=multiple] {
    height: 90px;  
}

input[type=submit], input[type=button], button {
    margin: 0px;
    /*width: 85px;*/
    height: 22px;    
    background: #eaeaea;
    color: #555;
    border: 1px solid #dedede;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;    
}

fieldset { border: 1px solid #dedede; padding: 6px; }
legend { font-weight: bold; }

input:focus, textarea:focus { background: #fafafa; }

p {text-indent:30px;}

p, blockquote {    
    margin-bottom: 10px;
}

h1,h2,h3,h4,h5,h6 { line-height: 170%; }
h1 {font-size: 2.0em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}

/*********** page layout alignment, width and padding ***********/
/*body {background-color: #000;}*/
#container, #header, #page, #content, #statusbar, #footer, #wrapper { 
	display:block; line-height: 170%;
	background: #f4ffe4;	/*5C743D;*/
}
#wrapper {
	width: 100% /*1024px;*/
	}

#container {
    margin: 0 auto;
    padding: 0;
}
#wrapper {margin: 0 auto;} 
#wrapper {background-color: #F4FFE4; } /*padding: 5px;} */
#statusbar { margin: 5px 0px 20px 0px;}
#footer {    
    margin-top: 30px;    
    padding: 5px;    
}
#statusbar, #footer {    
    background: #eaeaea; 
    border-top: 1px #aaa solid;    
}
/*#logo {
    width: 68px;
    height: 62px;
    background: url(../images/logo.png);
}*/
#appname {
    color: #cccccc;
}

#right_sidebar { width: 200px; float:left; display: none; background-color: #5c743d;}
#left_sidebar { width: 210px; float:left; display: none; background-color: #94BBDA;}

/* #5c743d;} */

#content {
	float: left; /*width: 740px;*/
	/*width: 	100%;*/
	/*width: 63%;*/
	/*width: 640px; float:left;*/ 
	background: #F4FFE4;
/*	padding-left: 30px;*/
	margin-left: 30px;
	margin-top: 30px;
	min-height: 600px;
/*	min-width: 800px;*/
	
} /* uncomment this if you are going to use sidebars */
 
.auth_navbar {
   top: 0px;
   float: left;
   padding: 3px 10px 3px 750px; 
}

/*********** web2py specific ***********/
div.flash {
    font-weight: bold;
    display: none;
    position: fixed;    
    padding: 10px;
    top: 40px;
    right: 10px;
    min-width: 280px;
    opacity: 0.85;
    margin: 0px 0px 10px 10px;    
    color: #fff;    
    vertical-align: middle;
    cursor: pointer;
    background: #000;
    border: 2px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 2;
}
div.error {
    background-color: red;
    color: white;
    padding: 3px;
}

/*****************************************************
 *  HERE YOU CAN START TO WRITE YOUR OWN DIVS
 */



/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

#header {
	background: url(../images/BCM_withtext.png) no-repeat;
	height: 244px;

}




td .red {
	background-color: red;
}

td .green {
	background-color: green;
}

td .black {
	background-color: black;
}


#left_sidebar, {
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	color: #666666;
}

#title {
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-size: 18px;
	color: #99cc66;
	line-height: 26px;
	letter-spacing: 0.21em;

	height: 100px;
	padding: 30px 0 0 130px;
	


        background: url(../images/Venekerhon_logo.jpg) no-repeat;

}

#page_text {
	font-family: Arial,Helvetica,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: #666666;

/*	color: #99cc66;*/
/*	line-height: 20px;*/
/*	letter-spacing: 0.21em;*/

/*	height: 100px;*/
/*	padding: 30px 0 0 130px;*/
}

#page_text p {
	text-indent: 0;
}

td.red {
	background-color: red;
}

td.green {
	background-color: green;
}

td.black {
	background-color: black;
}

p.text_red {
	color: red;
	margin: 0.75em;
        line-height: 100%;
}

p.text_black {
	color: black;
	margin: 0.75em;
        line-height: 100%;
}

#member {
/*	padding: 25px;*/
	width: 350px;
/*	float: left;*/
/*	background-color: #eee;*/
}

#boats {
	width: 200px;
/*	padding: 25px;*/
/*	margin-left:50px;*/
/*	float: left;*/
/*	background-color: #eee;*/
}

#general {
	padding: 25px;
	margin-left:50px;
	float: left;
}

#right_sidebar td {
	color: white;
}

#right_sidebar a {
	color: #d5edb3;
	text-decoration: none;	
}

#info {
	float: right;
	padding-top: 40px;
	padding-right: 40px;
}

#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

#textarea .bigtext {
	width: 100px;
	height: 400px;
}