rendered paste body/* 9 of 12 Microsoft Internet Explorer Design Templates
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
font-family:Arial, Tahoma, Helvetica, sans-serif;
margin:0;
padding:0;
}
p, li {
font-size:.75em;
line-height:160%;
}
a img {
border:none;
}
/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
margin:15px 0;
font-family:"trebuchet MS", verdana, sans-serif;
color:#e99400;
}
.content-left h1, .content-right h1,
.content-left h2, .content-right h2,
.content-left h3, .content-right h3,
.content-left h4, .content-right h4,
.content-left h5, .content-right h5,
.content-left h6, .content-right h6 {
color:#000;
margin:5px 0;
}
h1.first,
h2.first,
h3.first,
h4.first,
h5.first,
h6.first {
margin-top:0;
}
h1 {
font-size:1.2em;
}
h2 {
font-size:1em;
}
h3 {
font-size:.9em;
background:url(images/bg-line.png) repeat-x bottom;
}
h4 {
font-size:.8em;
}
h5 {
font-size:.8em;
}
h6 {
font-size:.8em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FORMS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
fieldset {
padding:10px 20px;
margin:15px 0;
position:relative;
}
fieldset fieldset {
margin:10px 0;
width:90%;
}
legend {
font-weight:bold;
font-size:1em;
padding:10px;
color:#000;
margin:0 0 10px 30px;
font-family:"trebuchet MS", verdana, sans-serif;
}
fieldset fieldset legend {
font-size:.8em;
}
.input-box {
display:block;
margin-bottom:5px;
vertical-align:top;
padding:2px;
color:#666666;
font-size:.8em;
border:1px solid #82b26e;
background:url(images/bg-input.png) no-repeat;
}
label {
font-weight:bold;
font-size:.7em;
font-weight:bold;
display:block;
font-family:Arial, Helvetica, sans-serif;
}
.checkbox {
margin:12px 0;
padding:4px 0 2px 3px;
border:1px dotted #585858;
width:95%;
}
.checkbox input {
margin-right:6px;
margin-bottom:2px;
}
.forgot-password {
margin:2px 0;
font-size:.65em;
}
input.button {
color:#FFF;
background:#317f0c url(images/bg-button.png) repeat-x;
border:2px groove #FFF;
font-size:.7em;
font-weight:bold;
padding:0 5px 2px 5px;
cursor:pointer;
}
input.button-big {
padding:6px 20px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link {
color:#33840c;
text-decoration:underline;
}
a:visited {
color:#72840c;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
a:active {
text-decoration:underline;
color:#86c400;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header-container {
position:relative;
padding:6px 0 0 0;
background:#373737;
color:#FFF;
border-bottom:1px dotted #585858;
min-height:1px;
_height:1px;
}
/* LOGO */
.logo {
font-size:1.5em;
width:60%;
float:left;
font-family:"trebuchet MS", verdana, sans-serif;
padding:5px 0 10px 15px;
letter-spacing:.2em;
}
/* LOGO LINK */
.logo a:link,
.logo a:visited {
text-decoration:none;
color:#FFF;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LOGIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.nav-login {
font-size:.9em;
text-align:right;
margin:10px 15px 3px 0;
float:right;
width:20%;
}
/* LOGIN LISTS */
.nav-login ul {
margin:0;
padding:0;
}
.nav-login li {
list-style:none;
padding:3px 0 3px 17px;
display:inline;
margin-left:15px;
background:url(images/bullet.png) no-repeat 0 4px;
}
.nav-login li.first {
list-style:none;
margin-left:0;
}
/* LOGIN LINKS */
.nav-login a:link,
.nav-login a:visited{
color:#FFF;
text-decoration:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
MAIN NAV
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.nav-main {
margin:-41px 0 0 199px;
padding:12px 15px 0 15px;
background:#f6f6f6;
min-height:28px;
_height:28px;
border-top:1px dotted #7a7a7a;
border-bottom:1px dotted #7a7a7a;
border-left:1px dotted #7a7a7a;
}
/* MAIN NAV LISTS */
.nav-main ul {
margin:0;
padding:0;
}
.nav-main li {
list-style:none;
float:left;
background:none;
padding:0;
}
.nav-main li a {
display:block;
padding:0 10px;
border-right:1px dotted #d2d2d2;
}
.nav-main li.first a {
padding-left:0;
}
/* NAV MAIN LINKS */
.nav-main a:link,
.nav-main a:visited {
color:#33840c;
text-decoration:none;
}
.nav-main .active a:link,
.nav-main .active a:visited {
color:#000;
}
.nav-main a:hover {
text-decoration:underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer {
padding:10px 0;
_height:1px;
background:#373737;
clear:both;
}
.nav-footer {
position:relative;
_height:1px;
margin:0 200px;
text-align:center;
clear:both;
}
.nav-footer ul{
padding:0;
margin:0;
text-align:center;
}
.nav-footer li{
background:none;
display:inline;
border-right:1px dotted #686868;
padding:0 10px;
}
.nav-footer li.first {
border-left:1px dotted #686868;
}
.copyright {
color:#999;
font-size:.7em;
clear:both;
margin:5px 0 0 0;
}
.nav-footer a:link,
.nav-footer a:visited {
color:#CCC;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
POSTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.poster-container {
background:url(images/bg-poster-tile.jpg) repeat-x;
min-height:200px;
_height:200px;
margin-top:-1px;
}
.poster-container-no-image {
background:url(images/bg-poster-tile.jpg) repeat-x;
min-height:70px;
_height:70px;
margin-top:-1px;
}
.poster-inner {
background:url(images/bg-poster.jpg) no-repeat left top;
font-family:"trebuchet MS", verdana, sans-serif;
min-height:70px;
_height:70px;
}
.poster-photo {
background:url(images/bg-poster-photo.jpg) no-repeat left;
min-height:170px;
_height:170px;
padding:30px 30% 0 200px;
font-style:italic;
}
.poster-container h1 {
margin:0;
font-size:1.2em;
color:#000;
}
.poster-container p {
margin:10px 0 0 0;
line-height:normal;
font-size:1em;
}
/* POSTER LINKS */
.poster-links {
font-weight:bold;
}
.poster-container a:link,
.poster-container a:visited {
color:#33840c;
}
.poster-container a:hover {
text-decoration:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BREADCRUMB
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
min-height:1px;
_height:1px;
padding:0 0 15px 0;
margin:0 0 15px 0;
font-size:.7em;
border-bottom:1px dotted #686868;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PRIMARY LAYOUT STYLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.content-container {
position:relative;
_height:1px;
min-height:1px;
background:url(images/bg-column-left.png) repeat-y;
}
.content-container-inner {
background:url(images/bg-column-right.png) repeat-y right;
_height:1px;
min-height:1px;
padding:0 200px;
position:relative;
}
.content-main {
padding:15px 2% 20px 2%;
position:relative;
min-height:1px;
_height:1px;
float:left;
width:96%;
}
.content-left {
padding:20px 10px;
float:left;
width:180px;
margin-top:-1px;
position:relative;
margin-left:-100%;
right:200px;
_left:200px;
border-top:1px dotted #797979;
}
.content-right {
padding:15px 10px 20px 10px;
float:left;
width:180px;
position:relative;
margin-right:-200px;
}
.ads {
text-align:center;
margin:20px 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SIDE BUCKET
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.side-bucket {
margin-bottom:20px;
line-height:normal;
}
/* SIDE BUCKET LISTS */
.side-bucket ul {
margin:0;
padding:0;
_height:1px;
}
.side-bucket li {
list-style:none;
border-bottom:1px dotted #7a7a7a;
background-position:0 4px;
}
.side-bucket li.first {
border-top:1px dotted #7a7a7a;
}
/* SIDE BUCKET LINKS */
.side-bucket a:link,
.side-bucket a:visited {
text-decoration:none;
display:block;
_display:inline;
}
.side-bucket a:hover {
text-decoration:underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PHOTOS & CAPTIONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.photo-container {
padding:10px;
border:1px dotted #7a7a7a;
}
.photo-container img {
display:block;
border:1px solid #666;
}
.photo-caption {
font-size:.7em;
padding:10px 10px 0 10px;
text-align:center;
color:#999;
font-style:italic
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
THREE-COLUMN SECTION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.three-column-container {
margin:10px 0px;
}
.three-column-left,
.three-column-right,
.three-column-middle {
float:left;
width:30%;
margin-right:5%;
}
.three-column-right {
margin-right:0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
DATA TABLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.data-table {
background:#f6f6f6;
font-size:.7em;
border-top:1px dotted #7a7a7a;
border-left:1px dotted #7a7a7a;
}
table.data-table caption{
background:#b6b6b6;
padding:10px;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
border:1px dotted #7a7a7a;
border-bottom:none;
}
table.data-table td,
table.data-table th{
padding:8px;
border-right:1px dotted #7a7a7a;
border-bottom:1px dotted #7a7a7a;
}
table.data-table th{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
background:#ececec;
}
table.data-table td{
}
table.data-table tr.row-alternating td{
background:#e0e0e0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LISTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
li {
list-style:none;
background:url(images/bullet.png) no-repeat 0 5px;
padding:3px 0 3px 17px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
MISC STYLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.none {
display:none;
}
.clear {
clear:both;
font-size:1px;
margin:0;
padding:0;
}
.align-left {
float:left;
margin:0 20px 15px 0;
}
.align-right {
float:right;
margin:0 0 15px 20px;
}
.align-middle {
vertical-align:middle;
}
.inline {
display:inline;
}
.no-margin {
margin:0;
}