﻿/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.95em/1.5 Verdana,sans-serif;
	line-height:1.5em;
	background:#e3d9c5;
	color:#000}

/* Universal Properties ----------------------------------------------- */
p, ul, li, h1, h2, h3, h4 {margin:0 19px 1em; padding:0}
abbr, acronym {cursor:help}

/* ---- links ---- */
a:link {color:#056d60; text-decoration:underline}
a:visited {color:#439187; text-decoration:underline}
a:hover {color:#056d60; text-decoration:underline}
a:active {color:blue; text-decoration:none}

/* ---- lists ---- */
ul {margin:0 10px; list-style:none}
ul li {margin:0 0 1em; padding:0 0 0 10px; background:url(http://www.sunriseconnection.com/images/bullet.gif) no-repeat 0 .6em}
ol li {margin:0 0 1em; padding:0 0 0 10px; }
ul ul {margin-top:1em; margin-right:0}

/* ---- headings ---- */
h1 {
	padding:27px 0 0;
	font:normal 1.75em Verdana,sans-serif;
	color:#7f7f7f}
h2 {
	margin-bottom:.05em;
	font-size:1.3em;
	border-bottom:1px solid #056d60;
	color:#056d60}
h2 a:link {color:#056d60; text-decoration:none}
h2 a:visited {color:#056d60; text-decoration:none}

h2.headline {margin:0 19px 1em; font:normal 1.2em/1.5 Verdana,sans-serif; color:#5b5b5b; border:0}
h2.headline a:link, h2.headline a:visited {text-decoration:underline}

h3 {font-size:1.1em; color:#03685c}
h4 {font:normal 1.2em/1.5 Verdana,sans-serif; color:#5b5b5b}
h5 {font-size:1.1em; color:#03685c; text-align:center}

/* container ----------------------------------------------- */
#container {
	margin:0 auto;
	border:20px solid #FFF;
	width:956px;
	background:#FFF url(http://www.sunriseconnection.com/images/container.gif) repeat-y 0 0;
	overflow:hidden}

/* header ----------------------------------------------- */
#header {
	width:762px;
	height:152px;
	background:#fefdf4}
#header a {text-decoration:none}
a#logo {
	position:relative;
	float:left;
	display:block;
	padding:34px 0;
	width:166px;
	text-align:center}
a#logo span {
	position:absolute;
	top:0;
	left:0;
	padding:111px 0 0 5px;
	width:161px;
	color:#319e8a;
	font:bold 1.1em Georgia,Times,serif}
a#logo:hover span {color:#008a7b}

/* ---- crossfader ---- */
img#pic {float:left}

ul#fader {position:relative; float:left; margin:0; padding:0}
ul#fader li {margin:0; padding:0; width:447px; height:152px}

/* hide, then unhide using js */
li#pic02,
li#pic03,
li#pic04,
li#pic05,
li#pic06 {display:none}

/* content ----------------------------------------------- */
#content {float:left; width:762px}

p.category {color:#474747; font-style:italic; font-size:.9em}
p.category a {text-decoration:none}
p.category a:hover {text-decoration:underline}

p.date {margin-bottom:4em; padding:1em 0 0; color:#424242; font-style:italic; border-top:1px solid #056d60}

/* ---- main-content ---- */
#main-content {width:596px; float:right}

/* ---- sub-content ---- */
#sub-content {float:left; border-top:1px solid #FFF; width:166px; background:#f8f1dc; font-size:.9em}
#sub-content h3 {margin:1em 5px; padding:0 5px; border-bottom:1px solid #9dc8c3}
#sub-content h5 {margin:1.5em 5px; padding:5px; border:1px solid #9dc8c3; background-color:#FFF}
#sub-content a {display:block; width:100%; color:#003a33; text-decoration:none}
#sub-content a:hover {text-decoration:underline}
a#logo-sunrise {position:relative; padding-top:99px; left:20px}

/* sidebar ----------------------------------------------- */
#sidebar {
	float:right;
	margin:-154px 0 0;
	width:193px;
	background:#fefdf4;
	overflow:hidden}
#sidebar h3 {display:none}
#sidebar ul {margin:0; padding:0}
#sidebar li {margin:0; padding:0; background:none}

/* ---- nav ---- */
ul#nav {background:#057164 url(http://www.sunriseconnection.com/images/nav.gif) repeat-x 0 0}
ul#nav li {border-top:1px solid #FFF}
ul#nav li:first-child {border-color:#9eb6b1}
ul#nav a {
	display:block;
	padding:0 26px 0 0;
	height:2.5em;
	font-size:.84em;
	font-family: Verdana,sans-serif;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	line-height:2.5em;
	text-align:right;
	background:url(http://www.sunriseconnection.com/images/nav_arrow.gif) no-repeat 171px 50%}
ul#nav a:hover {text-decoration:underline}

/* ---- utilities ---- */
ul#utilities {
	padding:1px 0 0 42px;
	border:1px solid #FFF;
	border-width:1px 0;
	height:2.7em;
	line-height:2.7;
	background:#03685c;
	text-align:right;
	overflow:hidden}
ul#utilities li {
	margin:0 10px 0 0;
	float:right}
ul#utilities a {
	display:block;
	padding:0 0 0 22px;
	color:#FFF;
	font-size:.85em;
	text-decoration:none}
ul#utilities a:hover {text-decoration:underline}

li#nav-subscribe a {background:url(http://www.sunriseconnection.com/images/icon_subscribe.gif) no-repeat 0 50%}
li#nav-rss a {background:url(http://www.sunriseconnection.com/images/icon_rss.gif) no-repeat 0 50%}

/* ---- extras ---- */
ul#extras {margin:20px 5px}
ul#extras li {margin:0 0 15px; text-align:center}

/* nav-sunrise-connection */
ul#extras li#nav-sunrise-connection {
	margin-left:2px;
	margin-right:2px}
li#nav-sunrise-connection div {
	width:176px;
	border:1px solid #063f33;
	background:#dae7e4 url(http://www.sunriseconnection.com/images/extra_connection_bg.gif) repeat-x 0 20px}
li#nav-sunrise-connection p {
	margin:0;
	padding:2px 2px 3px;
	text-align:center;
	background:#063f33;
	color:#FFF;
	font-weight:bold}
li#nav-sunrise-connection ul {
	margin:0;
	padding:3px 62px 3px 0;
	min-height:97px; height:auto !important; height:97px;
	background:url(http://www.sunriseconnection.com/images/extra_connection_pic.jpg) no-repeat 112px 2px}
li#nav-sunrise-connection li {
	margin:5px 0 .8em;
	padding:0 0 0 11px;
	line-height:1.3;
	text-align:left;
	border:0;
	background:url(http://www.sunriseconnection.com/images/bullet_sidebar.gif) no-repeat -3px .25em}
li#nav-sunrise-connection li a {font-size:.9em; color:#063f33; text-decoration:none}
li#nav-sunrise-connection li a:hover {text-decoration:underline}

/* footer ----------------------------------------------- */
#footer {
	position:relative;
	margin:0 auto;
	padding:2em 0 0;
	width:996px;
	height:5em;
	background:#C2AE83;
	font-size:.9em}
#footer p {margin:0 19px 0; text-align:center}
#footer a {padding:0 5px; color:#492c1d; text-decoration:none}
#footer a:hover {text-decoration:underline}