#main {margin:0 auto; width:879px; text-align:left;}

#header, #content, #footer {width:770px}

.col_1, .col_2, .col_3, .col_box_1, .col_box_2{ float:left;}

.width {width:100%}
.width2 {width:100%}
.box {width:100%}

/*======= index.html =======*/
#page1 .col_1{width:261px;}
#page1 .col_2{width:260px;}
#page1 .col_3{width:249px;}
#page1 .width2 .col_1{width:261px;}
#page1 .width2 .col_2{width:253px;}
#page1 .width2 .col_3{width:256px;}
/*=========================*/

/*======= index-1.html =======*/
#page2 .col_1{width:261px;}
#page2 .col_2{width:260px;}
#page2 .col_3{width:249px;}
/*=========================*/

/*======= index-2.html =======*/
#page3 .col_1{width:261px;}
#page3 .col_2{width:260px;}
#page3 .col_3{width:249px;}
#page3 .width2 .col_1{width:261px;}
#page3 .width2 .col_2{width:253px;}
#page3 .width2 .col_3{width:256px;}
/*=========================*/

/*======= index-3.html =======*/
#page4 .col_1{width:261px;}
#page4 .col_2{width:260px;}
#page4 .col_3{width:249px;}
/*=========================*/

/*======= index-4.html =======*/
#page5 .col_1{width:510px; margin-right:11px}
#page5 .col_2{width:249px;}
#page5 .col_box_1 {width:210px; margin-right:22px}
#page5 .col_box_2 {width:211px}
/*=========================*/

/*======= index-5.html =======*/
#page6 .col_1{width:261px;}
#page6 .col_2{width:260px;}
#page6 .col_3{width:249px;}
/*=========================*/

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #D4E6F4; /*THEME CHANGE HERE*/
border-bottom-width: 0;

line-height:18px;
z-index:100;
background-color: #7A7A7A;
width: 180px;
visibility: hidden;

margin-top:30px
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #C0C0C0; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #FFF;
font-size:0.75em;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #C3D9FF;
color: #555;
}

/* --------------------------------------------------
	Layout
-------------------------------------------------- */
/*
#lineup {
	overflow:hidden;
    margin-bottom:0.05em;
}
*/
#lineup {
	overflow:hidden;
    margin-bottom:0.45em;
	margin-left:0.20em;
	height:24em;
	width:47.4em;
	background: #ffffff;
	border: 3px double #FFFFFF;
	border-color: #c0c0c0; 
	margin: 0px auto 4px auto; 
}
#lineup .channel {
	background: transparent url(section.png) repeat-y right top;
	width:14.2em;
	min-height:27em;
	padding:0.9em;
	float:left;
    margin-right:0.15em;
	border: 1px double #C0C0C0
    
}
.intro_bottom{
    margin-left: 0px;
}
.intro_bottom  img{
    margin-left:0.20em;
}
* html #lineup .channel {
	height:20em;
}
#lineup .first {
	background: transparent;
    margin-left:0.5px;
	border: 1px double #C0C0C0
}

#lineup .middle {
	background: transparent;
    margin-right:0.20em;
    border:none
}

#lineup .middle img {
    margin-right:0.50em;
    border:none
}

#lineup .channel.first p, .channel.first h3{
	padding-left:10px;
}

#lineup .last {
	
	padding-right:0;
}
#lineup .channel img {
	margin-bottom:0.15em;
}
#lineup .channel p {
	font-size:0.75em; /* 12px */
	line-height:1.5em;
    margin-right:0.20em;
}


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 212px;
border-bottom: 10px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin-left:5px
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
overflow:auto;
height:220px;
font-size:11px;
font-family:arial;
text-align:justify;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
