/* color.css */

html { 
	background-color : #3333FF;/*darker blue*/ 
	color: #000000;}

body { 
	padding-top : 10px; 
	margin-top : 10px; 
	background-color: #fff;
	color: #000;}

#branding {
	position : relative;
	z-index : 10;
	height : 80px;
	}
	
#branding .logo {
	float:left;
	margin-left:10px;
	margin-top:10px;
	/*border:1px solid black;*/
	}

#branding .login {
	float:right;
	margin-right:10px;
	margin-top:0;
	/*border:1px solid black;*/
	}

#nav_main { 
	/*position : relative;
	z-index : 1;
	height : 50px;
	background-color : #3333FF;/*darker blue*/ 
	/*color: #fff*/
	/*defines layout of tabs */
	}
ul#tabnav {
	list-style-type: none;
	margin: 0;
	/*padding-left: 130px;*/
	padding-left: 30px;
	padding-bottom: 24px;
	border-bottom: 1px solid #3333FF;/*dark blue*/
	font: bold 11px verdana, arial, sans-serif;
}
/*defines more specifics of tabs*/
ul#tabnav li {
	float: left;
	height: 21px;
	background-color: #8080FF;/*light blue*/
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border-bottom: 1px solid #8080FF;/*light blue*/
}
/* from Sitepoint .css Forum*/
/*defines layout of subnav bar*/
ul.subnav {
	list-style-type: none;
	margin: 0;
	padding: 5px 0px 0px 140px;
	height: 20px;
	line-height: 20px;
	background: #3333FF;/*darker blue*/
	font: bold 14px verdana, arial, sans-serif;
	}

/*defines color of content items in subnav & bottom nav bar*/
ul.subnav li {
	float: left;
	height: 20px;
	background: #3333FF;/*darker blue*/
	display: inline;
	color: #FFFFFF;/*white*/
	padding-right: 10px;
	}

ul.subnav a:link, ul.subnav a:visited {
	display: inline;
	color: #FFFFFF;/*white*/
	background-color: transparent;
	text-decoration: none;
	}
/* end from Sitepoint .css Forum*/

ul#tabnav a:link, ul#tabnav a:visited {
	display: block;
	color: #FFFFFF;/*white*/
	background-color: transparent;
	text-decoration: none;
	padding: 4px;
}
ul#tabnav a:hover {
	/*background-color: #CC0033;/*red*/
	background-color: #339966;/*green*/
	color: #FFFFFF;
}

/*defines tabs by content and color*/
body#home li.home, body#prod li.prod, body#tips li.tips, body#designers li.designers, body#about li.about, body#contact li.contact, body#special li.special, body#basics li.basics, body#custom li.custom, body#cntnt_mgmnt li.cntnt_mgmnt, body#coach li.coach, body#viewsite li.viewsite, body#plan li.plan, body#design li.design, body#build li.build, body#cms li.cms, body#improve li.improve, body#market li.market, body#account li.account, body#wip li.wip, body#tag li.tag, body#hm_pg li.hm_pg, body#colors li.colors, body#images li.images, body#pages li.pages, body#preview li.preview, body#publish li.publish, body#enhance li.enhance, body#help li.help {
	border-bottom: 1px solid #3333FF;/*darker blue*/
	color: #FFFFFF;
	background-color: #3333FF;/*darker blue*/
	}
	
/* defines how links appear in tabs by content*/
body#home li.home a:link, body#home li.home a:visited,
body#prod li.prod a:link, body#prod li.prod a:visited,
body#tips li.tips a:link, body#tips li.tips a:visited,
body#designers li.designers a:link, body#designers li.designers a:visited,
body#special li.special a:link, body#special li.special a:visited,
body#basics li.basics a:link, body#basics li.basics a:visited,
body#custom li.custom a:link, body#custom li.custom a:visited,
body#cntnt_mgmnt li.cntnt_mgmnt a:link, body#cntnt_mgmnt li.cntnt_mgmnt a:visited,
body#coach li.coach a:link, body#coach li.coach a:visited,
body#viewsite li.viewsite a:link, body#viewsite li.viewsite a:visited,
body#plan li.plan a:link, body#plan li.plan a:visited,
body#design li.design a:link, body#design li.design a:visited,
body#build li.build a:link, body#build li.build a:visited,
body#cms li.cms a:link, body#cms li.cms a:visited,
body#improve li.improve a:link, body#improve li.improve a:visited,
body#market li.market a:link, body#market li.market a:visited,
body#about li.about a:link, body#about li.about a:visited,
body#contact li.contact a:link, body#contact li.contact a:visited,
body#start li.start a:link, body#start li.start a:visited,
body#account li.account a:link, body#account li.account a:visited,
body#wip li.wip a:link, body#wip li.wip a:visited,
body#tag li.tag a:link, body#tag li.tag a:visited,
body#layout li.layout a:link, body#layout li.layout a:visited,
body#hm_pg li.hm_pg a:link, body#hn_pg li.hm_pg a:visited,
body#colors li.colors a:link, body#colors li.colors a:visited,
body#images li.images a:link, body#images li.images a:visited,
body#pages li.pages a:link, body#pages li.pages a:visited,
body#preview li.preview a:link, body#preview li.preview a:visited,
body#publish li.publish a:link, body#publish li.publish a:visited,
body#enhance li.enhance a:link, body#enhance li.enhance a:visited,
body#help li.help a:link, body#help li.help a:visited {
	color: #FFF;/*white*/
	background-color: #3333FF;/*darker blue*/
	}

#content { 
	background-color : #fff; 
	color: #000;}

#site_info { 
	position : relative;
	width : 100%;
	height : 100px;
	background-color : #3333ff;/*darker blue*/ 
	color: #fff
	}
	
#site_info p { 
	position : relative;
	background-color : #3333ff;/*darker blue*/ 
	color: #fff
	}
	
	/*defines layout of footer links*/
ul.bottom {
	list-style-type: none;
	margin: 0;
	padding: 5px 0px 0px 140px;
	height: 20px;
	line-height: 20px;
	background: #3333FF;/*darker blue*/
	font: bold 14px verdana, arial, sans-serif;
	}
	
	/*defines color of content items in bottom nav bar*/
ul.bottom li {
	height: 20px;
	background: #3333FF;/*darker blue*/
	display: inline;
	color: #FFFFFF;/*white*/
	padding-right: 10px;
	}

ul.bottom a:link, ul.bottom a:visited {
	display: inline;
	color: #FFFFFF;/*white*/
	background-color: transparent;
	text-decoration: none;
	}
	
	/* display Note in green*/
 .note {
 color:#339966;/*green*/
 background-color: #fff;/*white*/
 }