﻿/*
Involving Pictures
Main stylesheet

22 June 2007
Chris Evans
*/

/*++ General */
body {
    font: 75%/1.65em Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    background: #ececec url(../images/body_bg2.gif) no-repeat center top;
    color: #000;
}

a { color: #0066cc; text-decoration: none; }
a:visited {}
a:hover { text-decoration: underline; }

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }

h1 {
    font-size: 200%;
    line-height: 1.25em;
    margin: 0 0 .75em 0;
    color:#0066cc; 
}

h2 {
    font-size: 100%;
    font-weight: normal; 
    line-height: 1.25em;
    margin: 0 0 .25em 0;
    color:#0066cc; 
}

h3 {
    font-size: 100%;   
    line-height: 1.25em;
    color:#000;
}

p { margin: 0 0 1.33em 0;}

img { border: none; }
img { behavior: url(iepngfix.htc); }

ul.navigation,
ul.linkList 
{
    margin: 0;
    padding: 0;
    list-style: none;
}

/*++ Layout */
div#page {
    width: 774px;
    margin:0 auto;   
}

div#header { }

div#content { }

div#footer { }


/*++ Appearance */
div#page { position: relative; }
div#page img.mainLogo { position: absolute; right:0; top:425px; width: 197px; height: 169px; }


/*++ Header */
div#header { 
    text-align: right;
    padding-top: 10px;
}

div#header ul.navigation { 
    display: inline;
    float: right;
}
div#header ul.navigation li { 
    display: block; 
    float:left;  
    padding:0;  
}
div#header ul.navigation li a { 
    text-decoration: none; 
    color:#000; 
    display: block;
    padding: .85em 1.2em .85em 1.2em;  
    background: transparent url(../images/mainmenu_sep.gif) no-repeat right 1.25em;   
}
     
div#header ul.navigation li.lastNode a { background: none; }
     
div#header ul.navigation li a:hover { color: #0066cc; }
div#header ul.navigation li.selected a,
div#header ul.navigation li.childSelected a { color: #0066cc; font-weight: bold; }

/*++ Content area main layout */ 
div#content { 
    width: 460px;
    height: 440px;
    margin: 40px 0 0 110px;
    padding:0; 
    overflow: auto;
}

p.final { margin:0; padding:0; }

p.tagline { font-weight: bold; }

dl dt { font-weight: bold; width: 40%; display: block; float: left; margin: 0 0 1em 0; clear: left; }
dl dd { width: 50%; display: block; float: left; margin: 0 0 1em 0;}

/*++ Footer */
div#footer {
    padding: 1em 0 1em 0;
    margin: 30px 0 3em 0;
    text-align: center;
    font-size: 90%;
}

div#footer p { padding: 0 0 0 26px; margin:0; }


/*++ Helper Styles */
.fc:after, .formRow:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.fc, .formRow
{
    height: 1%;  
    display: block; 
}

