* html body { font-size: x-small; }
* html body { fon\t-size: small; }

html, body, div, img { margin: 0;padding: 0; }

body {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }

h1, h2, h3, h4, h5 { 
}

p { }

.clear {
clear: both;
}

.purpletext {
font-size: 16px;
font-weight: bold;
text-decoration: underline;
font-style: italic;
color: #6533cc;
}

.pagetitle {
text-align: center;
padding: 10px;
border-bottom: 2px solid #000066;
color: #000066;
font-size: 20px;
margin: 0 0 10px 0;
}

ul li, ol li { font-size: 100%; }
ul li ul li a { font-size: 100%; }

a { text-decoration: none; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover {color: #C0F; }
a:active { color: #333333; }

#wrap {
width: 900px;
margin: 0 auto 0 auto;
text-align: left;
padding: 10px;
background: url(images/background.jpg) top repeat-y;
}

#wrap_new {
width: 900px;
margin: 0 auto 0 auto;
text-align: left;
padding: 10px;
background: url(images/background_blue.jpg) top repeat-y;
}

#nav {
float: left;
width: 150px;
margin-left: 25px;
}

html> body #nav {
margin-left: 50px;
}

#nav a {
display: block;
background: url(images/nav.jpg) left top no-repeat;
padding: 9px 0 8px 15px;
font-size: 11px;
text-decoration: none;
color: #2b4452;
font-weight: bold;
}

#nav1 {
float: left;
width: 150px;
margin-left: 25px;
}

html> body #nav1 {
margin-left: 50px;
}

#nav1 a {
display: block;
background: url(images/nav1.jpg) left top no-repeat;
padding: 9px 0 8px 15px;
font-size: 11px;
text-decoration: none;
color: #2b4452;
font-weight: bold;
}
#nav1 a:hover {
font-size: 11px;
text-decoration: none;
color: #fff;
font-weight: bold;
}

#nav2 a {
display: block;
padding: 9px 0 8px 15px;
font-size: 11px;
text-decoration: none;
color: #2b4452;
font-weight: bold;
}

#nav a:hover {
background: url(images/nav_over.jpg) left top no-repeat;
color: #FFFFFF;
}

#main {
margin: 0 50px 0 210px;
padding: 0 10px 10px 10px;
}

#applicationlink {
clear: right;
float: right;
width: 150px;
text-align: center;
margin: 10px 0 0 0;
}

#videolink {
float: left;
width: 150px;
text-align: center;
margin: 0 0 0 5px;
padding: 10px 0 0 0;
font-size: 11px;

}

.poster {
display: block;
margin: 5px;
border: 1px solid #999999;
height: 90px;
overflow: hidden;
width: 105px;
float: left;
}

.poster img {
width: 105px;
}


#photos {
margin-left: 15px;
}

#photos img {
height: 100px;
border: 1px solid #000000;
float: left;
margin: 0 10px 10px 0;
}

#footer {
clear: both;
text-align: center;
padding: 10px 0 10px 0;
margin: 0 50px 0 50px;
/* background: url(images/horizon.gif) bottom no-repeat; */
}