﻿/* Class Project Windsor Toastmasters */

* {
	margin:0;
	padding:0;
}

body
{
	background-color:#fff;
    background-image:url(images/bk-gradient.jpg);
	background-repeat: repeat-x;
	padding:10px 0 0 0;
}

#home table {text-align:left; padding:1em;}
#home th {width: 50%; vertical-align:top; padding:.5em;}
#home td {vertical-align:top; padding:.5em;}

#container
{
	width: 88%; 
	overflow:hidden;
	margin: 10px auto;
    max-width: 90%;
    margin: 0 auto;
    padding: 0 0 0 0;
    background-color:#fff;
	border: 1px solid black;
	background-color:#88bee4; /*light blue*/
	/* background-color:#F3933C;  *orange*/
    
}

#header
{
    background-color:#F3933C;  /*orange*/
/*	background-color:#010000;  /*black  */
	background-color:#005a8e; /*dark-blue*/

	clear:both;
	border-top:1px solid white;
	border-bottom:2px solid gray;
	margin:0;
/*	padding:0.5em;*/
	padding:35px .5em 35px .5em;
	text-align:center;
/*	color: #005a8e;  */
	color: #fff;
    background-image:url(images/toastmasters-logo-100.png); background-repeat: no-repeat; background-position:left;
}

h1
{
    	font-size: 20pt;
    	letter-spacing: 1em;
		
}

h2
{
    	font-size: 15pt;
		padding: 1em 1em .25em 0;
}
h3
{
    	font-size: 14pt;
		padding: 1em 1em 1em 0;
}

p
{
    	font-size: 98%;
    	letter-spacing: 2px;
    	word-spacing: 2px;
    	line-height: 22px;
		padding:0 0 1em 0;
}


a:hover, a:active, a:visited, a:link
{
    	font-size: 110%;
    	text-decoration: underline;
    	
}





#navcontainer 
{

	float:left;
	max-width:219px;
	margin:0;
	padding:1em;
	
}

#navcontainer a
{
	display:block;
	padding:0;
	background-color:#005A8E;
	
}


#navigation
{
	
        border-top: 1px solid #010000;
        border-left: 1px solid #010000;
        border-right: 1px solid #010000;


}

#navigation ul
{
	
	background-color: #CCC;
	margin-left:0;
	padding-left:0;
    	padding: 0.5em;

}

#navigation a:link, #navigation a:visited
{
	text-decoration: none;
	color: #F3933C;  /*orange*/
   	padding: 0.5em;
	
}

#navigation a:hover
{
color:#005A8E;/*dark blue*/
background-color:#F3933C;
padding: 1em .5em 1em .5em;
}

#navigation li
{
        background-color: #005A8E;
        display:block;
        list-style-type: none;
        border-bottom: 1px solid #010000;
/*        padding: 0.5em;*/
}

#bPanel
{
	background-color:#fff;
	color:#010000;
	margin-left: 180px;
	margin-right: 178px;
	border-left:1px solid gray;
	border-right:1px solid gray;
	text-align: justify;
	padding: 1em 2em 1em 2em;
/*	min-width: 350px;
*/	margin-bottom:50px;
	background-image:url(images/watermark.png); background-repeat: no-repeat; background-position:center; 
	background-attachment:fixed;

}

#bpanel li {padding: 1em;}
#cPanel
{
/*	background-color:#fff; */
	color:#010000;
	float:right;
	width:160px;
	padding: 1em .5em .5em .5em;
	max-width:12em;

/*	border-left:1px solid gray;
*/	border-right:1px solid gray;
	border-bottom:2px solid gray;

}

#header 
{

}

#header-image
{

}

#footer
{
	width:88%;
	background-color:white;  /*used only for debugging wrong html*/
    background-image:url(images/footer-bk-gradient.jpg); background-repeat:repeat-x; background-position:top;	
	border-top:1px solid gray;
/*    	padding:1em;	*/	
	font-size:small;
	height:50px;
	position:fixed;
	bottom:0px;
/* 	left: 60px; */
/*    	z-index:3; */
	clear:both; 
	margin:0;
/*	padding:0.5em;*/
/*	padding:40px 0 40px 0; */

}

#footer p
{
	color:#fff; 
	text-align:center;
	padding:15px 0 0 0;
}
	
	
#bottomlogo {
	background-image: url(images/toastmasters-logo-200.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 200px;
	width: 50%;
	position: fixed;
	bottom: -12px;
	right: 75px;
	z-index: 99;
}
	
#w3c {position:relative; bottom: 100px;border:0;}

#skylinepic {float:right; padding:0 0 .25em .5em;}

.cpanel-heading
{
	font-weight: bold;
}

#location, #miniquote
{
margin: 1em 0 1em 0; 
padding: 1em; background-color:#C29B7C;

}


#location
{
border: 1px solid gray;

}

#miniquote 
{
color:#CC0000; font-weight: bold;
border: 1px solid gray;

}

#twitter_div
{
border: 1px solid gray;
padding: 1em;
}

#fillspace
{padding:7em 0 7em 0;}