/* tags */

body {
 font-family:helvetica,arial,sans-serif;
margin:0px;
}

a img {
border:0px;
}
h4 {
margin: 3px 0px;
}
h3{
margin:3px 0px;
}
h2 {
margin: 4px 0px; 
}



/* layout */


#bg {

width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-top:none;
	height:580px;
	clear:none;
	background-repeat: no-repeat;
	
}


#secondary_content, #primary_content {
margin-left:5px;
margin-right:5px;
border-top:#ccc solid 1px;
padding-top: 14px;

}

#primary_content {
float:left;
}

#secondary_content {
width:150px;
float:right;
}
#secondary_content h4 {
color:#ffbf00;
}
.blog_primary {
float:left;
margin-left:5px;
margin-right:5px;
}



.secondary_item {
 padding:2px;

}

#secondary_content a, #verticalNav a {
text-decoration:none;

font-size:.9em;
line-height:1.2em;
}




#primary_content div {
	width: 285px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-repeat: repeat;
	padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
float:left;
	border-bottom-color: #666666;
}

#primary_content p a {
text-decoration:none;
color:#ffbf00;
}

#primary_content p a:hover {
color:#a51b0a;
}


.blog_item{
width:630px;
float:left;
 clear:both;
border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	border-bottom-color: #666666;

}

.blog_primary a:hover, .link_list a:hover  {
color: #A51B0A;
}

.blog_optional {
float:right;
clear:none;
width:300px;
}

#secondary_items div:hover, .highlighted {
	background-image: url(../images/whiterbg.png);
	border-bottom-color: #666666;
	color:#000;
	}
.highlighted h2, .highlighted h2 a {
color:#a51b0a;
}
	
#primary_content div div:hover, #secondary_items div div:hover {
background-image: url(null);
}
#primary_content p {
margin:0px;
}

#optional_content {
float:left; 
width:310px; 
text-align:right;
font-family: Helvetica, Futura, Geneva;
	font-size: 10px;
color:#333;
}

#optional_content a {
text-decoration:none;
color:#ffbf00;
}


#verticalNav {
padding-bottom:5px;
border-bottom:4px double #666666;
margin-bottom:10px;
width:100%;
}

#verticalNav a {
color:#333;
}

#verticalNav h3 {
color:#222;
}


#leftNav {
clear:right;
float:left;
padding-bottom:5px;
text-align:right;
width:75px;
padding-top:11px;
}
#fixedLeft{
position:fixed;
top:115px;
}

#leftNav img {
border:0;
}

#leftNav h3 {
font-size:.8em;
color: #ffbf00;
}

#leftNav a {
color:#a51b0a;
font-family:Helvetica,Futura,Geneva;
font-size:.7em;
font-weight:bold;
line-height:.9em;
text-decoration:none;
padding:1px;
margin-left:1px;
}

#leftNav a:hover {
color:#ffbf00;
}


.minor_text, .link_list a, .blog_primary a {
color:#ffbf00;
font-family:Helvetica,Futura,Geneva;
font-size:12px;
font-weight:normal;
line-height:15px;
text-decoration:none;
padding:1px;
margin-left:1px;
}

.link_list {
color:#fff;
font-family:Helvetica,Futura,Geneva;
font-size:10px;
font-weight:bold;
line-height:15px;
text-decoration:none;
padding:1px;
} 


#footer {
	clear:both;
font-family: Helvetica, Futura, Geneva;
	font-size: 10px;
color:#666;
width:100%;
text-align:center;
position: fixed; bottom: 0pt; left: 0pt; 
height:25px;
background:#ebeed9;
}

#footer a {
text-decoration:none;
color:#ffbf00;
}

#footer img {
border: none;
}

.brief {
	
	font-family: Helvetica, Futura, Geneva;
	font-size: .9em;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 1px;
	border-bottom-color: #666666;
}


.lead_head {
color:#ccffff;
}

/* styles used by jquery */
.hidden {
background-image:url(../images/blank.jpg);
}

.office {
background-image: url(../images/office.jpg);
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

div.scrollable.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 460px;	 
	width: 180px;	
}

/* root element for scrollable items */

div.scrollable.vertical div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* override item style defined in scrollable.css */
div.scrollable div.items div {
	float:none;
	margin:10px 0px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	height:200px;
	clear:both;
}


/* mouseover state */
div.scrollable div.items div:hover {	
	background-position:-178px 0px;
}

/* clicked state */
div.scrollable div.items div:active {	
	background-position:-356px 0;
}

/* active item */
div.scrollable div.items div.active {	
	background-position:-534px 0;
	cursor:default;
}