* {
margin:0;
padding:0;
outline:none;
}

body {
font: 13px/26px Arial,"Lucida Sans Unicode",geneva,verdana,sans-serif;
color:#4D4D4A;
height:101%;
background:#F8F9F2;
border-top:3px solid #15161B;
}

html {
height:101%;
}

#welcome p {
font:16px Georgia;
line-height:30px;
font-style:italic;
background:#F5F5EE;
padding:15px;
border:1px solid #F0F0EA;
}

ul.nav {
border-bottom:1px solid #F0F0EA;
}

.header {
padding:20px 0 20px 0;
background:#272932;
border-bottom:1px solid #fff;
}

#container {
width:560px;
margin:0 auto;
padding:55px 0 45px;
}

#footer {
width:560px;
margin:0 auto;
color:#ccc;
margin-top:40px;
clear:both;
}

#footer a {
color:#aaa;
font-size:10px;
}

#footer h3 {
font-size:11px;
font-weight:bold;
color:#aaa;
}

p {
padding:0 0 20px 0;
}

p a {
color:#333;
font-weight:bold;
text-decoration:none;
}

p a:hover {
color:#000;
}

h1.title {
background:url(../images/logo.gif);
width:53px;
height:56px;
text-indent:-9999px;
margin:0 auto;
}

.item {
border:1px solid #F0F0EA;
width:260px;
height:170px;
float:left;
margin:0 10px 10px 0;
}

.item h2 {
display:none;
}

.item p {
margin:0;
padding:0;
}

.webitem {
width:532px;
border:1px solid #F0F0EA;
padding:1px;
margin-bottom:20px;
background:#FCFCF5;
}

.webitem img {
padding-bottom:1px;
}

.webitem h2 {
font:14px Arial;
color:#444;
padding-left:20px;
margin:0;
}

.webitem h2 span {
font-size:11px;
color:#999;
display:block;
}

p.link {
padding-left:20px;
}

p.link a {
font-size:11px;
padding-right:15px;
background:url(../images/go.gif) right no-repeat;
}

p.note {
background:#f6f6f6;
font:13px Georgia;
font-style:italic;
padding:10px;
margin-bottom:20px;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {

}
.ui-tabs-nav {
list-style: none;
margin:55px 0 55px;
clear:right;

}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
	margin:0 15px 0 0;
}
.ui-tabs-nav a {
    color: #555;
	font:130% Arial;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000;
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}