﻿body
{
	/*background-image: url('Images/bg.png');
	background-repeat: repeat;*/
	background-color: #6182a3;
	font-family: Arial;
	font-size: 10pt;
	color: #282828;
	line-height: 1.25;
}

a
{
	color: #57a6da;
	text-decoration: none;
	font-weight: bold;
}

strong
{
	font-weight: bold;
}

.bottomarea
{
    background-image: url('images/acc_foot.jpg');
    color: White;
    background-repeat: repeat-x;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

.sm
{
    font-size:10px;
}

.style1
{
    color: #3366CC;
    font-weight: bold;
}

.style2
{
    color: #3366CC;
}

.container
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
}

.leftCol
{
	left: 0%;
	top: 0%;
	height: 100%;
	float: left;
}

.rightCol
{
	right: 0%;
	top: 0%;
	height: 100%;
	float: right;
}

.head
{
	width: 1024px;
	height: 150px;
	margin: auto;
	background-color: #336699;
	vertical-align: top;
	overflow: hidden;
}

.nav
{
	width: 1024px;
	height: 40px;
	margin: auto;
	background-color:#3D6DA8;
	border-bottom: 4px #BEBEBE solid;
}

.content
{
	background-color: #FFFFFE;
	width: 1020px;
	margin: auto;
	border-left: solid 2px #336699;
	border-right: solid 2px #336699;
}

.innerContent
{
	padding: 35px 35px 35px 35px;
	text-align: left;
	text-indent: 0px;
}

.contentLeft
{
	float: left;
	width: 38%;
}

.contentRight
{
	float: right;
	width: 60%;
	line-height: 2em;
}

.footer
{
	width: 1024px;
	height: 50px;
	margin: auto;
	padding: 0 0 0 0;
	background-color: #336699;
	background-image: url('Images/acc_foot.jpg');
	border-top: 4px #BEBEBE solid;
}

.floatwrapper
{
	margin: 15px 0px 15px 0px;
}

.floatboxTop
{
	position: relative;
	background-image: url('Images/fbtop.gif');
	width: 300px;
	height: 30px;
}

.floatbox
{
	position: relative;
	width: 300px;
	background-color: #cccccc;
	color:#333333;
	font-size: 1em;
}

.floatboxBottom
{
	position: relative;
	background-image: url('Images/fbbottom.gif');
	width: 300px;
	height: 30px;
}

.menulist
{
	display: block;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	position: relative;
	
}
	.menulist li
	{
		list-style: none;
		margin: 2px 2px 2px 2px;
		padding: 2px 2px 2px 2px;
	}
	.menulist, li:first-child
	{
		border-top: 0px;
	}
	
	.menulist li a
	{
		font-size: 1 em;
		font-weight: bold;
		width: 100px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}
	
	.menulist li a:hover
	{
		color:#FFFFFF;
	}
	
.imagelist
{
	display: block;
	overflow: auto;
	padding: 0 10px 0 10px;
	margin: 0 0 0 0;
	position: relative;
	
}
	.imagelist ul
	{
		float: left
	}
	.imagelist li
	{
		list-style: none;
		margin: 2px 2px 2px 2px;
		padding: 2px 2px 2px 2px;
	}
	
	.imagelist li a
	{
		font-size: .75em;
		font-weight: bold;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
	}
	
	.imagelist li a:link
	{
		color: inherit;
	}
	
.pageList
{
}
	.pageList ul
	{
		list-style-image: url('Images/acc_logosm.gif');
		list-style-position: inside;
		list-style-type: none;
	}
	.pageList li
	{
		font-size: 1.25 em;
	}
	
#bigPic
{
	position: absolute;
	padding: 5px 5px 5px 5px;
	background-color: Silver;
	border: solid 1px white;
}

/*Modal PopUp*/
#modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 500px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    background-color: #CCCCCC;
    border: solid 4px #663300; position: relative;
    top: -250px;
    left: -250px;
    z-index: 1000;
    width: 500px;
    height: 500px;
    padding: 0px;
}
.modalTop
{
    width: 492px;
    background-color: #336699;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 10px;
}
/*End*/

/*LavaLamp Classes*/
.lavaLampWithImage {
            position: relative;
            width:auto;
            background-color: #3D6DA8;
            overflow: hidden;
            padding: 2px 0 2px 2px;
            margin: 0 0 2px 2px;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back 
                    {
                    	background: url('Images/lavabg.gif') no-repeat right -30px;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampWithImage li.back .left {
                            background: url("Images/lavabg.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #333333;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }                    

/*End*/

.accTable
{
	border-collapse: collapse;
	border-spacing: 15px;
	empty-cells: hide;
	caption-side: top;
	table-layout: auto;
	margin: 20px 10px 20px 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

.accTable td, th
{
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
	font-size: 1.25 em;
}

.spiffyacc{display:block}
.spiffyacc *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#dddddd}
.spiffyacc1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
  background:#e5e5e5}
.spiffyacc2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#e3e3e3}
.spiffyacc3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;}
.spiffyacc4{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.spiffyacc5{
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5}
.spiffyaccfg{
  background:#dddddd}
