@import url(reset.css);

/* Global */
/* ______________________________________________________________________ */

body {
    font-size:12px;
    line-height:1.2;
    font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    background:#d3d09d;
    color:#000;
}

h1, h2, h3, h4, h5 { font-weight:bold; }

h3 { 
    font-size:1.25em;
    line-height:1.2;
    margin-bottom:0.5em;
    color:#1d3736;
}

h4 {
    margin-bottom:0.5em;
}

button { background:#fff; }

blockquote {
    background:url(../images/lq.gif) 0 0 no-repeat;
}

blockquote p {
    padding:1em 1.5em;
    font-size:1.1667em;
    font-style:italic;
    color:#666;
    background:url(../images/rq.gif) 95% 100% no-repeat;
}

em {
    font-style:italic;
    font-weight:bold;
    color:#1d3736;
}

/* Containers */
/* ______________________________________________________________________ */

#container {
    width:78em;
    margin:0 auto;
}

.col {
    padding:0 1em;
    float:left;
}

.box {
    padding:0.5em 0.5em 1em;
}


.box ul li ul {
	display: block;
	padding: .1em .1em .1em 1em;
}

.box ul li.selected ul {
	display: block;
	font-weight: bold;
}

.box ul li a.selected:link {
	font-weight bold;
	font-size: 14px;
}

.box ul li a.selected:visited {
	font-weight bold;
	font-size: 14px;

}

.box ul li a.selected:hover {
	font-weight bold;
	font-size: 14px;

}

/* Header */
/* ______________________________________________________________________ */


#header .left { width:39em; }
#header .right { width:35em; height:13.5em; }

#header { margin-bottom:0.5em; background-repeat:no-repeat; background-position:100% 0; }

#header h2 {
    text-align:right;
    line-height:1;
}

#header h5 {
    color:#fff;
    text-transform:uppercase;
    font:2.75em normal 'Times New Roman', Times, Georgia, serif;
    font-style:italic;
    padding:0.75em 0 0.25em 1em;
}

#header p {
    color:#fff;
    font:1.2em normal 'Times New Roman', Times, Georgia, serif;
    margin-left:1em;
	margin-top: 1.5em;
	width: 275px;
}

/* Nav and Footer */
/* ______________________________________________________________________ */


#nav, #footer { background:#1d3736; }

#nav li, #footer li { float:left; }
#nav a, #footer a {
    display:block;
    padding:0.25em 1.7em;
    color:#fff;
    text-decoration:none;
    font-size:1.1667em;
    font-weight:bold;
}

#nav {
    padding-left:2.5em;
}

#footer ul {
    float:right;
    padding:0;
    padding-right:1em;
    
}

#footer li {
    color:#fff;
    padding:0.5em 0.75em;
    font-size:0.8333em;
}

#footer li a {
    font-size:1em;
    padding:0;
}

/* Content Area */
/* ______________________________________________________________________ */

#content { padding:0.5em; }

/* sidebar */

#sidebar {
    width:18em;
    float:left;
    border:3px solid #06aacf;
}

#spotlight {
	width: 274px;
	background: #06aacf;
	padding: 5px;
}

#spotlight2 {
	width: 274px;
	background: #fff;
	padding: 5px;
}


#mediaPlayer {
	width: 274px;
	
}

#subMedia {
background: #06aacf;
	padding: 5px;
}


#mediaPlayer h2 {
	color: #FFF;
	font-size: 1.6em;
	text-transform: uppercase;
}

#controls {
	display: none;
}

.addPadding {
	dipslay: block;
	position: relative;
	background: #FFF;
	width: 254px;
	padding: 5px;
	border-top: 5px solid #06aacf;
}


#spotlight h1 {
	text-transform: uppercase;
	color: #FFF;
	font-size: 2.8em;
}

#spotlight h2 {
	text-align: right;
	display: block;
	position: absolute;
	bottom: 3px;
	right: 3px;
	color: #FFF;
	font-size: 2.2em;
	font-style: italic;
	padding: 0px 10px;
	text-shadow: #000 2px 2px 2px;
}

#spotlight h3 {
	color: #000;
	font-style: italic;
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
	
}

#spotImage {
	display: block;
	position: relative;
	width: 274px;
	height: 117px;
}

#spotDesc {
	dipslay: block;
	position: relative;
	background: #FFF;
	width: 274px;
	padding: 0px;
	border-top: 5px solid #06aacf;
	
}

#spotDesc p {
	padding: 5px;
}

.readmore {
	text-align: right;
	padding: 5px;
}

#sidebar .box {
    border:3px solid #06aacf;
}

#sidebar a:link {
padding: .2em;
    font-size:0.8333em;
    color:#000;
}

#sidebar a:visited {
    font-size:0.8333em;
padding: .2em;
    color:#000;
}

#sidebar a:hover {
    font-size:0.8333em;
	padding: .2em;
    color:#E00;
}



#sidebar a.selected:link {
    font-size:0.8333em;
    color:#E00;
font-weight: bold;
}

#sidebar a.selected:visited {
    font-size:0.8333em;
    color:#E00;
font-weight: bold;
}

#sidebar a.selected:hover {
    font-size:0.8333em;
font-weight: bold;
    color:#E00;
}



#sidebar h3 a:link {
   font-size:1em;
    line-height:1.2;
    margin-bottom:0.5em;
    color:#1d3736;
	text-decoration: none;
}

#sidebar h3 a:visited {
   font-size:1em;
    line-height:1.2;
    margin-bottom:0.5em;
    color:#1d3736;
	text-decoration: none;
}


#sidebar h3 a:hover {
   font-size:1em;
    line-height:1.2;
    margin-bottom:0.5em;
    color:#1d3736;
	text-decoration: none;
}


#sidebar input {
    font-size:0.8333em;
    margin:2px 0 0 1em;
    float:left;
}

#mapBar {
	height: 300px;
	margin-top: -1.5em;
	margin-right: -1em;
}

/* main */

#main {
    padding:1.5em 1em;
    width:55em;
    float:left;
}

#main .left { width:28em; }
#main .right { width:18em; padding-top:2em; }

#main ul {
    margin: .5em 0 0.5em 1.5em;
	list-style-type: disc;
}


/* Shadow border */
/* ______________________________________________________________________ */

#container {
    padding-left:2px;
    background:#fff url(../images/shadow.gif) 0 0 repeat-y;
}

.b {
    background:#fff url(../images/shadow.gif) 100% 0 repeat-y;
    margin-right:-11px;
    padding-right:11px;
}

.bb {
    margin-right:-11px;
    padding-right:11px;
    background:transparent url(../images/bshadow.gif) 100% 100% no-repeat;
}

.bb div {
    padding-left:2px;
    background:transparent url(../images/bshadow.gif) -3px 100% no-repeat;
    height:32px;
}


/* Helpers */
/* ______________________________________________________________________ */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }