* {
margin:0; padding:0;
}

body{ 
background:#e3e3e3;
font: 12px arial, verdana, sans-serif;
height:100%;
}

h1{
font: 16px arial, verdana, sans-serif;
font-weight:bold;	
color:#339900;
padding-bottom:5px;
margin-top:10px;
}

p{
font: 12px arial, verdana, sans-serif;
font-weight:normal;
color:#3e3e3e;
margin:10px 0px 10px 0px;
}

#header{
position:relative;
height:380px;
height:255px;
background:#25567b;
}

#header .bread-crumb{
display:block;
color:#cccccc;
padding:6px;
padding-left:10px;
font-size:11px;
}

#header .bread-crumb a{
color:#cccccc;
}

#header .bread-crumb .path-sep{
margin:0px 10px;
}

#header-top-band{
height:10px;
background:#033e6b;
border-bottom:solid 1px #ffffff;
}

#header-image-band{
height:58px;
background:#029add url(../image/header-bg.png) no-repeat;
}

#header-menu-band{
height:30px;
background:#25567b;
border-top:solid 1px #ffffff;
}

#header-logo-band{
position:relative;
height:125px;
background:#ffffff url(../image/dtla-logo.png) no-repeat 10px 35px;
}

#header-logo-band img{
position:absolute;
top:0px;
right:0px;
height:125px;
width:400px;
background-color:#000;
}

#footer{
width : 100%;
height:30px;
background:#033e6b;
color:#ffffff;
text-align:center;
}

#footer span{
display :block;
padding:7px;
}

#body{
position:relative;
}

#contentwrapper{
float: left;
width: 100%;
padding:0;
margin:0;
background-color:#ffffff;
}

#contentcolumn{
margin: 0 200px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn-2col{
margin: 0 0 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn, 
#rightcolumn{
float: left;
width:199px;
}

#leftcolumn{
margin-left: -100%;
border-right:solid 1px #033e6b;
background:#66a3d2 url(../image/map.jpg) no-repeat 0px 0px;
}

#leftcolumn h1.menuheader{
margin-top:162px;
}

#rightcolumn{
margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/
/*background:#cccccc url(r-col.png) no-repeat 0px 179px;*/
border-left:solid 1px #033e6b;
}

#leftcolumn h1, 
#rightcolumn h1{
font: 14px arial, verdana, sans-serif;
color:#cccccc;	
padding:3px 3px 3px 5px;
margin:0;
text-align:center;
}

#leftcolumn h1{
background:#033e6b;	
}

#rightcolumn h1{
background:#339900;
}

#leftcolumn ul.dot,
#rightcolumn ul.dot{
margin-left:20px;
list-style-type:circle;
}

#leftcolumn p{
color: #ffffff;
}

#leftcolumn a{
font-size:12px;
font-weight:normal;
color:#033e6b;
line-height:20px;
}

ul{
margin-left:20px;
}

ul.dot{
list-style-type:circle;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.clear{
clear :both
}

.bold{
font-weight:bold;
}

.center{
margin-left:auto;
margin-right:auto;	
}

.centertext{
text-align:center;
}
.buttonBar{
text-align:right;
}

.button{
width:60px;
margin:5px 0px 5px 10px;
}

ul.news{
color:#000000;
padding:0;
margin:0;
list-style:none;
}

ul.news h1{
position:relative;
font:14px arial, verdana, sans-serif;
font-weight:bold;
padding:0;
margin:0;
}

ul.news h1.news-heading{
color:#3f92d2;
padding-bottom:3px;
font-size:13px;
}

ul.news h1.not-approved{
color:#ff0000;
font-weight:normal;
}

ul.news h1 span.admin-links{
position:absolute;
right:0px;
}

ul.news h1 span.admin-links a{
padding-left:10px;
}

ul.news div,
ul.news p{
font: 12px arial, verdana, sans-serif;
font-weight:normal;
color:#3e3e3e;
margin:0px 0px 2px 0px;
}

ul.news a{
font: 11px arial, verdana, sans-serif;
font-weight:normal;
color:#666666;
}

ul.news li{
border-bottom:solid #cccccc 1px;
padding:10px 0px;
}

ul.news li.first{
margin-top:10px;	
padding-top:0px;
}
ul.news li.last{
padding-bottom:0px;
border:none;	
}

ul.news li input.news-date{
padding:0px 3px;
margin-bottom:5px;
}

ul.news li input.news-title{
width:650px;
padding:0px 3px;
margin-bottom:5px;		
}

ul.news li textarea.news-message{
width:670px;
height:150px;
padding:3px;
font: 12px arial, verdana, sans-serif;
margin-bottom:5px;	
}

ul.news li ul li {
border:none;	
}

ol.front-news {margin-left:30px; margin-bottom:10px}
ol.front-news li {border:0;margin:0;padding:0}

div.agreements p,
div.specs p{
color:#3f92d2;
margin:10px 0px;
font-weight:bold;
}

div.agreements ul,
div.specs ul{
list-style-type:none;
}

div.agreements ul li,
div.specs ul li{
line-height:16px;
margin:10px 0px;
}

div.agreements ul li a,
div.specs ul li a{
color:#033e6b;
}

div.agreements p.black {
color:#000; font-weight:normal
}

hr { margin:25px 0 20px 0}

#faq,
#answers{
list-style-type:none;
}

#faq li{
line-height:25px;
}

#faq li a,
#answers li a{
color:#033e6b;
}

#answers li{
border-bottom:solid #cccccc 1px;
padding:10px 0px;
font-size: 14px;
color:#3f92d2;
line-height:20px;
}

#answers li.first{
padding-top:0px;
}

#answers li.last{
padding-bottom:0px;
border:none;
font-size: 12px;	
}

#answers li p{
margin:0px 0px 0px 0px;
}




#primary_nav_wrap
{
  position:relative;
	margin-top:0px;
  z-index:555;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	color:#333; color:#fff;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:30px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#339900;
}

#primary_nav_wrap ul li:hover
{
	background :#033e6b;
}

#primary_nav_wrap ul li ul li
{
	background :#66a3d2;
  border:solid 1px #ccc;
  border-top:solid 1px #66a3d2;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#66a3d2;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}


@media screen and (min-width: 1400px) {
  /*#fixed {
    width: 960px;
    border-left: solid 1px #000;
    border-right:solid 1px #000;
    margin:0 auto;
    overflow:auto;
  }*/

  /*#contentwrapper,
  #contentwrapper p,
  #contentwrapper ul li,
  ul.news a {
    font-size:24px;
  }

  #contentwrapper h1 {
    font-size:32px;
  }

  ul.news li {
    padding: 15px 0;
  }*/
}
