* {
margin:0;
padding:0;
}

body {
font:.8em Verdana, Arial, Helvetica, sans-serif;
background:#000 url(img/header.jpg) top center no-repeat fixed;
line-height:150%;
text-align:center;
margin:0 auto;
color:#999;
}

h1 {
display:none;
}

h2 {
font-size:2em;
font-weight:700;
color:#1E3C59;
line-height:1.1;
}

h3 {
font-size:1.4em;
font-weight:700;
color:#1E3C59;
line-height:1.1;
}

h4 {
font-size:1.2em;
font-weight:700;
color:#1E3C59;
line-height:1.0;
}

#wrapper {
background-color:transparent;
width:800px;
text-align:left;
margin:0 auto;
border:3px solid #0a0a0a;
border-bottom:none;
}

#bottom {
background: #000 url(img/footer.jpg) center bottom no-repeat fixed;
height:155px;
width:100%;
}

#branding {
height:175px;
}

#JYlogo {
float:left;
border:none;
}

#brandrt {
float:right;
}

#tagline {
text-align:right;
width:480px;
color:#999;
background-color:transparent;
font-style:oblique;
font-size:large;
position:relative;
float:right;
clear:both;
z-index:1000;
margin-top:-25px;
}

#tagline h2 {
color:#666;
background-color:transparent;
font-size:small;
}

#leftContent {
background-color:transparent;
line-height:135%;
width:190px;
float:left;
margin:15px 0;
}

.leftbox ul li {
margin:0 5px 0 20px;
}

.program {
border:1px solid #1E3C59;
padding:5px;
}


#content {
width:590px;
float:right;
margin-bottom:20px;
}

#contentwrap {
background: url(img/bottom.gif) bottom repeat-x;
}

#topinfo {
width:720px;
background:transparent;
font-size:.87em;
margin:5px auto;
height:14px;
color:#fff;
font-weight:bold;
}

#topinfo ul li,#footer ul li {
float:left;
list-style:none;
padding-right:30px;
}

#footer {
background: transparent;
clear:both;
color:#ccc;
font-size:.87em;
height:15px;
padding:1px;
width:800px;
color:#999;
margin:0 auto;
}

a:link {
color:#336699;
text-decoration:none;
border-bottom:1px dotted #336699;
}

a:visited {
color:#666;
text-decoration:none;
border-bottom:1px dotted #5D6D89;
}

a:hover {
background-color:#336699;
color:#fff;
}

a:active {
color:#336699;
text-decoration:none;
border-bottom:1px dotted #336699;
}

#content li,#leftContent li {
margin-left:40px;
}

.leftbox {
width:180px;
float:left;
border:1px solid #1E3C59;
font-size:85%;
line-height:135%;
margin:5px;
}

.leftbox h2 {
background-color:#1E3C59;
color:#999;
font-size:1.2em;
font-weight:700;
line-height:150%;
margin:0;
padding:0 0 0 5px;
}

.offsite {
padding-right:12px;
background-image:url(images/offsite.gif);
background-repeat:no-repeat;
background-position:right;
color:#5D6D89;
text-decoration:underline;
}

.right {
float:right;
display:block;
margin:5px;
}

.left {
float:left;
display:block;
margin:5px;
}

.rightbox {
width:180px;
float:right;
border:1px solid #1E3C59;
font-size:85%;
line-height:135%;
margin:15px 0 5px 10px;
}

.colbox {
width:180px;
border:1px solid #0a0a0a;
line-height:135%;
font-size:85%;
}

.bordernone {
border:0 none;
vertical-align:middle;
}

.superscript {
vertical-align: super;
font-size:smaller;
}

.dropcap {
float:left;
}

.smalltext {
font-size:85%;
line-height:1.4;
}

.title {
font-variant:small-caps;
font-size:larger;
}

.line {
border:1px solid #0a0a0a;
}

.quote1 {
background-image:url(images/quotemarks1.gif);
background-repeat:no-repeat;
display:block;
background-position:left top;
}

.quote2 {
background-image:url(images/quotemarks2.gif);
background-repeat:no-repeat;
display:block;
position:relative;
background-position:right bottom;
margin-bottom:0;
}

.quote3 {
background-image:url(images/quotemarks3.gif);
background-repeat:no-repeat;
}

#hosttable {
background:url(images/rack.jpg) no-repeat;
}

#hosttable li {
margin-left:30px;
}

#sitesearch {
background-color: #666;
display:inline;
padding:0 4px;
position:absolute;
height:24px;
margin-top:0;
border-right:1px solid #fff;
}

#webproper {
float:right;
margin:3px 3px 0 0;
}

a img, img {
border: none;
}

.videos {
float:left;
text-align:center;
position:relative;
z-index:100;
padding: 5px 0;
border: 1px solid #1E3C59;
margin-bottom:5px;
}

.borderline {
border:1px solid #1E3C59;
padding:5px;
}


#widgets {
border-bottom:1px solid #0a0a0a;
border-top:1px solid #oaoaoa;
width:190px;
margin-left:-5px;
background-color:#FFF;
text-align:center;
padding:5px 0;
}

h1,h2,h3,h4,p,.photomargin {
margin:5px;
}

#branding h2 {
font-size;.7em;
}

.leftbox p,.rightbox p {
padding:0 5px;
}

.rightbox h2,.colbox h2 {
background-color:#1E3C59;
color:#999;
font-size:1.2em;
font-weight:700;
line-height:150%;
margin:0;
padding:0 0 0 5px;
}

#movie {
 float:right;
}

.hrsmcol {
 border: 0;
color: #ccc;
background-color: #ccc;
height: 1px;
width: 100%;
text-align: left;
}

noscript p {
color:red;
width:700px;
margin:0 auto;
border-bottom:1px solid red;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */