/*
IMPORTANT:
Essential styles to ensure accessibility
*/
@media projection, screen { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print { /* retain accessibility by overriding inline style used by animations... */
    .fragment {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
}

/*
TAB STYLES:
Some more styles, not important for making tabs work, just for the look of it...
*/

body {text-align:center;}


#container {
 width:950px;
 text-align:center;
}

#pageContent{
width:950px;
}


#target{
width:700px;
 float:right;
text-align:left;
}


#targetin{
text-align:left;
float:right;
 width:750px;
}

ul {list-style:none;padding:0;margin:0}

#menu{
text-align:left; 
width:160px;
 float:right;
}