@charset "UTF-8";
/* CSS Document */

/* colors

 #86C1EA - blue
 #DB7200 - orange
 #44230c - brown

*/

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

a {outline: none}

body {background: url(http://www.theoccasionalwife.com/images/background3.gif); font-size: 62.5%; line-height: 1.4em; color: #3B3B3B; }

#container {width: 800px; margin: 0 auto; border-right: 1px solid #55A8E1; border-left: 1px solid #55A8E1; border-bottom: 1px solid #55A8E1;}

#header {background:url(http://www.theoccasionalwife.com/images/header.gif) no-repeat; height: 227px; width: 800px;}
#header h1 {height: 150px; width: 800px;}
#header h1 a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

#header ul#nav {list-style: none; width: 800px; height: 77px;}
#header ul#nav li {display: block; float: left; height: 77px;}
#header ul#nav li a {display: block; height: 77px; width: 100%; text-indent: -9999px}

ul#nav li#left {background:url(http://www.theoccasionalwife.com/images/nav_left.gif) no-repeat; width: 163px;}
ul#nav li#about {background:url(http://www.theoccasionalwife.com/images/nav_about.gif) no-repeat; width: 136px;}
ul#nav li#services {background:url(http://www.theoccasionalwife.com/images/nav_services.gif) no-repeat; width: 132px;}
ul#nav li#cards {background:url(http://www.theoccasionalwife.com/images/nav_cards.gif) no-repeat; width: 116px;}
ul#nav li#contact {background:url(http://www.theoccasionalwife.com/images/nav_contact.gif) no-repeat; width: 108px;}
ul#nav li#home {background:url(http://www.theoccasionalwife.com/images/nav_home.gif) no-repeat; width: 67px;}
ul#nav li#shop {background:url(http://www.theoccasionalwife.com/images/nav_shop.gif) no-repeat; width: 78px;}

ul#nav li#about a:hover {background:url(http://www.theoccasionalwife.com/images/nav_about_over.gif) no-repeat; width: 136px;}
ul#nav li#services a:hover {background:url(http://www.theoccasionalwife.com/images/nav_services_over.gif) no-repeat; width: 132px;}
ul#nav li#cards a:hover {background:url(http://www.theoccasionalwife.com/images/nav_cards_over.gif) no-repeat; width: 116px;}
ul#nav li#contact a:hover {background:url(http://www.theoccasionalwife.com/images/nav_contact_over.gif) no-repeat; width: 108px;}
ul#nav li#home a:hover {background:url(http://www.theoccasionalwife.com/images/nav_home_over.gif) no-repeat; width: 67px;}
ul#nav li#shop a:hover {background:url(http://www.theoccasionalwife.com/images/nav_shop_over.gif) no-repeat; width: 78px;}

#left {background:url(http://www.theoccasionalwife.com/images/left_bar.gif) no-repeat #bbdcf3; width: 800px;  clear: both}

#content { width: 609px; padding: 30px 0 30px 191px; position: relative}
#content p {font-size: 1.4em; line-height: 1.5em; font-family:Georgia, "Times New Roman", Times, serif; margin: 6px 35px 5px 0px}
#content h3 {color: #003C5C; font-size: 2.5em; font-family: Geneva, Arial, Helvetica, sans-serif}
#content h3.home { font-size: 6em}
#content h4 {color: #44230c; font-size: 1.6em; font-family: Geneva, Arial, Helvetica, sans-serif; margin: 30px 0 0 0; line-height: 1.3em }
#content h4.home {color: #ffffff; font-size: 4em; margin: 15px 0 0 70px}
#content h4 a {color: #44230c; text-decoration:none;}
#content h4 a:hover {text-decoration: underline;}
#content ul { font-size: 11pt; margin: 0px 35px 0px 20px; list-style: square; width: 555px; font-family:Georgia, "Times New Roman", Times, serif}
#content ul li {line-height: 1.4em; margin: 5px 0px;font-family:Georgia, "Times New Roman", Times, serif}
#content ul ul {list-style: none;font-family:Georgia, "Times New Roman", Times, serif}
#content p a {color: #003C5C;}
#content h4 a {color: #003C5C }

#events {
	position: absolute;
	top: 550px;
	left: 545px;
	height:79px;
	width: 239px;
	z-index: 999;
	text-indent:-9999px
}
#events a {display: block; height: 100%; width: 100%;}

.highlight {color:#003C5C; font-weight: bold; font-size: 1.1em; letter-spacing: 1px;}

#star {
	background:url(http://www.theoccasionalwife.com/images/star_big.gif) right no-repeat;
	width: 504px;
	position: absolute;
	z-index: 0;
	text-indent: -9999px;
	height: 258px;
}

#footer {width: 800px; margin: 20px auto; }
#footer p {font-size: 1.3em; color:#2C2C2C;}
#footer p#copy {float: left;}
#footer p#credits {float: right}
#footer p#credits a {color: #2c2c2c; text-decoration:none;}
#footer p#credits a:hover {color: #454545; text-decoration: underline}

.legalLinks {margin: 0 0 7px 0; font-size: 1.1em;}
.legalLinks a {color: #2c2c2c; text-decoration:none;}
.legalLinks  a:hover {color: #454545; text-decoration: underline}

/* ----- web store template ---- */

body.webStore #content {padding: 60px 10px 10px 15px; width:800px}
body.webStore .subContent {width: 575px; float: right;}

.poweredBy img {display: none}


body.webStore .leftnav A:link {text-decoration:underline;font-weight:normal;color:#000000;}
body.webStore .leftnav A:visited {text-decoration:underline;font-weight:normal;color:#000000;}
body.webStore .leftnav A:hover {text-decoration:none;font-weight:normal;color:#000000;}
body.webStore .leftnav A:active {text-decoration:underline;font-weight:normal;color:#000000;}

body.webStore .topbar A:link {text-decoration:underline;font-weight:normal;color:#000000;}
body.webStore .topbar A:visited {text-decoration:underline;font-weight:normal;color:#000000;}
body.webStore .topbar A:hover {text-decoration:none;font-weight:normal;color:#000000;}
body.webStore .topbar A:active {text-decoration:underline;font-weight:normal;color:#000000;}

body.webStore .rightnav A:link {text-decoration:underline;font-weight:normal;color:#000000;}
body.webStore .rightnav A:visited {text-decoration:underline;font-weight:normal;color:#000000;}
body.webStore .rightnav A:hover {text-decoration:none;font-weight:normal;color:#000000;}
body.webStore .rightnav A:active {text-decoration:underline;font-weight:normal;color:#000000;}

body.webStore .footer A:link {text-decoration:underline;font-weight:normal;color:#000000;}
body.webStore .footer A:visited {text-decoration:underline;font-weight:normal;color:#000000;}
body.webStore .footer A:hover {text-decoration:none;font-weight:normal;color:#000000;}
body.webStore .footer A:active {text-decoration:underline;font-weight:normal;color:#000000;}

body.webStore td.content { }

body.webStore .content {padding: 0px 15px 15px 30px}

body.webStore .title {font-size:9pt;font-weight:normal;color:#000000;}

body.webStore .leftnav {font-size:9pt;font-weight:bold;color:#000000; width: 170px; float: left}

body.webStore .rightnav {font-size:9pt;color:#000000;}

body.webStore .footer {font-size:9pt;font-weight:normal;text-align:center; margin: 25px 0 0 0; clear: both}

body.webStore .topbar {font-size:9pt;font-weight:normal;color:#000000;background-color:#86C1EA; padding: 10px; border:1px solid #408EBE;}

body.webStore .sidebar {border:1px solid #408EBE ;padding:10px; background-color:#86C1EA; width: 150px !important}