/* Standard Design Elements */

/***********************************
    		 LINK LIST
************************************/
.link_list {
	border: 1px solid #CCCCCC;
	border-width: 1px 1px 0 1px;
	margin-bottom: 12px;
	padding: 0;
	background-color: #FFFFFF;
	min-height: 12px;
	clear: both;
}

.link_list img {
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-width: 0 0 1px 0;
}

.link_list ul img {
	padding: 0;
	border: 0;
}

.link_list ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 11px;
}

.link_list a {
	display: block;
	padding: 4px 6px;
	text-decoration: none;
	border-bottom: 1px solid #CCCCCC;
}

.link_list a:hover {
	background-color: #EEEEEE;
}

/* Link List Widths */
/*
.columnSingle .link_list a { width: 204px; }
.columnDouble .link_list a { 462px; }
.columnQuarter .link_list a { width: 211px; }
.columnHalf .link_list a { width: 448px; }
*/

/* Link List Banner Styles (Border/Padding) */
.columnDouble .link_list, .columnHalf .link_list, 
.columnTriple .link_list, .columnThreeQuarter .link_list { 
	border: 0; 
}

.columnDouble .link_list img, .columnHalf .link_list img, 
.columnTriple .link_list img, .columnThreeQuarter .link_list img { 
	padding: 0; 
	border: 0; 
}

.columnDouble .link_list ul, .columnHalf .link_list ul, 
.columnTriple .link_list ul, .columnThreeQuarter .link_list ul { 
	border: 1px solid #CCCCCC; 
	border-width: 1px 1px 0 1px; 
}


/***********************************
	   VERTICAL SCROLL LIST
************************************/
.scroll_list {
	border-bottom: 1px solid #CCCCCC; 
	margin-bottom: 12px;
	min-height: 12px;
	clear: both;
}

.scroll_list img {
	padding: 3px;
	border: 1px solid #CCCCCC;
}

.scroll_list ul img {
	padding: 0;
	border: 0;
}

.scroll_list ul {
	height: 140px; 
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll; 
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #CCCCCC;
	font-size: 11px;
}

.scroll_list a {
	display: block;
	padding: 4px 6px;
	text-decoration: none;
	border-bottom: 1px solid #CCCCCC;
}

.scroll_list a:hover {
	background-color: #EEEEEE;
}

/* Scroll List Widths */
.columnSingle .scroll_list a { width: 188px; }
.columnDouble .scroll_list a { width: 446px; }
.columnQuarter .scroll_list a { width: 195px; }
.columnHalf .scroll_list a { width: 432px; }

/* Scroll List Banner Styles (Border/Padding) */
.columnDouble .scroll_list img, .columnHalf .scroll_list img { padding: 0; border: 0; }
.columnTriple .scroll_list img, .columnThreeQuarter .scroll_list img { padding: 0; border: 0; }


/***********************************
    		 TEXT LIST
************************************/
.text_list {
	border: 1px solid #CCCCCC;
	border-width: 1px 1px 0 1px;
	margin-bottom: 12px;
	padding: 0;
	background-color: #FFFFFF;
	min-height: 12px;
	clear: both;
}

.text_list img {
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-width: 0 0 1px 0;
}

.text_list ul img {
	padding: 0;
	border: 0;
}

.text_list ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 11px;
}

.text_list li {
	display: block;
	padding: 4px 6px;
	border-bottom: 1px solid #CCCCCC;
}

.text_list li a {
	text-decoration: none;	
}

.text_list li a:hover {
	text-decoration: underline;	
}

/* Text List Banner Styles (Border/Padding) */
.columnDouble .text_list, .columnHalf .text_list, 
.columnTriple .text_list, .columnThreeQuarter .text_list { 
	border: 0; 
}

.columnDouble .text_list img, .columnHalf .text_list img, 
.columnTriple .text_list img, .columnThreeQuarter .text_list img { 
	padding: 0; 
	border: 0; 
}

.columnDouble .text_list ul, .columnHalf .text_list ul, 
.columnTriple .text_list ul, .columnThreeQuarter .text_list ul { 
	border: 1px solid #CCCCCC; 
	border-width: 1px 1px 0 1px; 
}


/***********************************
    	 TEXT SCROLL LIST
************************************/
.text_scroll_list {
	border: 1px solid #CCCCCC;
	border-width: 1px 1px 0 1px;
	border-bottom: 1px solid #CCCCCC; 
	margin-bottom: 12px;
	padding: 0;
	background-color: #FFFFFF;
	min-height: 12px;
	clear: both;
}

.text_scroll_list img {
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-width: 0 0 1px 0;
}

.text_scroll_list ul img {
	padding: 0;
	border: 0;
}

.text_scroll_list ul {
	height: 140px; 
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll; 
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 11px;
}

.text_scroll_list li {
	display: block;
	padding: 4px 6px;
	border-bottom: 1px solid #CCCCCC;
}

.text_scroll_list li a {
	text-decoration: none;	
}

.text_scroll_list li a:hover {
	text-decoration: underline;	
}

/* Scroll List Banner Styles (Border/Padding) */
.columnDouble .text_scroll_list img, .columnHalf .text_scroll_list img { padding: 0; border: 0; }
.columnTriple .text_scroll_list img, .columnThreeQuarter .text_scroll_list img { padding: 0; border: 0; }



/***********************************
    TWO COLUMN LIST
************************************/
.two_column { 
	margin-bottom: 12px;
	padding: 0;
	min-height: 12px;
	float: left;
}

.two_column ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none; 
	border-left: 1px solid #CCCCCC;
}

.two_column li {
	float: left;
}

.two_column a {
	display: block;
	width: 224px;
	border: 1px solid #CCCCCC; 
	border-width: 0 1px 1px 0;
	padding: 4px 6px;
	text-decoration: none;
}

.two_column a:hover {
	background-color: #EEEEEE;
}

/* Column Widths */
.columnSingle .two_column a { width: 95px; }
.columnDouble .two_column a { width: 224px; }
.columnHalf .two_column a { width: 217px; }
.columnTriple .two_column a { width: 351px; }
.columnFull .two_column a { width: 454px; }

/***********************************
    TWO COLUMN LIST (NO LINKS)
************************************/
.two_column_list { 
	margin-bottom: 12px;
	padding: 0;
	float: left;
	clear: both;
}

.two_column_list ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none; 
	border-left: 1px solid #CCCCCC;
}

.two_column_list li {
	float: left;
	border: 1px solid #CCCCCC; 
	border-width: 0 1px 1px 0;
	padding: 4px 6px;
}

/* Column Widths */
.columnDouble .two_column_list li { width: 224px; }
.columnHalf .two_column_list li { width: 217px; }
.columnTriple .two_column_list li { width: 339px; }
.columnFull .two_column_list li { width: 454px; }

/***********************************
   		BANNER IMAGE OVERLAY
************************************/
div.banner_overlay a {
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
}
div.banner_overlay a:hover {
	color: #FFFFFF;
	background: none;
}
.columnSingle div.banner_overlay,
.columnQuarter div.banner_overlay{
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	line-height: 29px;
	height: 26px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
}
.columnDouble div.banner_overlay,
.columnHalf div.banner_overlay,
.columnTriple div.banner_overlay,
.columnThreeQuarter div.banner_overlay,
.columnFull div.banner_overlay {
	color: #ffffff;
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 8px;
	line-height: 23px;
	height: 23px;
}

.columnSingle .banner_overlay { width: 217px; }
.columnDouble .banner_overlay { width: 476px; }
.columnTriple .banner_overlay { width: 706px; }
.columnQuarter .banner_overlay { width: 224px; }
.columnHalf .banner_overlay { width: 462px; }
.columnThreeQuarter .banner_overlay { width: 699px; }
.columnFull .banner_overlay { width: 936px; }

/***********************************
  HIGHLIGHTS (POWERED BY JCAROUSEL)
************************************/
.highlights {
	margin-bottom: 12px;
}

.highlights ul,
.highlights li {
	padding: 0;
	margin: 0;
	list-style-type: none;	
	height: 200px;
	overflow: hidden;
}

.highlights .highlights_content {
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 1px; 
	background-color: #FFFFFF;
	display: table-cell;
	height: 235px;
	overflow: hidden;
}

.highlights h2 a {
	text-decoration: none;
	color: #000000;
}

.highlights .item {
	margin: 0 auto;
}

.highlights .item img {
	float: left;
	margin: 0 5px 0 0;
}

.highlights .item .body {
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
}

.highlights .body ul {
	padding: 0;
	margin: 0 0 0 25px;
}

#content .highlights .body ul,
#content .highlights .body li {
	height: auto;
	list-style-type: disc;
}

/* Column Widths */
.columnDouble .highlights { width: 476px; }
.columnDouble .highlights .highlights_content, .columnDouble .jcarousel-container, .columnDouble .jcarousel-container-horizontal { width: 474px; }
.columnDouble .jcarousel-clip-horizontal, .columnDouble .jcarousel-item { width:  474px; height: 200px; }
.columnHalf .highlights { width: 462px; }
.columnHalf .highlights .highlights_content, .columnHalf .jcarousel-container, .columnHalf .jcarousel-container-horizontal { width: 460px; }
.columnHalf .jcarousel-clip-horizontal, .columnHalf .jcarousel-item { width:  460px; height: 200px; }

/***********************************
CONTENT ROTATOR (POWERED BY JCAROUSEL)
************************************/
.content_rotator {
	border: 1px solid #CCCCCC;
	border-width: 1px ;
	margin-bottom: 12px;
	padding: 0;
	background-color: #FFFFFF;
	min-height: 12px;
	clear: both;
}

.content_rotator ul,
.content_rotator li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 88px;
	overflow: hidden;
}

.content_rotator .content {
	background-color: #FFFFFF;
	display: table-cell;
	overflow: hidden;
	height: 88px;
	padding: 0 8px;
}

.content_rotator img {
	border: 0;	
}

.content_rotator .item {
	margin: 0 auto;
}

.content_rotator .item img {
	float: left;
	margin: 0 5px 0 0;
}

.content_rotator .item .body {
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
}

.content_rotator .body ul {
	padding: 0;
	margin: 0 0 0 25px;
}

#content .content_rotator .body ul,
#content .content_rotator .body li {
	height: auto;
	list-style-type: disc;
}

.content_rotator .previous, 
.content_rotator .next {
	display: block;
	margin-top: 25px;
}
 
.content_rotator a.previous:hover,
.content_rotator a.next:hover  {
	background-color: #cccccc;
}

.content_rotator .previous {
	float: left;
}

.content_rotator .next {
	float: right;
}

/* Column Widths */
.columnSingle .content_rotator { width: 218px; }
.columnSingle .jcarousel-container, .columnSingle .jcarousel-container-horizontal { width: 170px; }
.columnSingle .jcarousel-clip-horizontal, .columnSingle .jcarousel-item { width:  170px; height: 88px; }
.columnQuarter .content_rotator { width: 223px; }
.columnQuarter .jcarousel-container, .columnQuarter .jcarousel-container-horizontal { width: 150px; }
.columnQuarter .jcarousel-clip-horizontal, .columnQuarter .jcarousel-item { width:  150px; height: 88px; }
.columnDouble .content_rotator { width: 476px; }
.columnDouble .jcarousel-container, .columnDouble .jcarousel-container-horizontal { width: 428px; }
.columnDouble .jcarousel-clip-horizontal, .columnDouble .jcarousel-item { width: 428px; height: 200px; }
.columnHalf .content_rotator { width: 462px; }
.columnHalf .jcarousel-container, .columnHalf .jcarousel-container-horizontal { width: 414px; }
.columnHalf .jcarousel-clip-horizontal, .columnHalf .jcarousel-item { width: 414px; height: 200px; }
.columnTriple .content_rotator { width: 706px; }
.columnTriple .jcarousel-container, .columnTriple .jcarousel-container-horizontal { width: 688px; }
.columnTriple .jcarousel-clip-horizontal, .columnTriple .jcarousel-item { width: 658px; height: 200px; }

/* Scroll List Banner Styles (Border/Padding) */
.columnDouble .text_scroll_list img, .columnHalf .text_scroll_list img { padding: 0; border: 0; }
.columnTriple .text_scroll_list img, .columnThreeQuarter .text_scroll_list img { padding: 0; border: 0; }

/***********************************
  		JCAROUSEL DEFAULTS
************************************/
.jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
 
.jcarousel-navigation {
	background-color: #EEEEEE;
	height: 25px;
	display: table;
	width: 100%;
	padding: 5px 0;
}

.jcarousel-navigation .previous,
.jcarousel-navigation .next {
	background-color: #336699;
	display: block;
	padding: 4px;
	border: 1px solid #FFFFFF;
}

.jcarousel-navigation a.previous:hover,
.jcarousel-navigation a.next:hover  {
	background-color: #003366;
}

.jcarousel-navigation .previous {
	float: left;
	border-width: 1px 1px 1px 0;
}

.jcarousel-navigation .next {
	float: right;
	border-width: 1px 0 1px 1px;
}

.jcarousel-control {
    text-align: right;
	padding-right: 50px;
	padding-top: 5px;
}

.jcarousel-control a {
    font-size: 11px;
    text-decoration: none;
    padding: 4px 6px;
    margin: 0 0 5px 0;
    border: 1px solid #999999;
    color: #FFFFFF;
    background-color: #AAAAAA;
    font-weight: bold;
}

.jcarousel-control a:hover {
	background-color: #336699;
}

/* Current slide being displayed */
.jcarousel-control a.active {
	background-color: #336699;
}


/***********************************
	   OUTLINED CONTENT BOX
************************************/
.outline_box {
	border: 1px solid #CCCCCC;
	margin: 0 0 12px 0;
	padding: 0;
	background-color: #FFFFFF;
}

.outline_box img {
	padding: 3px;
	border: 1px solid #CCCCCC;
}

.outline_box .body {
	margin-left: 80px;
	padding: 8px;
}

.outline_box ul {
	padding: 0;
	margin: 0 0 0 25px;
}

.outline_box img.image {
	float: none;
	border: 0;
	padding: 0;
	margin: 0 0 0 3px;
	display: inline;
}

/***********************************
    OUTLINED CONTENT BOX - TEXT
************************************/
.outline_box_text {
	border: 1px solid #CCCCCC;
	margin: 0 0 12px 0;
	padding: 0;
	background-color: #FFFFFF;
}

.outline_box_text img {
	padding: 3px;
	border: 1px solid #CCCCCC;
}

.outline_box_text .body {
	margin-left: 0;
	padding: 8px;
}

.outline_box_text ul {
	padding: 0;
	margin: 0 0 0 25px;
	clear: left;
}


/***********************************
    OUTLINED CONTENT BOX - BANNER
************************************/
.outline_box_banner {
	border: 1px solid #CCCCCC;
	margin: 0 0 12px 0;
	padding: 0;
	background-color: #FFFFFF;
}

.outline_box_banner img {
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-width: 0 0 1px 0;
}

.outline_box_banner .body {
	margin: 0;
	padding: 8px;
	min-height: 15px;
}

.outline_box_banner .body img {
	border: 0;
}

.outline_box_banner h2 {
	padding: 0;
	margin: 0;
	text-align: center;
}

.outline_box_banner ul {
	padding: 0;
	margin: 0 0 0 15px;
}

/* Column-specific Styles */
.columnDouble .outline_box_banner, .columnTriple .outline_box_banner, 
.columnHalf .outline_box_banner, .columnThreeQuarter .outline_box_banner, 
.columnFull .outline_box_banner { 
	border: 0; 
}

.columnDouble .outline_box_banner img, .columnTriple .outline_box_banner img, 
.columnHalf .outline_box_banner img, .columnThreeQuarter .outline_box_banner img, 
.columnFull .outline_box_banner img { 
	padding: 0; 
	border: 0; 
}

.columnDouble .outline_box_banner .body, .columnTriple .outline_box_banner .body, 
.columnHalf .outline_box_banner .body, .columnThreeQuarter .outline_box_banner .body, 
.columnFull .outline_box_banner .body { 
	border: 1px solid #CCCCCC; 
}

.columnDouble .outline_box_banner h2, .columnTriple .outline_box_banner h2, 
.columnHalf .outline_box_banner h2, .columnThreeQuarter .outline_box_banner h2, 
.columnFull .outline_box_banner h2 { 
	text-align: left; 
}

/***********************************
  OUTLINED CONTENT BOX - NO IMAGE
************************************/
.outline_box_noimage {
	border: 1px solid #CCCCCC;
	margin: 0 0 12px 0;
	padding: 0;
	background-color: #FFFFFF;
}

.outline_box_noimage h2 {
	padding: 8px;
	margin: 0;
}

.outline_box_noimage ul {
	padding: 0;
	margin: 0 0 0 25px;
}

.outline_box_noimage .body {
	padding: 10px;
}


/***********************************
  OUTLINED CONTENT BOX - IMAGE ONLY
************************************/
.outline_box_image {
	border: 1px solid #CCCCCC;
	margin: 0 0 12px 0;
	padding: 3px;
	background-color: #FFFFFF;
}


/***********************************
  MESSAGES, INSTRUCTIONS, & ERRORS
************************************/
div.messages,
div.instructions,
div.errors {
	padding: 10px;
	margin: 0 0 12px 0;
}

div.messages { border: 1px solid #009900; background-color: #EEFFEE; }
div.instructions { border: 1px solid #E7DF00; background-color: #FFFFCC; }
div.errors { border: 1px solid #CC0000; background-color: #FFEEEE; }

div.messages ul,
div.instructions ul,
div.errors ul {
	padding: 0 0 0 25px;
	margin: 0;
	color: #000000;
}

div.messages h2,
div.instructions h2,
div.errors h2 {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: -3px 0 0 0;
	padding: 0;
}


.more {
	margin-top: 6px;
	text-align: right;
}
.more a {
	text-decoration: none;
	font-size: 11px;
	color: #336699;
	font-weight: bold;
	text-transform: lowercase;
}
.more a:hover {
	text-decoration: underline;
}


/***************************
Footer
***************************/

#footer {
	 background-color:#ccc; 
	 color:#555;
}

#footer a {
	text-decoration:none;
}

#footer .footerContact a {
	color:#bec8d1;
}

#footer ul.socialMedia,
#footer .footerContact {	 
	 font-size:11px; 
	 min-height:16px;
}

#footer ul.socialMedia {
	 margin:0;
	 padding:5px 0 5px 12px;
}

#footer .footerContact {
	 background-color:#666; 
	 color:#FFF; 
	 border-top:2px solid;
	 margin:0;
	 padding:5px 5px 5px 12px;
}

#footer img {
	margin-right: 7px;
}

#footer ul.socialMedia li {
	display:inline;
	 list-style-type:none;
	 vertical-align:middle;
	 margin:0;
	 padding:0 20px 0 0; 
}