/* CSS for My Cotty website */

/*
#F4D4DD lightminor
#F5B0BF darkminor
#e7edf7 lightmajor
#04394D darkmajor
*/

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

html * {
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	position: relative;

	background-color: #e7edf7;
}

#height_wrapper {
	margin: 0;
	padding: 0;
	min-height: 92%;
	position: relative;
	background-color: #e7edf7;
}

#header_background {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: white;
}

#header_center {
	margin: 0px;
	padding: 0px;
	width: 1000px;
	min-height: 80px;
	margin-left: auto;
	margin-right: auto;
}

#header_content {
	margin: 0px;
	padding: 0px;
	margin-left: 220px;
}

#site_branding {
}

#site_branding h1 { 
	margin: 0px;
	padding: 10px;
	position: relative;
	font-size: 4em;
}

#site_branding a:link, #site_branding a:visited, #site_branding a:hover, #site_branding a:active { 
	color: #04394D;
	text-decoration: none;
}

#header_stripe {
	height: 20px;
	background-color: #04394D;
}

#main_navigation_background {
	width: 100%;
	background-color: #F4D4DD;
	border-bottom: 5px solid #F5B0BF;
}

#main_navigation_center {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#main_navigation_content {
	margin-left: 220px;
	text-align: right;
}

#main_navigation_content ul {
	padding: 5px;
	position: relative;
	top: 5px;
}

#main_navigation_content li {
	list-style-type: none;
	display: inline;
	position: relative;
	margin: 5px;
}

#main_navigation_content a {
	padding: 5px;
	padding-right: 5px;
}

#main_navigation_content a:link, 
#main_navigation_content a:visited {
	color: white;
	font-weight: bold;
}

#main_navigation_content a:hover, 
#main_navigation_content a:active {
	color: #04394D;
	font-weight: bold;
}

#main_navigation_content a#home:link, 
#main_navigation_content a#home:visited {
	background: url(images/top_tab_home_link_visited.png) no-repeat left top;
}

#main_navigation_content a#home:hover, 
#main_navigation_content a#home:active {
	background: url(images/top_tab_home_hover_active.png) no-repeat left top;
}

#main_navigation_content a#word_whiz:link, 
#main_navigation_content a#word_whiz:visited {
	background: url(images/top_tab_word_whiz_link_visited.png) no-repeat left top;
}

#main_navigation_content a#word_whiz:hover, 
#main_navigation_content a#word_whiz:active {
	background: url(images/top_tab_word_whiz_hover_active.png) no-repeat left top;
}

#main_navigation_content a#about:link, 
#main_navigation_content a#about:visited {
	background: url(images/top_tab_about_link_visited.png) no-repeat left top;
}

#main_navigation_content a#about:hover, 
#main_navigation_content a#about:active {
	background: url(images/top_tab_about_hover_active.png) no-repeat left top;
}

#main_navigation_content a#news:link, 
#main_navigation_content a#news:visited {
	background: url(images/top_tab_news_link_visited.png) no-repeat left top;
}

#main_navigation_content a#news:hover, 
#main_navigation_content a#news:active {
	background: url(images/top_tab_news_hover_active.png) no-repeat left top;
}

#main_navigation_content a#contact:link, 
#main_navigation_content a#contact:visited {
	background: url(images/top_tab_contact_link_visited.png) no-repeat left top;
}

#main_navigation_content a#contact:hover, 
#main_navigation_content a#contact:active {
	background: url(images/top_tab_contact_hover_active.png) no-repeat left top;
}

#body_background {
	background: #e7edf7 url(images/main_background_gradient.png) left top repeat-x;
	height: 100%;
	position: relative;
}

#body_center {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	margin-bottom: 15px;
}

#body_content {
	padding: 18px;
	margin-left: 220px;
	min-height: 300px;
	background: white url(images/main_content_bottom_corners.png) left bottom no-repeat;
}

#body_content h1 {
	padding: 18px;
	padding-bottom: 0px;
	margin: 0px;
	margin-bottom: -24px;
	position: relative;
	top: -18px;
	left: -18px;
	width: 100%;
	font-size: 2.3em;
	background: transparent url(images/main_content_top_corners.png) left top no-repeat;
}

#body_content ul, 
#body_content ol {
	padding-left: 20px;
	margin-left: 20px;
}

#footer {
	padding: 0px;
	margin: 0px;
	position: relative;
	/* bottom: 40px; */
}

#bottom_navigation_background {
	width: 100%;
	background-color: #04394D;
	border-top: 5px solid #F5B0BF;
}

#bottom_navigation_center {
	width: 1000px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

#bottom_navigation_content {
	margin-left: 220px;
	text-align: center;
}

#bottom_navigation_center_content {
}

#bottom_navigation_content ul {
	padding: 5px;
	position: relative;
	top: -6px;
}

#bottom_navigation_content li {
	list-style-type: none;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

#bottom_navigation_content a {
	padding: 5px;
}

#bottom_navigation_content a:link, 
#bottom_navigation_content a:visited {
	color: #04394D;
	font-weight: bold;
}

#bottom_navigation_content a:hover, 
#bottom_navigation_content a:active {
	color: #04394D;
	font-weight: bold;
}

#bottom_navigation_content a#home:link, 
#bottom_navigation_content a#home:visited {
	background: url(images/bottom_tab_home_link_visited.png) no-repeat left top;
}

#bottom_navigation_content a#home:hover, 
#bottom_navigation_content a#home:active {
	background: url(images/bottom_tab_home_hover_active.png) no-repeat left top;
}

#bottom_navigation_content a#word_whiz:link, 
#bottom_navigation_content a#word_whiz:visited {
	background: url(images/bottom_tab_word_whiz_link_visited.png) no-repeat left top;
}

#bottom_navigation_content a#word_whiz:hover, 
#bottom_navigation_content a#word_whiz:active {
	background: url(images/bottom_tab_word_whiz_hover_active.png) no-repeat left top;
}

#bottom_navigation_content a#about:link, 
#bottom_navigation_content a#about:visited {
	background: url(images/bottom_tab_about_link_visited.png) no-repeat left top;
}

#bottom_navigation_content a#about:hover, 
#bottom_navigation_content a#about:active {
	background: url(images/bottom_tab_about_hover_active.png) no-repeat left top;
}

#bottom_navigation_content a#news:link, 
#bottom_navigation_content a#news:visited {
	background: url(images/bottom_tab_news_link_visited.png) no-repeat left top;
}

#bottom_navigation_content a#news:hover, 
#bottom_navigation_content a#news:active {
	background: url(images/bottom_tab_news_hover_active.png) no-repeat left top;
}

#bottom_navigation_content a#contact:link, 
#bottom_navigation_content a#contact:visited {
	background: url(images/bottom_tab_contact_link_visited.png) no-repeat left bottom;
}

#bottom_navigation_content a#contact:hover, 
#bottom_navigation_content a#contact:active {
	background: url(images/bottom_tab_contact_hover_active.png) no-repeat left bottom;
}

#copyright_background {
	padding-top: 5px;
	width: 100%;
	background-color: #F4D4DD;
}

#copyright_center {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#copyright_content {
	margin-left: 220px;
	text-align: center;
	padding-bottom: 10px;
}

h2, h3 {
}

a img {
	border: none;
}

p {
	margin-bottom: 1em;
}

.divider {
	padding-top: 10px;
	border-top: 1px solid #F5B0BF;
	margin-top: -5px;
}

.app_large_icon {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.usage_image {
	float: right;
}

.usage_list {
	margin-top: 60px;
}

.clear {
	clear: both;
}