html, body {height: 100%; max-height: 100%;}

body {background: #1e5775 url(''); margin: 0px; padding: 0px; font-family: Arial; color: #fff; font-size:14px; overflow: hidden;}

a:link {color: #1D5774; text-decoration: none; font-weight: bold;}
a:active {color: #1D5774; text-decoration: none; font-weight: bold;}
a:visited {color: #1D5774; text-decoration: none; font-weight: bold;}
a:hover {color: #1D5774; text-decoration: underline; font-weight: bold;}

.clear {clear: both;}

#framecontentTop, #framecontentBottom{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 60px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: url('Images/top_background.jpg') repeat-x;
color: white;
padding: 0px;
text-align: right;
}

#left_bar {float: left; width: 160px; background: #1e5775; height: 100%; padding-top: 73px; text-align: center;}
.left_button {display: table; width: 100%; text-align: center; margin-bottom: -8px;}
.left_button img {border: 0px;}

#framecontentTop img {border: 0px;}

.left_button {display: inline;}

#framecontentBottom{
top: auto;
bottom: 0; 
height: 40px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: url('Images/bottom_background.jpg') repeat-x;
color: white;
font-size: 0.7em;
}

#framecontentBottom a:link {color: #fff; text-decoration: none; font-weight: bold;}
#framecontentBottom a:active {color: #fff; text-decoration: none;}
#framecontentBottom a:visited {color: #fff; text-decoration: none;}
#framecontentBottom a:hover {color: #fff; text-decoration: underline;}

#inner_left {width: 150px; position: absolute; top: 60px; bottom: 70px; left: 160px; display: block; height: auto; padding: 10px; padding-top: 19px; background: #329BBB url('Images/top_left_corner.gif') no-repeat; color: white; z-index: 2; overflow: visible;}
#inner_left_bottom {width: 150px; position: absolute; bottom: 40px; height: 30px; left: 160px; display: block; padding: 10px; background: #329BBB url('Images/bottom_left_corner.gif') no-repeat bottom left; color: white; z-index: 2; overflow: visible;}

#maincontent{
position: fixed; 
top: 60px; /*Set top value to HeightOfTopFrameDiv*/
left: 325px;
right: 0;
bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto;
overflow-x: hidden;
background: #fff;
color: #000000;
padding: 15px;
}

#maincontent h1 {font-size: 1.4em; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 5px; font-family:"Arial"; color:#006597;}
#maincontent h2 {font-size: 1.2em; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 4px; font-family:"Arial"; color:#006597;}
#maincontent h3 {font-size: 1.0em; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 3px; font-family:"Arial"; color:#006597;}
#maincontent h4 {font-size: 1.0em; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 2px; font-family:"Arial"; color:#006597;}

#maincontent ul {list-style-image: url(Images/small_arrow.png); margin: 0px; padding: 0px; margin-left: 20px;}
#maincontent ul li {padding: 0px 1px 2px 3px;}

#maincontent img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #1D5774;
}

.innertube{
margin: 8px 10px 20px 10px;
padding-left: 0px;
padding-right: 0px;
overflow: hidden;
}

.innertube input {text-transform: uppercase;}
.innertube textarea {text-transform: uppercase;}
.innertube .nouppercase {text-transform:none;}

.split_holder{
display: block;
margin: 10px 0px 0px 10px;
padding-left: 0px;
padding-right: 0px;
overflow: hidden;
}
.inner_left{
margin-right: 20px;
float: left;
background: #e2f2ff;
padding: 10px;
font-size: 0.9em;
border:1px solid #329bbb;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
}
.inner_right {
width: auto;
overflow: hidden;
left: 200px;
background: #e2f2ff;
margin-left: 10px;
padding: 10px;
font-size: 0.9em;
border:1px solid #329bbb;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
}

* html body{ /*IE6 hack*/
padding: 130px 0 110px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

.posted {font-size: 0.8em; font-style: italic;}

.bottom_left {width: 48%; float: left; overflow: hidden; text-align: left; margin: 8px;}
.bottom_right {width: 48%; float: right; overflow: hidden; text-align: right; margin: 5px;}

.scroll_pic {font-size:12px; line-height: 1.2em; margin: 0px; padding: 5px 11px; text-align: left; width:370px;}

.button {margin-top: 10px; margin-bottom: 10px; text-transform: none;}

.input_box {float: left; text-transform: none;}

.drop-shadow {
position:relative;
float:left;
width:40%;    
padding:1em; 
margin:2em 10px 4em; 
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
content:"";
position:absolute; 
z-index:-2;
}

.lifted {
    -moz-border-radius:4px; 
         border-radius:4px;
}

.lifted:before,
.lifted:after { 
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);    
       -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);   
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.lifted:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
       -moz-transform:rotate(3deg);  
        -ms-transform:rotate(3deg);  
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}