html, body
{
margin: 0;
padding: 0;
background: url() ;
font-family:
Candara,
"News Gothic MT",
"Bitstream Vera Sans",
Verdana,
Trebuchet,
"Trebuchet MS",
sans-serif;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
img {border: none;}
/* begin container division */
#container
{
position: relative;
width: 100%;
margin: 0 auto;
overflow: auto;
border: solid red 0px;
line-height: 1.25em;
}
/* begin header division ------------------------- */
#header
{
position: relative;
width: 98%;
border: solid #29568F 2px;
margin: 1% auto 1%;
height: 109px;
text-decoration: none;
}
html>body #header
{
height: 109px; /* value for Netscape and to be nice to Opera */
}
#header img
{
float: left;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#header a
{
text-decoration: none;
color: #8b8b8b;
}
#header span
{
display: block;
margin-left: 35%;
padding-top: 30px;
font-size: 1.5em;
font-weight: bolder;
color: #8b8b8b;
}
#index_header_title_anchor
{
font-size: 1.8em;
border: solid green 0px;
margin: 0 0 0 10%;
}
/* end header division ---------------------- */
/* begin tabs division */
#tabs
{
margin-left: 1%;
border: solid purple 0px;
}
/* end tabs content division ---------------------- */
/* begin leftContent division ---------------------- */
#left_content
{
position: absolute;
width: 4%;
top: 104px;
left: 0px;
border: solid orange 0px;
height: 1000px;
}
html>body #left_content
{
width: 4%; /* value for Netscape and to be nice to Opera */
height: 1000px;
}
/* end leftContent division ---------------------- */
/* begin rightContent division ---------------- */
#right_content
{
position: absolute;
width: 4%;
top: 104px;
right: 0px;
border: solid orange 0px;
height: 1000px;
}
html>body #right_content
{
width: 4%; /* value for Netscape and to be nice to Opera */
height: 1000px;
}
/* end right content division ---------------- */
/* begin main content division ---------------------- */
#content
{
position: relative;
width: 92%;
margin: 0 auto;
clear: left;
border: solid green 0px;
padding: 0% 1% 1% 1%;
overflow: auto;
}
/* This element is positioned relative to the content division */
#download_mp3
{
position: absolute;
width: 111px; height: 111px;
top: 256px;
left: 3%;
}
#movie_table
{
width: 480px;
height: 356px;
margin: 0 auto;
border: solid #8b8b8b 4px;
}
#movie_table-2
{
width: 560px;
height: 492px;
margin: 0 auto;
border: solid #8b8b8b 4px;
}
#welcome
{
color: rgb(33,33,33);
margin: 0 auto;
text-align: center;
font-size: 1.6em;
border: solid red 0px;
padding-top: 1em;
}
#content h1#lecture_title
{
margin-right: auto;
margin-left: auto;
color: rgb(33,33,33);
text-align: center;
font-size: 130%;
font-style: italic;
letter-spacing: .1em;
line-height: 1.0em;
border: solid red 0px;
}
#content img#speakers-photo
{
margin: 3% ;
border: 2px solid black;
}
#content h2#speaker
{
margin-right: auto;
margin-left: auto;
text-align: center;
border: solid green 0px;
font-size: 1.1em;
font-weight: bold;
color: rgb(33,33,33);
margin-top: -.2em;
padding-bottom: 1em;
}
.center
{
text-align: center;
}
.img_para_left {float: left; border: solid red 0px;}
.img_para_right {float: right; border: solid red 0px; padding: 2px;}
/* begin copy division division */
#copy
{
position: relative;
width: 84%;
margin-right: auto;
margin-left: auto;
border: solid purple 0px;
}
#copy_2
{
position: relative;
width: 84%;
margin-right: auto;
margin-left: auto;
border: solid purple 0px;
}
.index_p
{
margin-left: 6%;
margin-right: 6%;
}
.video_image
{
padding-right: 1em;
padding-top: 1em;
}
#section_title_video
{
margin-left: 12%;
margin-right: 12%;
font-size: 1.3em;
}
#unordered_list_of_videos
{
border: solid red 0px;
padding: 0;
margin-left: 14%;
margin-right: 14%;
list-style: none;
}
li span {padding-top: 1em; font-size: 1.05em ; font-style: italic; border: solid red 0px;}
#section_title_links
{
margin-left: 12%;
margin-right: 12%;
font-size: 1.3em;
}
.index_link
{
margin-left: 14%;
list-style-type: none;
}
#copy #copy_container h3#place_date
{
margin-left: 0px;
font-size: 1em;
font-style: italic;
font-weight: 100;
text-align: left;
border: solid yellow 0px;
}
.copy_ul
{
list-style-position: outside;
margin-left: 1.5em;
padding-left: 0px;
border: solid green 0px;
clear: both;
}
.copy_ul_first_li
{
list-style-type: none;
line-height: .1em;
}
/* begin two columns of text */
#copy_container
{
position: relative;
width: 98%;
margin-left: auto;
margin-right: auto;
font-size: 96%;
border: solid yellow 0px;
overflow: auto;
}
#copy_container_2
{
position: relative;
width: 98%;
margin-left: auto;
margin-right: auto;
font-size: 96%;
border: solid yellow 0px;
overflow: auto;
}
#copy_left_div
{
position: relative;
width: 48%;
margin-bottom: 2%;
float: left;
border: solid blue 0px;
}
#copy_left_div_2
{
position: relative;
width: 48%;
margin-bottom: 2%;
float: left;
border: solid blue 0px;
}
.copy_left_p
{
}
#copy_right_div
{
position: relative;
width: 48%;
margin-bottom: 2%;
float: right;
border: solid red 0px;
}
#copy_right_div_2
{
position: relative;
width: 48%;
margin-bottom: 2%;
float: right;
border: solid red 0px;
}
.copy_right_p
{
}
/* end two columns of text */
/* end copy division division *
/* end main content division --------------------- */
/* begin footer division */
#footer
{
position: relative;
width: 68%;
margin-left: 16%;
margin-bottom: 2%;
padding: 5px;
border: solid #8b8b8b 2px;
color: black;
font-size: small;
clear: both;
overflow: auto;
}
#footer p
{
margin-right: auto;
margin-left: auto;
border: solid red 0px;
text-align: center;
}
#footer img
{
border: solid red 0px;
}
#footer img#creative_commons_license
{
padding-top: .5em;
padding-bottom: 1em;
border: solid purple 0px;
}
#footer span#lecture_title_footer
{
text-decoration: underline;
}
#web_worker
{
color: rgb(63,38,25);
}
#footer .contact
{
border: solid green 0px;
line-height: 4em;
font-weight: bold;
}
/* end footer division */