#smallPic{  /* used as body ID */

	margin: 0;

	padding: 0;

	background: #F1F1F1 url(../images/headerSidesSmall8.png) repeat-x left top; /* side bar left and right 50pxW x 450px H */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;  /* 12px  80%*/

	color: #2D2D2D;     /* org #787878 */

}


body {

	margin: 0;

	padding: 0;

	background: #F1F1F1 url(../images/headerSidesBig.png) repeat-x left top; /* side bar left and right 50pxW x 450px H */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;  /* 12px  80%*/

	color: #2D2D2D;     /* org #787878 */

}

/* Info: 1em = 12pt = 16px = 100%. */


body .noImage{

	margin: 0;

	padding: 0;

        background: #F1F1F1 url(../images/img03a.png) repeat-x left top; /* side bar left and right 50pxW x 450px H */

}


html {overflow-y: scroll;}


h1, h2, h3 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	color: #023848;     /* #023848 dark grey blue */

}



h1 {

	font-size: 2em;

}



h2 {

	font-size: 2.4em;

}



h2 .title {

	font-size: 2.1em;

        font-family: Georgia, "Times New Roman", Times, serif;     /* org  Arial, Helvetica, sans-serif*/

	font-size: 13px;

	font-weight: bold;

	color: #FFFFFF;

}



h2 .title a[href] {

	font-size: 2.1em; /* does not work for a*/

        font-family: Georgia, "Times New Roman", Times, serif;

	/*font-size: 13px;*/

	font-weight: bold;

	color: #FFFFFF;  /*#FFFFFF*/

}



h2 .title a {   /* does not work for a*/

	font-size: 1.6em;

        font-family: Georgia, "Times New Roman", Times, serif;

	/*font-size: 8px; */

	font-weight: bold;

	color: #FFFFFF;

}



h3 {

	font-size: 1.6em;

}



p, ul, ol {

	margin-top: 0;

	line-height: 180%;

}


/*tabs ?*/

a {

	text-decoration: none;

	color: #3C3C3C; /* org #004466 grey blue, #8a1f03  no change on main tabs*/

}


a[href] { /*changes all href including (H2 class title href"#" */

        /* a[href^="http"] */

    	font-size: 12px;   /* 12px*/

        font-weight: bold;

	color: #084B8A;     /* #084B8A blue grey*/

}



P a[href] { /* used for top screen images */

        /* a[href^="http"] */

    	font-size: 14px;   /* 12px*/

        font-weight: bold;

	color: #800000;     /* #084B8A blue grey*/

}



/* Content */

#content {

	float: right;   /* was left */

	width: 580px;

	padding: 10px 0px 0px 0px;

}



#wrapper {

	width: 980px;

	margin: 0 auto;

	padding: 0;

}



/* header area below tabs*/

#header {

	width: 980px;

	height: 275px;  /* lines up with side panels */

	margin: 0 auto;

	padding: 0px;

        /*background: url(images/logo.png) repeat-y left top;*/

       background: url(../images/webpicV5.jpg) repeat-y left top; /* pictures */

        /*background-color: #8a1f03; */

}



#header p {

	float: right;

	margin: 0;

              /* top   right */

	padding: 254px 12px 0px 0px;

        /*position: absolute; 

        top: 200px; 

        left: 600px; 

        width: 100%; */

	font: bold 14px  Times, serif;  /*Georgia,"Times New Roman",   */

	font-style: normal;

	color: #800000;

}



/* Small header area below tabs*/

#headerSmall {

	width: 980px;

	height: 70px;  /* lines up with side panels */

	margin: 0 auto;

	padding: 0px;

        /*background: url(images/logo.png) repeat-y left top;*/

        background: url(../images/trimlogo9.jpg) repeat-y left top; /* pictures */

        /*background-color: #8a1f03; */

}



#headerSmall p {

	float: right;

	margin: 0;

                /* top  right */

	padding: 26px 16px 0px 0px;

        /*position: absolute; 

        top: 200px; 

        left: 600px; 

        width: 100%; */

	font: bolder 14px Times, serif;  /*Georgia,"Times New Roman",   */

	font-style: normal;

	color: #800000;

}


/* Logo */


#logo {

	float: right;

	margin: 0;

	padding: 0;

	color: #000000;

}



#logo h1, #logo p {

	margin: 0;

	padding: 0;

}



#logo h1 {

	float: left;

	padding-top: 223px;

	letter-spacing: -1px;

	text-align: right;

	text-transform: lowercase;

	font-size: 3.8em;

}



#logo p {

	float: left;

	margin: 0;

	padding: 250px 0 0 10px;

	font: normal 14px Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	color: #FFFFFF;

} 



#logo a {

	border: none;

	background: none;

	text-decoration: none;

	color: #FFFFFF;

}


/* Search */


#search {

	float: right;

	width: 280px;

	height: 20px;                 /*  height: 60px;   raised sidebar links, brings up bottom*/

	padding: 20px 0px 0px 0px;   /* padding: 20px 0px 0px 0px; */

/*	background: #E2E2E2;*/

	border-bottom: 4px solid #FFFFFF;

}



#search form {

	height: 41px;

	margin: 0;

	padding: 10px 0 0 20px;

}



#search fieldset {

	margin: 0;

	padding: 0;

	border: none;

}



#search-text {

	width: 170px;

	padding: 6px 5px 2px 5px;

	border: 1px solid #DEDEDE;

	background: #FFFFFF;

	text-transform: lowercase;

	font: normal 11px Arial, Helvetica, sans-serif;

	color: #5D781D;     /* #5D781D olive green */

}



#search-submit {

	width: 50px;

	height: 22px;

	border: none;

	background: #B9B9B9;

	color: #000000;

}



/* area above header(pictures)*/

#menu {

	width: 980px;

	height: 68px;  /* Contols how far down the pictures are */

	margin: 0 auto;

	padding: 0;

}



#menu ul {

	margin: 0;

	padding: 29px 0px 0px 0px; /* controls top area above taps, Taps follow */

	list-style: none;

	line-height: normal;

}



#menu li {

	float: left;

       /* background-color:#8a1f03;    /*	background-color:#8a1f03; controls area below and betwween tabs */

}

/* top menu tab color when not hovering selected gif*/
/* the top tab html comes in as require 1_top_menu.php or 2_top_menu.php depending on menu depth   */

#menu a {

	display: block;

	width: 130px;  /* matches width of tab gif */

	height: 35px;

	margin-left: 8px;  /* 8px */

        margin-right: 0px;

	padding: 2px 0px 0px 0px;  /*top px moves tap down, bottom has no affect */

	background: url(../images/tab-black.gif) no-repeat left top;  /* tab */

	text-decoration: none;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #FFFFFF;

	border: none;

}



/* Top menu tab color changes on hover */

#menu a:hover {  

        background: url(../images/tab-grey.gif)

}



/* Top menu tab changes color when selected */

#menu .selected-tab a {

        background: url(../images/tab-maroon.gif)

}



/* used to highlight the selected sidebar */

#sidebar .selected a {

        text-decoration: underline;

}



#menu a:hover, #menu .home-page a {

	text-decoration: none;

}



#menu .home-page a {

	padding-left: 0;

        background: url(../images/tab-maroon.gif)

}



/* Page */

#page {

	width: 940px;

	margin: 0 auto;

	padding: 0px 0px 0px 40px;

	background: url(../images/img03a.gif) repeat-y left top; /*long narrow white rectangle */

}



#page-bgtop {

	padding: 5px 0px;

}


.event { /* tc calendar events*/

	/* height: 18px; */

        font-size: 16px;

	margin-top: 0px;

	padding: 0px 0px 10px 0px;

	color: #08088A;

}



.entry .entry-text {

	/* height: 50px; */

	margin-top: 0px;

	padding: 0px 100px 0 0px;

	letter-spacing: -.5px;

	color: #000000;

}



.post {

	background: url(../images/img07.gif) no-repeat left 50px; /* white rectangle */

	margin-bottom: 15px;

}


.post .title {

	height: 38px;

	margin-bottom: 10px;

	padding: 12px 0 0 0px;

	/* letter-spacing: -.5px; */

	color: #000000;

}



.post .title a {

	font-family: Arial, Helvetica, sans-serif;

	color: #023848;

	border: none;

}



.post .meta {

	margin-bottom: 30px;

	padding: 5px 0px 15px 0px;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

}



.post .meta .date {

	float: left;

}



.post .meta .posted {

	float: right;

}



.post .entry {

	background: url(../images/img08.gif) no-repeat left top; /* white rectangle close to square */

	padding: 0px 36px 20px 0px;   /* tc added 36px right for main & gov tabs */

	padding-bottom: 20px;

	text-align: justify;

}



.links {

	padding-top: 20px;

	font-size: 12px;

	font-weight: bold;

}


/* Sidebar */



#sidebar {

	float: left;  /* was right */

	width: 280px;

        height: 332px;  /* tc added,  around 250 starts to push the bottom down in our community 300 is a good minimum*/

	margin: 0px;

	padding: 0px 20px 0px 0px;

	color: #3C3C3C;     /* #787878  midium grey, org,  Note: could not see color change */

}





#sidebar ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#sidebar li {

	margin: 0;

	padding: 0;

}



#sidebar li ul {

	margin: 0px 0px;

	padding-bottom: 30px;

}



#sidebar li li {

	line-height: 35px;

	border-bottom: 1px dashed #D1D1D1;

	margin: 0px 30px;

	border-left: none;

}



#sidebar li li span {

	display: block;

	margin-top: -20px;

	padding: 0;

	font-size: 11px;

	font-style: italic;

}



#sidebar h2 {

	height: 38px;

	padding-left: 30px;

	letter-spacing: -.5px;

	color: #3C3C3C;

	font-size: 1.1em;

}



#sidebar p {

	margin: 0 0px;

	padding: 20px 0px 0px 0px;

	text-align: left;

	font-size: 1.1em;

}



#sidebar a {

	border: none;

}



#sidebar a:hover {

	text-decoration: underline;

	color: #3C3C3C;     /*#8A8A8A org*/

}



/* Calendar */

#calendar_wrap {

	padding: 20px;

}



#calendar table {

	width: 100%;

}



#calendar tbody td {

	text-align: center;

}



#calendar #next {

	text-align: right;

}



/* Footer */



#footer {

	height: 50px;

	margin: 0 auto;

	padding: 0px 0 15px 0;

	background: #ECECEC;

	border-top: 1px solid #DEDEDE;

	font-family: Arial, Helvetica, sans-serif;

}



#footer p {

	margin: 0;

	padding-top: 20px;

	line-height: normal;

	font-size: 9px;

	text-transform: uppercase;

	text-align: center;

	color: #A0A0A0;

}



#footer a {

	color: #8A8A8A;

}