/********************** GLOBAL CSS DEFINITIONS ************************/
body {
background-color: #B3B3B3;
background-image: url(/imgs/camera_background.gif);
font-family: arial,helvetica,sans-serif;
font-size: 100.01%;
}

img { 
border: none;
}

a:link, a:visited{ 
color: darkblue;
}
a:hover{ 
color: orange;
}

#main {
width: 100.01%;
}

#footer_nav { 
padding-top: 2em;
text-align: right;
padding-right: 0.20%;
}
#footer_nav a { 
color: firebrick;
text-decoration: none;
}
#footer_nav a:hover { 
color: firebrick;
font-weight: bold;
}

#nav-top { 
text-align: right;
}
#nav-top a { 
color: firebrick;
text-decoration: none;
}
#nav-top a:hover { 
color: firebrick;
font-weight: bold;
}


.title1 { 
font-size: 200.01%;
text-align: center;
font-weight: bold;
}
.title2 { 
font-size: 150.01%;
text-align: center;
font-weight: bold;
}
.title3 { 
font-size: 120.01%;
text-align: center;
font-weight: bold;
}
.title4 { 
font-size: 100.01%;
font-weight: bold;
text-align: center;
}

.footnote1 {
font-size: 90.01%;
font-family: arial;
font-weight: bold;
}

.para_left { 
text-align: left;
}
.para_just {
text-align: justify;
}
.para_cent {
text-align: center;
}
.para_right {
text-align: right;  
}
.para_exhib_even {
text-align: justify;
background-color: lightblue;
padding : 10px;
}
.para_exhib_odd {
text-align: justify;
background-color: salmon;
padding : 10px;
}

ul { 
text-align: left;
}

.hilite-white { 
color: white;
font-weight: bold;
}
.hilite-red { 
color: red;
font-weight: bold;
padding-left: 0.1em;
padding-bottom: 0.1em;
}


.para_exhibition {
background-color: gray;
width: 600px;
padding: 1em;
color: white;
}

/*********************** HEADER CSS DEFINITIONS ****************************/
#def_header {
width: 100%;
height: auto;
}
.header_table {
width: 100%;
text-align: center;
}
.header_leftsection{ 
width: 50%;
text-align: left;
color: gray;
font-size: 100.01%;
font-weight: bold;
}
a:link.link_header, a:visited.link_header{ 
color: gray;
text-decoration: none;
}
a:hover.link1{ 
color: orange;
text-decoration: underline;
}

.header_midsection {
text-align: center;
font-size: 100.01%;
font-weight: bold;
text-decoration: underline;
width: 40%;
}
.header_rightsection {
text-align: right;
width: 10%;
}


/*********************** LEFTSIDE CSS DEFINITIONS ********************************/
#def_leftside {
background-image: url(/imgs/filmstrip.jpg);
width: 180px;
height: auto;
padding-top: 15px;
padding-bottom: 10px;
}
.leftside_introtext { 
font-size: 100.01%;
color: orange;
text-decoration: underline;
line-height: 1.2em;
}
a:link.link_menu, a:visited.link_menu { 
color: lightyellow;
text-decoration: none;
line-height: 0.8em;
font-size: 90.01%;
}
a:hover.link_menu { 
color: lightblue;
line-height: 0.8em;
font-size: 90.01%;
}
a.ilink_menu { 
color: lightblue;
text-align: center;
font-size: 90.01%;
text-decoration: none;
}
a:hover.ilink_menu { 
color: orange;
text-align: center;
font-size: 90.01%;
text-decoration: none;
}
a:link.link_menu1, a:visited.link_menu1 { 
color: lightgreen;
text-decoration: none;
line-height: 0.8em;
font-size: 90.01%;
}
a:hover.link_menu1 { 
color: lightblue;
line-height: 0.8em;
font-size: 90.01%;
}
a:link.link_menu2, a:visited.link_menu2 { 
color: red;
text-decoration: none;
line-height: 0.8em;
font-size: 90.01%;
}
a:hover.link_menu2 { 
color: lightblue;
line-height: 0.8em;
font-size: 90.01%;
}
a:link.ilink_menu1, a:visited.ilink_menu1, a:link.ilink_menu2, a:visited.ilink_menu2 { 
color: lightblue;
text-align: center;
font-size: 90.01%;
text-decoration: none;
}
a:hover.ilink_menu1,a:hover.ilink_menu2 { 
color: orange;
text-align: center;
font-size: 90.01%;
text-decoration: none;
}

/************************* Popup Menu Style *******************************/
.popmenu_back{
background-color: silver;
width: 150px;
}

.popmenu td{
background-color: gray;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}

a:link.link_popmenu, a:visited.link_popmenu {
color: lightyellow;
text-decoration: none;
line-height: 1.0em;
font-size: 90.01%;
}

a:hover.link_popmenu {
color: lightblue;
text-decoration: none;
line-height: 1.0em;
font-size: 90.01%;
}

a:link.plink_menu, a:visited.plink_menu { 
color: lightyellow;
text-decoration: none;
line-height: 0.8em;
font-size: 90.01%;
}
a:hover.plink_menu { 
color: lightblue;
line-height: 0.8em;
font-size: 90.01%;
}

a:link.plink_menu_extra, a:visited.plink_menu_extra { 
color: lightyellow;
font-weight: bold;
text-decoration: none;
line-height: 0.8em;
font-size: 95.01%;
}
a:hover.plink_menu_extra { 
color: lightblue;
font-weight: bold;
line-height: 0.8em;
font-size: 95.01%;
}


/*************************** FOOTER CSS DEFINITIONS ***********************************/
#def_footer {
width: 100%;
height: auto;
margin-top: 10px;
}
.footer_table {
width: 100%;
text-align: center;
}
.footer_leftsection { 
width: 20%;
font-size: 60.01%;
font-weight: bold;
color: gray;
text-align: left;
}
.footer_midsection { 
width: 60%;
text-align: center;
font-size: 80.01%;
}
.footer_rightsection { 
width: 20%;
text-align: right;
font-size: 70.01%;
}

/********************************* CONTENT CSS DEFINITIONS ***********************************/
#def_content { 
width: 800px;
height: auto;
}

.multicol-2intro-column1{ 
width: 500px;
font-size: 200.01%;
font-weight: bold;
text-align: center;
}

.hilite-small{ 
font-size: 50.01%;
text-align: center;
}

/********************************* PANEL CSS DEFINITIONS ***********************************/
#panel { 
width: 800px;
border: 10px solid gray;
background-color: gray;
}
#panel td { 
background-color: silver;
padding-top: 5px;
padding-bottom: 5px;
}
.panel-caption { 
font-size: 120.01%;
text-align: center;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
.panel-comments { 
text-align: center;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
.panel-col1, .panel-col2, .panel-col3, .panel-col4, .panel-col5, .panel-col6 {
vertical-align: middle;
text-align: center;
}
.panel-col1 a, .panel-col2 a, .panel-col3 a, .panel-col4 a, .panel-col5 a, .panel-col6 a {
text-decoration: none;
}
/******************************** PICTURE FRAME DEFINITIONS *********************************/
#def_picture {  /*** main popup picture frame ***/
height: 750px;
background-color: black;
vertical-align: middle;
border: 5px solid gray;
}
#picture {  /*** selected picture within frame ***/
text-align: center;
vertical-align: middle;
padding-left: 10px;
padding-top: 50px;
}
#top_title, #right_title {  /*** picture title text ***/
font-size: 120.01%;
color: white;
}
#td_image {  /*** holding area for selected picture ***/
padding-top: 10px;
}
#td_right {  /*** holding area for rightside details ***/
text-align: left;
padding-left: 10px;
}
#top_owner, #right_owner {  /*** picture owner text ***/
font-size: 100.01%;
color: white;
}
#prev_link, #next_link {   /*** individual holding area for navigation links ***/
width: 70px;
}
#close_link {   /*** holding area for close link ***/
width: 100px;
text-align: right;
}
#show_nav{   /*** main block holding navigation links ***/ 
float: right;
height: 30px;
}
#show_nav a {  /*** customise navigation links ***/
color: silver;
text-decoration: none;
}
#show_nav a:hover {  /*** customise navigation links on mouse over ***/
color: orange;
text-decoration: none;
font-weight: bold;
}