/*
Theme Name: MATES
Theme URI: http://www.spiegeldg.com/
Version: 1.0
Author: Spiegel Design Group, Inc.
Author URI: http://www.spiegeldg.com/
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Copyright 2009 Spiegel Design Group, Inc. All Rights Reserved.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*-------------------------------------------------
GLOBAL RESET
-------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clear {
	clear: both;
}
.hidden {
	display: none;
	visibility: hidden;
}

/*-------------------------------------------------
WRAPPER
-------------------------------------------------*/

body {
	background: #fff;
}
.wrapper {
	width: 864px;
	margin: 0 auto;
}
.header {
	height: 100px;
	background: #fff url("images/header.png") 0 0 no-repeat;
	border-bottom: 1px solid #d5d5d5;
}

/*-------------------------------------------------
NAV
-------------------------------------------------*/

#nav {
	background: #8cc63f;
	font-family: arial, verdana, sans-serif;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

li.current_page_item_3 { background: #8cc63f; }
li.current_page_item_5, li.nav5_hover { background: #f7941e; }
li.current_page_item_72, li.nav72_hover { background: #008fd5; }
li.current_page_item_13, li.nav13_hover { background: #ed1846; }
li.current_page_item_7, li.nav7_hover { background: #efc920; }
li.current_page_item_9, li.nav9_hover { background: #92278f; }
li.current_page_item_83, li.nav83_hover { background: #004b88; }
li.current_page_item_11, li.nav11_hover { background: #009677; }

#nav ul.nav_0 li {
	float: left;
	height: 32px;
	line-height: 32px;
}
#nav ul.nav_0 li a:link,
#nav ul.nav_0 li a:visited {
	color: #fff;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	text-decoration: none;
	line-height: 32px;
	height: 32px;
	padding: 0 13px;
	display: block;
}
/* L2 */
#nav ul.nav_0 li ul {
	display: none;
	visibility: hidden;
}
/*#nav ul.nav_0 li.hover {
	background: #92278f;
}*/
#nav ul.nav_0 li.hover ul {
	display: block;
	visibility: visible;
	position: absolute;
	z-index: 999;
	padding: 5px 0;
	/*background: #92278f;*/
	background: inherit;
	border-bottom: 3px solid #d5d5d5;
	border-right: 3px solid #d5d5d5;
}
#nav ul.nav_0 li.hover ul li {
	display: inline;
	float: none;
	height: 20px;
	line-height: 20px;
}
#nav ul.nav_0 li.hover ul li a:link,
#nav ul.nav_0 li.hover ul li a:visited {
	font-weight: normal;
	font-size: 12px;
	display: block;
	text-transform: none;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
}
#nav ul.nav_0 li.hover ul li a:hover {
	text-decoration: underline;
}
li.current_page_item a {
	/*background: #92278f;*/
}
#nav ul.nav_0 li.hover ul li strong {
	font-weight: bold;
	font-size: 12px;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	color: #fff;
}
#nav ul.nav_0 li.hover ul li ul {
	display: block;
	visibility: visible;
	position: static;
	z-index: 999;
	padding: 0;
	margin: 0 0 0 15px;
	background: none;
	border: none;
}

/*-------------------------------------------------
MAIN
-------------------------------------------------*/

table.main {
	width: 100%;
	padding: 3px 0 0 0;
	border-top: 1px solid #d5d5d5;
}

/*-------------------------------------------------
SIDBEAR
-------------------------------------------------*/

td.sidebar {
	width: 190px;
	background: #ffe292;
	vertical-align: top;
}
td.sidebar .location {
	padding: 15px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
td.sidebar h4 {
	color: #92278f;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 14px 0;
}
td.sidebar .location p {
	margin: 7px 0;
	color: #333;
}
td.sidebar .location strong {
	font-weight: bold;
}
td.sidebar .location a:link, td.sidebar .location a:visited {
	color: #92278f;
}

td.sidebar .links {
	padding: 15px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
td.sidebar .links a:link,
td.sidebar .links a:visited {
	color: #333;
	font-weight: bold;
}

/*-------------------------------------------------
CONTENT
-------------------------------------------------*/

td.content {
	vertical-align: top;
}
td.content .inner {
	padding: 20px;
}
td.content .splash {
	background: url("images/splash_1.jpg") 0 0 no-repeat;
	height: 79px;
	border-left: 3px solid #fff;
}

/*-------------------------------------------------
TEXTAREA
-------------------------------------------------*/

.textarea {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
.textarea p {
	margin: 16px 0;
}
.textarea strong {
	font-weight: bold;
}
.textarea em {
	font-style: italic;
}
.textarea h2 {
	font-size: 22px;
	font-weight: normal;
	color: #92278f;
	margin: 0 0 16px 0;
}
.textarea h3 {
	font-size: 14px;
	font-weight: bold;
	color: #008fd5;
	margin: 16px 0;
}
.textarea ul {
	margin: 16px 0;
}
.textarea ul li {
	list-style-type: square;
	margin: 5px 0 5px 25px;
}
.textarea table {
	width: 100%;
}
.textarea td {
	vertical-align: top;
}
.textarea th {
	font-weight: bold;
}
.textarea a:link, .textarea a:visited {
	color: #008fd5;
}

/* IMAGES */
.textarea img.alignright {
	float: right;
	clear: right;
	margin: 0 0 16px 16px;
	
}

/* TABLES */
.textarea table.table td {
	padding: 3px 0;
	border-bottom: 1px solid #eee;
}

/* H2's */
body.page-id-3 h2, body.parent-pageid-3 h2 { color: #8cc63f !important; }
body.page-id-5 h2, body.parent-pageid-5 h2 { color: #f7941e !important; }
body.page-id-72 h2, body.parent-pageid-72 h2 { color: #008fd5 !important; }
body.page-id-13 h2, body.parent-pageid-13 h2 { color: #ed1846 !important; }
body.page-id-7 h2, body.parent-pageid-7 h2 { color: #efc920 !important; }
body.page-id-9 h2, body.parent-pageid-9 h2 { color: #92278f !important; }
body.page-id-83 h2, body.parent-pageid-83 h2 { color: #004b88 !important; }
body.page-id-11 h2, body.parent-pageid-11 h2 { color: #009677 !important; }

/*-------------------------------------------------
LANDING
-------------------------------------------------*/

.landing {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
.landing li {
	border-top: 3px dotted #0083d1;
	padding: 0;
	margin: 0;
}
.landing li .landing-inner {
	background: #e5f1d5;
	margin: 10px 0;
}
.landing table td {
	vertical-align: top;
}
.landing td.landing-image {
	width: 200px;
	background-repeat: no-repeat;
}
.landing td.landing-text {
	padding: 10px;
}
.landing td.landing-text h4 {
	color: #ed1846;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
}
.landing td.landing-text p {
	margin: 6px 0;
}
.landing td.landing-text a:link,
.landing td.landing-text a:visited {
	color: #8cc63f;
	text-decoration: none;
	font-weight: bold;
}

/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

.top {
	float: right;
}
.footer {
	margin: 15px 20px;
	padding: 15px 0;
	border-top: 1px solid #d7d7d7;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #999;	
}
.footer a:link, .footer a:visited {
	color: #999;
}