@charset "utf-8";
html, body  {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	background-color: #ffffff;
	width: 100%;
	}
html, body, p, th, td, li, dd, dt {
	font-family:Arial,Verdana,Sans-serif;
	font-size:12px;
	color: #2e5260;
	line-height: 1.4em;
	font-weight: normal;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	}
img {border:0;}

h1 { font-size: 2em; margin-bottom: .5em; margin-top: 0em;}
h2 { font-size: 1.6em; margin-bottom: .5em; margin-top: 0em;}
h3 { font-size: 1.4em; margin-bottom: .5em; }
h4 { font-size: 1.2em; padding:0; margin: 0 auto; text-transform:uppercase; letter-spacing:0px; font-weight:bold;}
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }
a:link { color: #1e39FF; text-decoration:none;}
a:visited { color: #1514CC; text-decoration:none;}
a:hover { color: #000000; text-decoration:underline;  }
a:active { color: #3333FF; text-decoration:none;  }



.myhead {
	background-image:url(images/head_back.gif);
	width: 980px;
	height:42px;
	background-color: #FFFFFF;
	}

.myfoot {
	background-image:url(images/foot_back.gif);
	width: 980px;
	padding-top:12px;
	padding-bottom:6px;
	}
.bot {background-color: #a6a7a8; width: 980px;}

.nav {background-color: #1f648b; width: 980px;}

.rtnav {padding: 0px 10px 0px 10px; margin:7px;}

.leftlinks, a.leftlinks:link, a.leftlinks:active, a.leftlinks:visited {
	font-size:11px;
	color: #1e395b;
	padding-left:10px;
	line-height: 1.4em;
	}

.leftlinks2, a.leftlinks2:link, a.leftlinks2:active, a.leftlinks2:visited {
	font-size:11px;
	color: #006600;
	padding-left:20px;
	line-height: 1.4em;
	}

.activelink, a.activelink:link, a.activelink:active, a.activelink:visited {
	font-size:11px;
	color: #FFFFFF;
	padding-left:10px;
	line-height: 1.4em;
	text-transform:uppercase;
	letter-spacing:0px;
	font-weight:bold;
	}

.activelink2, a.activelink2:link, a.activelink2:active, a.activelink2:visited {
	font-size:11px;
	color: #FFFFFF;
	padding-left:20px;
	line-height: 1.4em;
	text-transform:uppercase;
	letter-spacing:0px;
	font-weight:bold;
	}

.leftcats {
	font-size:14px;
	color: #006600;
	padding:10px 0px 5px 10px;
	font-weight:bold;
	letter-spacing:0px;
	}

.leftcats2 {
	font-size:14px;
	color: #006600;
	padding:0px 0px 5px 10px;
	font-weight:bold;
	letter-spacing:0px;
	}

.introtext {
	margin: 0px 0px 0px 207px; 
	padding: 15px 0px 10px 5px; 
	} 

.mainindent {
	width: 580px;
	margin: 0px 0px 0px 207px;
	padding-bottom:15px;
 
	} 


a.indexlink:link, a.indexlink:active, a.indexlink:visited{ 
	background-image:url(images2/arrow_green.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	padding-left:10px;
	color:#006600;
}

.indexlink, a.indexlink:hover{ 
	background-image:url(images2/arrow_white.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	color:#FFFFFF
}	
.indexheaderright {
	float: right;
	width: 177px; 
	text-align:left;
	padding: 15px 10px 15px 20px;
	}
.indexheaderflash { 
	margin: 0 207px; 
	padding: 0px; 
	}
.featurebox {
	width: 180px;
	float: left;
	margin-left: 10px
	}
.newfeatures {
	float: left;
	padding-left:15px;
	width:580px;
	}
.catcontent {
	float: right;
	width:100%;
	}
.newbox {
	width: 140px;
	height: 140px;
	float: left;
	padding-top: 10px;
	text-align: center;
	}
.imgbox {
	width: 155px;
	height: 155px;
	float: left;
	padding-top: 10px;
	text-align:center;}
.pbox {
	width: 150px;
	height: 250px;
	float: left;
	padding-top: 10px;
	padding-left:5px;
	text-align:left;
	}

.simbox {
	width: 162px;
	height: 155px;
	float: left;
	padding-top: 5px;
	text-align: center;
	}
.featurebox li {margin-left:0px; padding:0; margin-bottom:2px;}
.featurebox ul {margin: 0 auto; margin-left:15px; padding:15px; padding-left:15px; list-style-position: outside;}
.h4style { font-size: 13px; color: #1f648b; padding:0px; text-transform:uppercase; letter-spacing:0px; font-weight:bold;}
.single_outlined {
	width: 580px;
	background-image:url(images/feat_back.gif);
	float: left;
	}

.outline {
	border-left-style:solid;
	border-right-style:solid;
	border-width:1px;
	border-color: #bbbbbb;
	padding:5px;
	float:left;
	}

.double_noline {
	width: 478px;
	background: #ffffff;
	border: 0;
	padding:0px;
	margin: 0px 15px 10px 0px;
	float: left;
	}
.icon {
	padding: 0px 5px 0px 5px;
	}
	
.headernav {  
	padding: 0px;
	font-size:18px;
	overflow:hidden;	
	background-color: #b1d973;
	min-height:48px;
	height:48px;
	}  

.headernav p {
	margin: 0;
	padding: 10;
	letter-spacing: 0.1em;
	color:#FFFFFF;
	text-indent:20px;
	line-height:48px;
	}
	
.headernav a:hover{text-decoration: none; color:#ffffff;}



.small, .small a:link, .small a:visited, .small a:active {
	font-size:10px;
	line-height: 1.1em;
	font-weight:normal;
	text-decoration: none;
	}
.small a:hover {text-decoration: underline;}
	


.container { 
	padding: 1px 10px 0px 10px;
	text-align: left;
	}

.mainbody { 
	width: 100%;
	margin: 0 auto;
	text-align: left;
	}

.closebody { 
	width: 978px;
	background: #ffffff;
	}

.simbody { 
	width: 978px;
	background: #ffffff;
	margin-top: 15px;
	border-top-style:solid;
	border-width:2px;
	border-color: #dddddd;
	}

.bread {
	padding-left:5px;
	text-align: left;
	font-weight:bold;
	}


.sidebarleft {
	float: left; 
	width: 185px; 
	background-color: #1f648b;
	margin-top:10px;
	}
.sidebarright {
	float: right;
	width: 170px; 
	text-align:center;
	padding: 10px 0px 10px 0px;
	}
.mainContent { 
	padding: 0px 20px 0px 0px;
	float: right;
	} 

.pages_mainContent { 
	margin: 0 5px; 
	padding: 15px 10px 15px 20px; 
	} 
 



.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(images/crt.gif);
    background-repeat: no-repeat}
b.btop b{background-position: 100% -10px}
b.bbot{background-position: 0 -20px}
b.bbot b{background-position: 100% -30px}

b.ntop, b.ntop b, b.nbot, b.nbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(images/ncrt.gif);
    background-repeat: no-repeat}
b.ntop b{background-position: 100% -10px}
b.nbot{background-position: 0 -20px}
b.nbot b{background-position: 100% -30px}

b.ctop, b.ctop b, b.cbot, b.cbot b{
    display: block;height: 10px;font-size: 1px;
    background-image:url(images/wt.png);
    background-repeat: no-repeat}
b.ctop b{background-position: 100% -10px}
b.cbot{background-position: 0 -20px}
b.cbot b{background-position: 100% -30px}

.bluebuttons a:link, .bluebuttons a:visited, .bluebuttons a:active {text-decoration: none; background-color: #1f648b; padding: 2px 10px 2px 10px; margin: 2px 2px 4px 2px; border: 1px solid #bcbcbc; text-align:center; color: #FFFFFF; text-transform:uppercase; line-height:22px;}
.bluebuttons a:hover  { background-color: white; color: #000000;}

.joinbuttons a {text-decoration: none; background-color: #dddddd; padding: 2px 10px 2px 10px; margin: 2px 2px 4px 2px; border: 1px solid #bcbcbc; text-align:center; color: #000000; text-transform:uppercase; line-height:22px;}
.joinbuttons a:hover  { background-color: white; color: #000000;}

.searchbutton {border: 1px solid #006; background-color: #1f648b; text-transform:uppercase; font-size:10px; color:#FFFFFF;}
.searchbutton:hover {background-color:#FFFFFF; color:#000000}

input {border: 1px solid #222222; background-color: #FFFFFF; font-size:11px; color:#000000;}
select {background-color: #FFFFFF; font-size:11px; color:#000000; width:170px;}


.back a {
display: inline-block;
vertical-align:text-top;
width: 16px;
height: 16px;
background: transparent url(images/back.gif) no-repeat;
}

.back a:hover {
background-position: -16px 0;
} 

.first a {
display: inline-block;
vertical-align:text-top;
width: 16px;
height: 16px;
background: transparent url(images/first.gif) no-repeat;
}

.first a:hover {
background-position: -16px 0;
} 

.last a {
display: inline-block;
vertical-align:text-top;
width: 16px;
height: 16px;
background: transparent url(images/last.gif) no-repeat;
}

.last a:hover {
background-position: -16px 0;
} 

.next a {
display: inline-block;
vertical-align:text-top;
width: 16px;
height: 16px;
background: transparent url(images/next.gif) no-repeat;
}

.next a:hover {
background-position: -16px 0;
} 

a.orbutt {
display: block;
text-align:center;
width: 195px;
height: 70px;
float:right;
padding-top:10px;
color:#FF6666;
text-decoration: none;
background:url(images/orange_button.jpg) no-repeat 0px 0px;
}

a.orbutt:hover {
color:#33FF33;
text-decoration: none;
background:url(images/orange_button.jpg) no-repeat 0px -70px;
}

a.blbutt {
display: block;
text-align:center;
width: 195px;
height: 70px;
padding-top:10px;
color:#FF6666;
text-decoration: none;
background:url(images/blue_button.jpg) no-repeat 0px 0px;
}

a.blbutt:hover {
color:#33FF33;
text-decoration: none;
background:url(images/blue_button.jpg) no-repeat 0px -70px;
}

a.tooltip {
	padding: 0px 0px 0px 0px;
		
	text-align: center;

	font-size: 10px;
	font-weight: bold;
	color: #FFF;
}

a.tooltip:hover {background:#ffffff; text-decoration:none; color: #555;}
a.tooltip span {display:none; padding:2px 3px; margin-top:20px; width:70px; text-align:left;}
a.tooltip:hover span{display:inline; position:absolute; background:#eeeeff; border:1px solid #cccccc; color:#2e5260; text-decoration:none;}

  /* RULES FOR IMAGE PREVIEW, NOT REQUIRED: */
            #imgPreviewWithStyles,
            #imgPreviewWithStyles2,
            #imgPreviewWithStyles3 {
               background: #222 url(images/loading.gif) no-repeat center;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                padding: 4px;
                z-index: 999;
                border: none;
            }
            #imgPreviewWithStyles span,
            #imgPreviewWithStyles2 span,
            #imgPreviewWithStyles3 span {
                color: white;
                font-size: 1em;
                text-align: center;
                display: block;
                padding: 10px 0 3px 0;
            }
            
            .loading {
                height: 32px;
                width: 32px;
            }


            /* RULES FOR IMAGE PREVIEW, NOT REQUIRED: */
            #imgPreview {border-style:solid; width:400px; height:300px; border-color: #222; padding:0 margin:0},
            #imgPreview2 ,
            #imgPreview3 {}
            #imgPreview span,
            #imgPreview2 span,
            #imgPreview3 span {
                color: black;
                font-size: 1em;
                text-align: center;
                display: block;
                padding: 10px 0 3px 0;
            }

            .loading {
                height: 32px;
                width: 32px;
            }


 /* RULES FOR IMAGE PREVIEW, NOT REQUIRED: */
            #hdPreview {
                border-style:solid; 
                width:400px; 
                height:225px; 
                border-color: #222; 
                padding:0;
                margin:0;},
            #hdPreview2 {},
            #hdPreview3 {}
            #hdPreview span,
            #hdPreview2 span,
            #hdPreview3 span {
                color: black;
                font-size: 1em;
                text-align: center;
                display: block;
                padding: 0px 0 0px 0;
            }