﻿body{
background: #fff url("images/header2.gif") repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; max-height: 100%; 
}

#header {
line-height: 5px;
height: 90px;
width: 300px;
}

#header2 {
margin-top:10px;
line-height: 5px;
height: 90px;
width: 500px;
position: fixed; 
top: 0; 
left: auto;
right: 0; 

}

#header h1 {
padding-top: 20px;
padding-left: 11px;
font-size: 30px;
letter-spacing: -2px;
}
#header h1 a {
color: #002e78;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #002e78;
}
#header h2 {
padding-left: 11px;
font-size: 14px;
color: #002e78;
font-weight: 100;

}


#framecontentLeft{
margin-top:90px;
position: fixed; 
top: 0; 
left: 0; 
bottom: 0;
width: 300px; /*Width of left frame div*/
height: auto;
overflow: scroll; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #6699CC;
color: #002e78;
}

#framecontentRight{
margin-top:90px;
position: fixed; 
top: 0; 
left: auto;
right: 0; 
width: 200px; /*Width of right frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #6699CC;
color: #002e78;
}



#maincontent{
position: fixed; 
top: 90px; /*Set top value to HeightOfTopFrameDiv*/
left: 300px; /*Set left value to WidthOfLeftFrameDiv*/
right: 200px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
overflow: auto; 
background: #6699CC;
}


.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 120px 200px 0 300px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

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


#menu {margin-top:20px;}
#menu dl {width: 255px; margin: 0 auto; padding: 0 0 0px 0; background: #69c url("New_Folder/bottom.gif") no-repeat bottom left;}
#menu dt {margin:0; padding: 10px; font-size: 1.2em; font-weight:bold; color: #002e78; border-bottom:1px solid #fff; background: #69c url("New_Folder/top.gif") no-repeat top left;}
#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#gallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px;
background: #47a url("images/arrow.gif") no-repeat 10px 10px; width:230px;
}
#gallery a {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px;
background: #47a url("images/arrow.gif") no-repeat 10px 10px; width:230px;
}
#gallery a:hover {background: #258 url("images/arrowr.gif") no-repeat 10px 10px; color:#9cf;}

ol li {font-size:11px;}


.style1 {
    width: 90%;
	border-color: #ffffff;
	border-width: 0;
	background-color: #6699CC;
	color: #002e78;
	text-align: left;
	
}.style1 a:visited {
	color: #002e78;
}.style1 a:hover {
	color: #FF0000;
}
.style1 a {
	color: #002e78;
}

.style2 {
	text-align: center;
	font-weight:bold;
	
}
.style2 a {
	color: #002e78;
	text-decoration: none;
}
.style2 a:visited {
	color: #002e78;
}
.style2 a:active {
	color: #FFFFFF;
}
.style2 a:hover {
	color: #FFFFFF;
}

.style3 {
	border-color: #ffffff;
	border-width: 0;
	background-color: #6699CC;
}
.style4 {
	font-size: 10px;
}

.style4 a {
	color: #002e78;
}
.style4 a:visited {
	color: #002e78;
}
.style4 a:active {
	color: #FFFFFF;
}
.style4 a:hover {
	color: #FFFFFF;
}
.style5 {
    width: 90%;
	border-color: #ffffff;
	border-width: 2;
	background-color: #6699CC;
	color: #002e78;
	text-align: left;
	border: 1px solid #ffffff;
	
	

	
}.style5 a:visited {
	color: #002e78;
}.style5 a:hover {
	color: #FF0000;
}
.style5 a {
	color: #002e78;
}

