/* Bridge City Boogie css */
/* Based on andreas01 - an open source xhtml/css website layout by 
Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for 
any purpose as long as the proper credits are given for the original design work. 
For design assistance and support, contact me through my website or through 
http://oswd.org/email.phtml?user=Andreas

Screen layout: */

body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #f4f4f4 url(images/bg_center_orange.gif) top center repeat-y;
}

#wrap {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 764px;
}

#header {
clear: both;
margin: 20px 0 0 0;
padding: 0;
height: 45px;
}

#header h1 {
width: 250px;
margin: 0 0 10px 0;
float: left;
font-size: 1.2em;
}

#header p {
width: 500px;
float: right;
text-align: center;
color: #a0a0a0;
margin: 0 0 10px 0;
font-size: 0.8em;
line-height: 1.2em;
}

#frontphoto {
	margin: auto;
	border: 0;
	text-align: center;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
position:relative;
z-index:1000;

}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #ed7930;
color: White;
/* background-color: #ed7930; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 92px; /*Width of top level menu link items*/
padding: 1px 8px 5px;
border: 1px solid #36302e;
border-left-width: 0;
text-decoration: none;
color: #36302e;
height:24px;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #36302e;
text-decoration: none;
padding: 1px 5px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: #e7612e;
color: white;
text-decoration: none;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(images/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(images/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a { height: 1%;}
* html .suckertreemenu ul li ul li { float: left;}
/* End */


.announce {
	margin: 20px 0 10px 0;
	padding: 10px;
	width: 130px;
	color: #505050;
	background-color: #e3dfdd;
	line-height: 1.3em;
	border-bottom: 5px solid #c0afa5;
}

#content {
	margin: 25px 10px 20px 0px;
	padding: 0 10px 0 10px;
	line-height: 1.6em;
	text-align: left;
}

#content h2 {
	font-size: 1.9em;
	line-height: 1.1em;
	margin: 0 0 0.1em 0;
	color: #EE6600;
	font-family: Trebuchet MS, arial, tahoma, verdana, sans-serif;
}

#content h3 {
font-family: Trebuchet MS, Geneva, arial, tahoma, verdana, sans-serif;
font-size: 1.4em;
margin: 25px 0 2px 0;
color: #EE6600;
letter-spacing: 0.13px;
}

#content h4{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #336666;
	margin-bottom: -10px;
}

#content h5 {
font-family: Trebuchet MS, Geneva, arial, tahoma, verdana, sans-serif;
font-size: 1.3em;
margin: 25px 0 -10px 0;
letter-spacing: 0.13px;
}

#content img {
padding: 3px;
display:block;
border: none;
}

#content img.border {
padding: 3px;
display:inline;
background: #cccccc;
border: 5px solid #f0f0f0;
}


#content img.orangeborderleft {
	border: 2px solid #E2A55C;
	margin: 2px 10px 4px 0;
	padding: 1px 1px 1px 1px;
	float: left;
	display: block;	
}
#content img.orangeborderright {
	border: 2px solid #E2A55C;
	margin: 2px 10px 4px 0;
	padding: 1px 1px 1px 1px;
	float: right;
	display: block;	
}
#content img.headshot{
	height: 109px;
	width: 125px;
	border: 2px solid #ca583c;
	margin: 2px 10px 4px 0;
	padding: 1px 1px 1px 1px;
	float: left;
	display: block;
}
img.centerimg, img.centerimga, img.centerimgb {
	float: left;
	margin: auto;
	padding: 0px;
	vertical-align: middle;
}

/*** NEWS STYLE RIGHT HAND SIDE ***/
#news {
	width: 270px;
	float:right;
	display: block;
	padding:0px 0px 0px 10px;
	margin: 0 0 20px 15px;
}
#news .story {
	border-bottom: solid 4px #384691;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

#content #news H2 {
	margin: 0.25em 0;
	color: #003875;
	font: bold 140%/1.1em "trebuchet ms", trebuchet, verdana, arial, helvetica;
	letter-spacing: -0.05em;
}

#content #news h3 {
font-family: Calibri, "Trebuchet MS", Geneva, arial, tahoma, verdana, sans-serif;
font-size: 1.4em;
margin: 5px 0 2px 0;
letter-spacing: 0.15px;
color:#303788;
}

#content #news p {
margin:2px 0px 5px 10px;
padding: 0 0 15px 0;
}

#content #callout {
margin:20px;
padding: 5px 10px 5px 10px;
background-color:#FED485;
}



/*** NEW STYLE (Left orange boxes on front page ***/

#content #new {
	border: 1px solid Gray;
	background-color: #E8B36D;
	padding: 5px;
	margin: 10px 0px 5px 0px;
	float: left;
	display: block;
	width: 55%;
}

#content #new h4{
	font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: black;
}


/*** PHOTO STYLE ***/

div.photo {
  float:right;
  background-color:#f5f5f2;
  margin-left:10px;
  margin-bottom:10px;
  font-size:9px;
  padding:10px;
  border:1px solid #d8d6ce;
  text-align:center;
}

div.photo img {
  display:block;
  margin-bottom:10px;
  border:1px solid #d8d6ce;
}

.cartoon {
  border:1px solid #d8d6ce;
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}

.about img.photo {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

h3 {
font-size: 1.3em;
margin: 0 0 5px 0;
}

h5 {
font-size: 1.3em;
margin: 0 0 -5px 0;
color:orange;
}


a {
	text-decoration: none;
	color: saddlebrown; /* color: #286ea0; */
	font-weight: bold;
}
.notice {
	text-decoration: none;
	color: saddlebrown; /* color: #286ea0; */
	font-weight: bold;
}

a:hover {
text-decoration: underline;
color: #286ea0;
}

a img {
border: 0;
}


.left {
float: left;
}

.right {
float: right;
}

.textright {
text-align: right;
}

.center {
margin: auto;
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.clear{
	clear: all;
}
.clearleft{
	clear: left;
}

.author {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-bottom: 1.5em;
	font-style: italic;
}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	width: 760px;
	text-align: center;
	color: #808080;
	font-size: 0.9em;
}

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

#footer a:hover {
text-decoration: underline;
}

#aboutus {
	width: 185px;
	float:left;
	margin: 5px;
	display: inline;
}
.happygirl{
	background-image: url(images/craigontraffic.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 376px;
	width: 211px;
}




#sponsor-line1{
	width: 95%;
	text-align: center;
	height: 65px;
	margin:auto;
	clear:left;
}
#sponsor-line1 img {
padding-right:5px;
}
#sponsor-line2{
	width: 95%;
	text-align: center;
	height: 85px;
	margin:auto;
}
#sponsor-line2 img {
padding-right:5px;
}
#sponsor-line3{
	width: 95%;
	text-align: center;
	height: 85px;
	margin:auto;
}
#sponsor-line3 img {
padding-right:5px;
}
#sponsor-line4 img {
padding-right:5px;
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    background:url(images/slider.png) no-repeat;
    width:998px;
    height:392px;
    margin:0 auto;
    padding-top:74px;
    margin-top:50px;
}

#slider {
	position:relative;
    width:618px;
    height:246px;
    margin-left:190px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}