a {color: #295fa0; text-decoration: none}
a:hover {color: #D70101}
a img {border: 0}
.clear {clear: both}

body {margin: 0px; background-color: #ddedfa; background-image: url(../images/back.jpg); background-repeat: repeat-x; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #50565b}

#wrapper {width: 980px; position: relative; padding: 0 20px; margin: 0 auto; background-image: url(../images/back_wrap.jpg); background-repeat: no-repeat}

#logo {position: absolute; top: 9px; left: 48px; z-index: 1}

#top {height: 52px}
#top ul {margin: 10px 0 0 0; padding: 0; list-style: none; float: right}
#top ul li {display: block; float: left}
#top ul li img {border: 1px solid #a0abb5}

#links li a {color: #ffffff; display: block; padding: 5px 10px; margin-top: 6px; font-size: 11px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase}
#links li.phone {color: #ffffff; padding: 0 10px; font-size: 28px; font-weight: bold; letter-spacing: -1px}

#top #cards {margin: 20px 0 0 10px}
#cards li {margin-left: 2px}

#sidebar {width: 195px; float: left; position: relative; padding: 103px 0 207px 0; border: 1px solid #a0abb5; border-right: 4px solid #a0abb5; border-bottom: 4px solid #a0abb5; background-color: #a8d0ef; background-image: url(../images/back_nav.gif); background-repeat: no-repeat; background-position: bottom}

#nav {margin: 0; padding: 0 0 1px 0; list-style: none; width: 195px; background-image: url(../images/divider_nav.gif); background-repeat: no-repeat}
#nav li {display: block; float: left; padding-bottom: 1px; background-image: url(../images/divider_nav.gif); background-position: bottom; background-repeat: no-repeat}
#nav li a {display: block; float: left; padding: 8px 20px; width: 155px; color: #295fa0; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 11px}
#nav li a:hover {background-color: #295fa0; color: #ffffff}

#social {position: absolute; bottom: 10px; left: 20px; margin: 0; padding: 0; list-style: none}
#social li {display: block; float: left; margin-right: 5px}

#main {width: 725px; float: right; border: 1px solid #a0abb5; border-right: 4px solid #a0abb5; border-bottom: 4px solid #a0abb5; background-color: #ffffff; background-image: url(../images/back_main.gif); background-repeat: repeat-x; padding: 20px}
#main h1, #main h2 {color: #295fa0; font-weight: normal; letter-spacing: -1px}
#main h1 {font-size: 30px; margin: 0; padding-bottom: 5px; border-bottom: 1px solid #e5e8ea}
#main h2 {font-size: 24px}

#home #main {width: 765px; padding: 0}

#intro {padding: 20px; background-color: #ffffff; color: #000000}
#intro h1 {font-size: 26px; color: #295fa0; padding: 0; border: 0; margin: 0; font-weight: normal; letter-spacing: -1px}
#intro p {margin: 10px 0}

#promos {width: 770px; float: right; padding-top: 10px}
#promos ul {margin: 0; padding: 0; list-style: none}
#promos ul li {display: block; float: left; margin-right: 10px}
#promos ul li.last {margin-right: 0}
#promos ul li img {border: 1px solid #a0abb5; border-right: 4px solid #a0abb5; border-bottom: 4px solid #a0abb5}

#footer {}
#footer p {color: #727a81; font-size: 11px; padding: 20px; margin: 0}

/* ##################  UI Expandable Plugin Styles #################### */

/*
 * Expandable, a jQuery plugin to dynamically group and hide web content
 * Copyright (C) 2009  Marc Diethelm
 * License: (GPL 3, http://www.gnu.org/licenses/gpl-3.0.txt) see license.txt
 */

/*.ui-expandable {
	border: 1px solid #cccccc;
	border-width: 1px 0;
}*/
.ui-expandable .ui-widget-header {
	overflow: hidden;
	width: 100%;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	padding-top:10px;
}
.ui-expandable-icon,
.ui-expandable .ui-expandable-title {
	float: left;
	width:700px;
}
.ui-expandable .ui-widget-header .ui-icon {
	height:16px;
	width:16px;
	margin-right: 2px;
}
.ui-expandable .ui-widget-header .ui-icon-triangle-1-e {
	background-image: url(/images/expandable-closed.png);
	margin:0 8px 0 0;
}
.ui-expandable .ui-widget-header .ui-icon-triangle-1-s {
	background-image: url(/images/expandable-open.png);
	margin:0 8px 0 0;
}



.ui-expandable-extraIcon {
	float: right;
}
.ui-expandable .ui-widget-content {
	background-color:#FFFFFF;
	padding:0 20px;
}
/* some elements create a gap between content and title (eg. UL) */
/*.ui-expandable .ui-widget-content {
	margin: 0;
	padding: 0;
}*/
/* many such corrections could be made I suppose: */
.ui-expandable .ui-widget-content ul,
.ui-expandable .ui-widget-content ol,
.ui-expandable .ui-widget-content dl {
	padding-left: 15px;
}