/* DEFAULTS
----------------------------------------------------------*/

body
{
    background: #CDF5E7;
    font-size: 12px;
    font-family: Verdana;
    margin: 0px;
    padding: 0px;
    color: #000000;

}
 .st
        {
            width: 100%;
            border:1;
            border-collapse:collapse;
            border-width:thin;
            border-color:Black;
        }
table.st tr
{
    color: Black;
    background-color: transparent;
    border-bottom-width:thick;
    border-bottom-color:Aqua;
    border-bottom-style:solid;
    height:60px;
}
.table
{
    background-color: transparent; border-color: White; border-width: 2px; border-style: ridge;border-radius:10px;margin:10px;
}
.tr
{
    color: Black; background-color: transparent;
    
}
table.table tr
{
    color: Black;
    background-color: transparent;
}
    table.table td
{
    padding: -1px 1px -1px 1px;
}
.modalBackground
{
    background-color: #666699;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup
{
    border-style: groove;
    border-width: thin;
    border-color: #000000 #FFFFFF #FFFFFF #FFFFFF;
    background-color: #CCFFCC;
    padding: 3px;
    width: 250px;
    z-index: 900;
}
.autolist
{
    overflow: auto;
    height: 200px;
    list-style-type: none;
    font-size: 11px;
    color: #000;
    padding: 3px 5px;
    background: #CCFFFF;
    float: left;
    z-index: 1;
    position: relative;
    margin-left: -1px;
    margin-top: -2px;
    text-align: left;
}
.autolisthighlight
{
             color: #000099;
    padding: 5px 5px 5px;
    border-bottom:1px solid #0000ff;
    border-left:1px solid #0000ff;
    border-right:1px solid #0000ff;
text-align:left;
    background: #fff;
    font-family:Verdana;
    font-weight:bold;
    font-size:smaller;
    cursor:pointer;
    border-collapse:collapse;
    
}
.autolistitem
{
    font-size: 11px;
    color: #000066;
    padding: 3px 5px;
    background: #FFFFCC;
    cursor: pointer;
    border-bottom: 1px solid #0000ff;
    font-family: Verdana;
    font-weight: bold;
    font-size: smaller;
    text-align: left;
}
.lb
{
    font-weight: bold;
    color: #800000;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #CC0000;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
    padding-left:35%;
}
.smalllinkbutton
{
    font-size: 9px;
    color: #CC0000;
    text-decoration: none;
    font-weight: bolder;
}
.smalllinkbuttonf
{
    font-size: 9px;
    color: #800000;
    text-decoration: none;
    font-weight: bolder;
}
.smalllinkbuttonfd
{
    font-size: 9px;
    color: #CCCCCC;
    text-decoration: none;
    font-weight: bolder;
}
.smalllinkbutton:hover
{
    font-size: 10px;
    color: #800000;
    text-decoration: none;
    font-weight: 900;
    cursor:pointer;
}

.clear { clear: both;}
 
.containerHead 
{   
    width:100%;
    background-color: #0099CC;
    clear:both;
    vertical-align: middle;
    text-align: left;    
    height:25px;
    border-top: 1px solid #800080;
    border-bottom: 1px solid #800080;
    }
#leftcolumn { width: 300px; border: 0px solid red; float: left}
#rightcolumn { width: 250px; color:White; padding-top:4px; border: 0px solid red; float: right; padding-right:10px;}
#rightcolumn a{text-decoration:none; color:White;}
#rightcolumn a:hover {text-decoration:underline; font-size:13px; font-weight:bold; background-color:Red;}
.txt
{
    background-color: #FFFFFF;
    border-style: solid;
    border-width: thin thin thin thin;
    border-color: #006600 #006600 #006600 #006600;
    margin-top: 5px;
    margin-left: 6px;
    margin-right: 6px;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color:Black;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 100%;
    min-height: 800px;
    text-align: left;
    position:absolute;
}

.header
{
    position: relative;
    background: #BBCAE9;
    width: 100%;
    height:114px;
    top: 0px;
    left: 0px;
}
div.hideSkiplink
{
    
}
.header h1
{
    font-weight: 700;
    padding-left: 0%;
    margin-top:-100px;
    color: #800000;
    border: none;
    line-height: 1em;
    font-size: 3em;
}
.header h2
{
    font-weight: 700;
    padding-left: 15%;
    margin-top: 2px;
    color: #FFCC00;
    border: none;
    line-height: 1em;
    font-size: 2em;
    text-shadow: #800080 -2px 4px  ,#800080 -2px 4px;
}

.main
{
    padding: 0px 12px;
    margin-top:40px;
    min-height: 400px;
    clear:both;
}
.logo
{
    float:left;
    margin-left:20%;
    margin-top:10px;
}
.logoright
{
    float:left;
    margin-right:20%;
    margin-top:10px;
    float:right;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    text-align: center;
    line-height: normal;
    clear:both;
    margin-top:5%;
}
.main-title
{
    text-align: center;
    font-size: large;
    font-weight: bold;
    margin-bottom:10px;
    
}


/* TAB MENU   
----------------------------------------------------------*/


.btn
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
    
}
.btnsmall
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
    font-size: 10px;
    margin:2px;
}
.btnred
{
    background-color: #FF0000;
    border: 1px #4e667d solid;
    color: #dde4ec;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
}
.btn:hover{background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;}
    .btnred:hover{background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;}



/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}



.loginDisplay a:link
{
    color: black;
}

.loginDisplay a:visited
{
    color: black;
}

.loginDisplay a:hover
{
    color: red;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.linkbutton a
{
   color: white
}
.heading
{
    margin: 5px;
    vertical-align: middle;
    text-align: center;

    color: #800000;
    font-weight: 600;
}
.lightheading
{
    margin: 5px;
    vertical-align: middle;
    text-align: center;

    color: #800000;
    font-weight: 500;
}
.linkbutton
{
    margin: 5px;
    vertical-align: middle;
    text-align: center;
   border: 1px solid rgb(0, 0, 0); color: white; background: none repeat scroll 0% 0% rgb(114, 132, 168);  width: 350px;
}
.linkbuttonhover
{
    border: thin solid #0000FF;
    padding: 5px;
    margin: 5px;
    color: #000080;
    vertical-align: middle;
    text-align: center;
    background-color: #33CCFF;
    font-weight: bold;
    width: 350px;
    height: 20px;
}



a, a:hover, a:active, a:focus {
	outline:0; 
	direction:ltr;
}
 
.wrapper {
	position:relative; height:25px;
	vertical-align:middle;
}
	
.mainmenu {
	position:absolute; 
	z-index:100;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:90%;
	line-height:25px;
}

ul.menu {
	padding:0; 
	margin:0; 
	list-style:none; 
	overflow:hidden; 
	float:left; 
	margin-right:2px;
    vertical-align:middle;
}

ul.menu a {
	background:#369;
	text-decoration:none; 
	color:#fff; 
	padding-left:5px;
}
 
ul.menu li.list {
float:left;
width:250px;
margin:-32767px -125px 0px 0px;
background:url(../images/top1.png) no-repeat left bottom;
}

ul.menu li.list a.category {
position:relative;
z-index:50;
display:block;
float:left;
width:120px;
margin-top:32767px;
background:transparent;
}

ul.menu li.list a.category:hover,
ul.menu li.list a.category:focus,
ul.menu li.list a.category:active {
	margin-right:1px;
	background-image:url(../images/tophover1.png);
	background-repeat:no-repeat;
	background-position:left top;

}

ul.submenu {
	float:left; 
	padding:25px 0px 0px 0px; 
	margin:0; 
	list-style:none; 
	background-image:url(../images/tophover1.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:-25px 0px 0px 0px;
	}
	
ul.submenu li a {
float:left;
width:120px;
background:#369;
clear:left;
color:#fff;
}

ul.submenu li a.endlist {
	background:url(../images/bottom1.png);
}
 
ul.submenu li a.endlist:hover,
ul.submenu li a.endlist:focus,
ul.submenu li a.endlist:active {
background:url(../images/bottomhover1.png);
}
 
ul.submenu a:hover,
ul.submenu a:focus,
ul.submenu a:active {
background:#900;
margin-right:1px;
color:#fff;
}