/* CSS Document */
body{
margin:0 4px 0 0;
background:#017E94;
}

#main{
/*margin: 0 auto; /*Center container on page*/
background:#FFFFFF;
width:760px;
min-height:250px;
margin:0 auto;
font:normal 12px Arial, Helvetica, sans-serif;
color:#333;
}

#banner{
background:#FFFFFF url(images/alttab_logo.jpg) no-repeat top left;
width:760px;
height:76px;
padding:0;
margin:0;
}

#banner #slogan{
height:60px;
background:transparent url(images/we_have_technology_banner.gif) no-repeat 150px bottom;
}

#banner span{
display:none;
}

#topframe{
width:auto;
/*height:20px;*/
background:#D9D1BC;
margin-bottom:6px;
padding:3px 3px 3px 20px;;
}

#contentwrapper{
float: left;
width: 100%;
background:#ffffff url(images/columns.jpg);
margin: 0 0 6px 0;
}

* html #contentwrapper{
margin: 0;
}

#contentcolumn{
margin: 0 150px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth
min-height:250px;*/
}

#cinnertube{
margin:10px 10px 6px 20px;
min-height:400px;
}

#cinnertube li{
padding-bottom:6px;
}

#cinnertube li span,#cinnertube .b{
color:#8B0F0F;
font:bold 12px Arial, Helvetica, sans-serif;
}


* html #cinnertube{
height:400px;
}

#innertube{
margin:1px 3px 3px 3px;
}
/* for Internet Explorer hack*/
/*\*/
* html #contentcolumn{
	height: 250px;}
/**/

#line{
height:1px;
font:normal 2px Arial, Helvetica, sans-serif;
margin:0 0 0 5px;
background:url(images/basicline.jpg) top repeat-x;
}

#linebottom{
margin:0 0 0 5px;
width:446px;
background:url(images/basicline.jpg) bottom repeat-x;
}


#leftcolumn{
float: left;
width: 158px; /*Width of left column in pixel*/
margin-left: -760px; /*Set margin to that of -(MainContainerWidth)*/
}

/* links */
#sidelinks{
width:158px;
/*margin:0 2px 4px 2px;
padding:2px;*/
}

#sidelinks .categories{
background:#8B0F0F;
color:#FFFFFF;
padding:3px 0 4px 4px;
text-align:center;
border-bottom:1px solid #fff;
font:bold 18px Verdana, Arial, Helvetica, sans-serif;
}

/* Side links directive styles */

#sidelinks ul{
list-style-type: none;
text-align:left;

}

#sidelinks ul li{
background:#6789A4;
white-space: normal;
}

/*#sidelinks ul li.header{
border:1px solid #ccc;
padding:2px;
margin:2px 0px 2px 0px;
background-color:#eeeeee;
font-weight:bold;
color:#000;
}*/

#sidelinks li a{
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom:1px solid #fff;
color:#fff;
}

#sidelinks li a:hover{
color:#017E94;
background:#D9D1BC;
}

/* end links */

/*
start new menu
*/

.markermenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 138px;
}

.markermenu li a{
background: #6789A4 url(images/arrow.jpg) no-repeat 2px center;
font: normal 11px ;
color:#fff; /*#00014e;*/
display: block;
width: 138px;
padding: 5px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #fff;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 138px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #fff;
}

.markermenu li a:hover{
color: #017E94;
background-color: #D9D1BC;
background-image:url(media/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}
/*
end new menu
*/

#rightcolumn{
float: left;
width: 150px; /*Width of right column*/
margin-left: -150px; /*Set left margin to -(RightColumnWidth)*/
}

.section{
width:140px;
margin:3px 0 10px 7px;
border-bottom:1px solid rgb(203,192,163);
min-height:50px;
background:#E3DECE;/*#D9D0BB#D9D1BC*/
}

.section .header{
background:#CBC0A3;/*rgb(203,192,163);*/
text-align:center;
padding:2px;
font:bold 10px Verdana, Helvetica, sans-serif;
}

.section .menu{
list-style-type: none;
margin: 0;
padding: 0;
width:135px;
font-size:11px;
}

.section .more{
width:135px;
margin: 5px 0 0 0;
padding: 2px;
text-align:right;
}

.section .menu li a{
color:blue;
display: block;
width: 135px;
padding: 1px 2px 1px 3px;
text-decoration: none;
}

* html .section .menu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 135px;
}

.section li a:hover{
text-decoration: underline;
color:#FF0000;
}
/* text formating */
h2{
text-transform:uppercase;
color:#017E94;
padding-bottom:4px;
font:bold 17px Arial, Helvetica, sans-serif;
border-bottom:2px solid #8B0F0F;
}

h2 span.small,h2 span{
text-transform:lowercase;
}



em{
color:#8B0F0F;
}

.error{
color:red;
padding:4px;
border:1px solid red;
text-align:left;
}

.ok{
color:black;
padding:4px;
border:1px solid green;
text-align:left;
}

input, select,textarea{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
background:#EEE;
border:1px solid #AAA;
}

.center{
text-align:center;
}

.white{
background:#fff;
border:1px solid #E3DECE;
}
.gray{
background:#E3DECE;
border:1px solid #fff;
}

.disabled, .disabled a{
background:#EEE;
color:#CCC;
}



.saplogo{
background-color:#FFFFFF;
margin:2px 2px 3px 2px;
padding:3px 2px 3px 4px;
}

.p3{
padding:3px;
}

th{
background:#CBC0A3;
border:1px solid #E3DECE;
}
/* end text formating */

#bottomframe{
width:760px;
height:auto;
padding:2px 0 2px 0;
margin-top:6px;
background:#D9D1BC;
clear:both;
text-align:center;
}

#bottomframe a{
text-decoration:none;
}

#bottomframe a:hover{
color:#FF0000;
text-decoration:underline;
}