.glowingtabs{
float:left;
width:100%;
font-size: 14px;
line-height:normal;
border-bottom: 1px solid #000040; /*Add border strip to bottom of menu*/
}

.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 250px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background:url(../media/glowtab-left.gif) no-repeat left top; 
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.glowingtabs a span{
float:left;
display:block;
background:url(../media/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

.glowingtabs li.selected a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs li.selected a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.glowingtabs a:hover, .glowingtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span, .glowingtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}


/* ######### Style for Drop Down Menu ######### */
.dropmenudiv_d{
position:absolute;
top: 0;
border: 1px solid #000040; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}

.dropmenudiv_d a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #000040; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}


* html .dropmenudiv_d a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_d a:hover{ /*THEME CHANGE HERE*/
background-color: #BEC6FC;
}

ul
{
    list-style-type:none;
    
} 



#head-container
{
	color: #000;
    position:absolute;
 
}
.logo 
{
position:relative;
width:150px;
height:100px;
margin:5px;
}

#header
{
	margin: 0 auto;
    font-family:sans-serif; Calibri;
    font-size:40px;
    text-align:center;
    color:#022679;
	width:650px;
	background: #FFFFFF;
    position:relative;
     
}

#header h1 
{ 
     margin: 0 auto;
    
}
.topright 
{
  background: #FFFFFF;
  width: 15%;
  position:absolute;
  height: 10%;
  margin: 0%;
  right: 0%;
  top: 0%;
}      

#content-container
{
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */

}
.laineoikea 
{
    right:0px;
    clear:left;
    margin:0px;
    width:auto;
    height:550px;
    background-image:url(media/laine2.jpg);
    background-repeat:repeat-x;
    float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
 }

      
#content-container2
{
    float:left;
	width:50%;			/* width of page */
	position:relative;
	margin: 0 auto;
	height:auto;
    background: #dcdcdc repeat-y 200% 0;     
}


#content-container3
{

    clear:none;
    width: 850px;
    height: auto;
	background: #dcdcdc;
    float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

#content
{
    clear: left;
	float: left;
   	width: 450px;
    height:490px;
	padding: 20px 0;
	margin: 0 0 0 30px;
	display: inline;
    position:relative;  
}

#content h2 { margin: 0; }

#aside
{
    float: right;
	width: 240px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;
    text-align:left;
}

#aside h3 
{  
   margin: 0; 
} 
   

  
#footer-container
{
	clear: left;
	color: #fff;
	background: #BEC6FC;
    width: auto;
}

#footer
{
	margin: 0 auto;
	width: 1035px;
	text-align: center;
	padding: 20px;
	height: 1%;
}

body {
    text-align:left;
}
#fixed {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
    width:90%;
    text-align:left;
}



#myreel{ /*sample CSS for demo*/
border:5px solid blue;
}

.paginate{
width: 330px;
margin-top:5px;
font:bold 13px Arial;
text-align:center;
}




