﻿#wrapper
{
    position: relative;
    width: 790px;
    height: auto;
   /*/ background:url(images/tall_bottom.gif) left bottom repeat-x #212121;*/
    margin-left: auto;
    margin-right: auto; /* border-color:#000000; 	 	border:solid 1px; */
    margin-top: 50px;
    
}

#contentwrapper
{
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 790px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-left: 0px; /*** Critical left col dimension value ***/
    margin: 0px;
    height: auto;
    background-color: #ffffff;
    top: 5px;
    margin-bottom: 13px;
}
#content-container
{
    padding: 0px;
    width: 765px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    margin: 0px;
}
#content-container-one-column
{
    margin-top: 3px;
    margin-left: 10px;
    padding: 2px;
    width: 740px;
    background: #ffffff;
    margin-right: 10px;
    position: relative;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#content-container-two-column
{
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 5px;
    width: 730px; 
    position: relative;
    top: 11px;
    left: -2px;
    bottom:5px;
    border-bottom: none;
}

#content-main-two-column
{
    width: 540px;
    float: left;
    margin-right: 0px;
}

#content-side-two-column
{
    float: right;
    width: 180px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container-three-column
{
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    width: 750px;
    border: 1px solid #818181;
    background: url(../../images/bg-three-column-main.png) repeat-y;
    position: relative;
}

#content-main-three-column
{
    width: 430px;
    float: left;
    margin-left: 5px;
    margin-right: 10px;
    border: solid 2px border-color:green;
}

#content-side2-three-column, #content-side1-three-column
{
    width: 160px;
    font-size: .9em;
}

#content-side2-three-column
{
    float: right;
    width: 160px;
}

#content-side1-three-column
{
    float: left;
    width: 160px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-container
{
    background: url(../../images/bg-three-column-home.png) repeat-y;
    padding: 0;
    margin: 20px 0 10px 0;
}

#three-column-side1
{
    float: left;
    width: 30%;
}

#three-column-side2
{
    float: right;
    width: 30%;
}

#three-column-middle
{
    width: 30%;
    margin: 0px 32% 0px 35%;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    
    Check out Buttons

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.hookline {
  font-size: larger;
  color: #5b626c;
  font-style: italic;
}
.coreboxbody {
  background-image: url(images/core_box_bg.gif);
  width: 140px;
  padding-left: 20px;
  padding-right: 20px;
}
.coreboxtop {
  background-image: url(images/core_box_top.gif);
  height: 22px;
  width: 180px;
}
.coreboxbottom {
  width: 180px;
  background-image: url(images/core_box_bottom.gif);
  height: 22px;
}
.coreboxheader {
  width: 160px;
  background-image: url(images/core_box_bg.gif);
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
}
.tenpixspacer {
  height: 10px;
}
.twentypixspacer {
  height: 20px;
}
.sectionoutline {
  border: 1px solid #cccccc;
  padding: 15px;
}

checkout-visited {
  font-size: 16pt;
  color: #dcdcdc;
  font-family: verdana;
}
checkout-current {
  font-size: 16pt;
  color: #990000;
  font-family: verdana;
}

#rightcontent {

  right: 5px;
  top: 159px;
  width: 180px;
  background: #fff;
  margin-right: 3px;
  z-index: 100;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body
{
    margin: 0px;
    border: none;
    padding: 0;
    font-family: Tahoma,Arial,Helvetica, sans-serif;
    color: #005ca2;
    font-family: Verdana,Tahoma,Arial,Helvetica, sans-serif;
    font-size: 80%;
    background: url(images/background_body_black.jpg);
    background-repeat: repeat-x;
    background-color: #eaeaea; /*line-height:1.4em; 	background:#ffffff url(images/bg_b.gif); 	background:url(/images/bg_wide.jpg); background-repeat:repeat-x; background-color:#666666; */
}

q
{
    quotes: "\201C" "\201D" "\2018" "\2019";
}
q:before
{
    content: open-quote;
}
q:after
{
    content: close-quote;
}

.bluetextbold
{
    font-family: Tahoma,Arial,Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: bold;
    color: #336699;
}
.loginanon
{
    float: right;
    width: 320px;
    text-align: right;
    color: #336699;
    margin-right: 10px;
    z-index: 300;
}



hr
{
    color: #E5E5E5;
    background-color: #E5E5E5;
    height: 1px;
    border: 0;
    margin: 5px 0;
    _margin: 10px 0;
}

blockquote
{
    padding: 0 0 0 12px;
    margin: 12px 0 0 0;
    background: url(../../images/bg-quote.png) no-repeat;
}
adminevent
{
    background: url(images/events_r2_c2.gif) no-repeat;
}
blockquote p
{
    margin: 2px 0;
}

cite
{
    font-size: .85em;
    margin: 0;
    padding: 0 0 0 6px;
}

fieldset
{
    padding: 15px;
}

legend
{
    color: #333333;
    padding: 5px 3px 10px 3px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h1, h2, h3, h4, h5, h6
{
    font-size: 1.8em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    line-height: 1.1em;
    margin: 5px 0;
}

h1
{
    margin-bottom: 0;
}

h1, h2
{
    margin-top: 0px;
}

h2
{
    font-size: 1.3em;
}

h3
{
    font-size: 1.1em;
}

h3.small
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5
{
    font-size: 1.1em;
}

h6
{
    font-size: 1em;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.highlight
{
    color: #E17000;
}
.subdued
{
    color: #999;
}
.error
{
    color: #990000;
    font-weight: bold;
}
.success
{
    color: #390;
    font-weight: bold;
}
.dark
{
    color: #333;
    font-weight: bold;
}
.whitetext
{
    color: #fff;
    font-weight: bold;
}
.caption
{
    color: #999;
    font-size: 11px;
}
.gold
{
    color: #ffcc66;
    font-weight: bold;
}
.black
{
    color: Black;
    font-weight: bold;
}
a:link
{
    color: #000000;
    text-decoration: none;
}

a:visited
{
    color: #000000;
    text-decoration: none; /*font-weight:bold;*/
}

a:hover
{
    text-decoration: none; /*font-weight:bold;*/
    color: #006699;
}

a:active
{
    color: #990033; /*font-weight:bold;*/
}

#content-side-two-column a:link, #content-side2-three-column a:link, #content-side1-three-column a:link, #content-side-two-column a:visited, #content-side2-three-column a:visited, #content-side1-three-column a:visited
{
    text-decoration: none;
}

#content-side-two-column a:hover, #content-side2-three-column a:hover, #content-side1-three-column a:hover
{
    text-decoration: underline;
}


/* login cass 

----------------*/

#loginbox
{
    background: url("images/loginboxbckgrd.gif");
    position: relative;
    width: 400px;
    height: 400px;
    z-index: 100;
}
#loginposition
{
    position: absolute;
}
#loginposition2
{
    position: relative;
    z-index: 50;
    top: 0px;
    margin-right: 20px;
    width: 810px;
    height: 400px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top-information
{
    height: 2.5em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px; /*color:#999999; */
    font-size: .85em;
    position: relative;
    width: 460px;
}
#top-information-splash-blue
{
    height: 2.5em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
    font-size: .85em;
    position: relative;
    width: 460px;
    height: 100px;
    background: #ffffff url("images/cabo_blueblend.gif");
}

#logo
{
    position: absolute;
    top: .5em;
    left: 0px;
    top: 0px;
    font-size: 2.6em;
    font-family: Georgia, "Times New Roman" , Times, serif;
    height: 2.8em;
    padding: .1em 0 .2em 0;
    font-variant: small-caps;
}

#logo a
{
    color: #4A6BB3;
    text-decoration: none;
}

#top-information-home
{
    text-align: right; /*border-bottom:1px dashed #CACACA;*/
    position: absolute;
    top: 0;
    right: 25.5%;
    height: 2em;
    width: 15%;
    padding: 0 1.5% 0 0;
}

#top-information-phone
{
    text-align: center;
    right: 3px;
    top: 408px;
    position: absolute;
    height: 100%;
}


#content
{
    position: relative;
}


#ad
{
    border: solid 1px #fff;
    width: 236px;
    height: 240px;
    background-color: #000;
}
#flashnav
{
    position: absolute;
}
#header
{
    width: 773px;
    background-color: #ffffff;
    position: relative;
    height: 375px; /*margin-top:10px;*/
    margin-left: 0px;
    margin-bottom: 10px;
    top: 0px;
    left: 0px;
}
#header2
{
    width: 775px;
    background-color: #ffffff;
    position: relative;
    height: 195px; /*margin-top:10px;*/
    margin-left: 0px;
    margin-bottom: 10px;
    top: 0px;
    left: 0px;
}
#adminheader
{
    width: 772px;
    background-color: #ffffff;
    position: relative;
    height: 245px; /*margin-top:10px;*/
    margin-left: 0px;
    margin-bottom: 10px;
    top: 0px;
    left: 0px;
}
#topheader
{
    background: #3f3f3f url(images/topheaderbackground.jpg) repeat-x;
    width: 742px;
    height: 84px;
    float: left;
    position: absolute;
}
.imageright
{
    float: right;
    margin: 0 9px 3px 0;
}

#loginBox
{
    width: 552px;
    height: 543px;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -362px;
}

#Navheader
{
    height: 38px;
    top: 90px;
    left: 0px;
    width: 742px;
    border-bottom: 1px solid #A1A6B1;
    background: #33415D url("images/header-background.png") top repeat-x;
    position: relative;
}
#top-information-link
{
    text-align: center;
    border-left: 1px dashed #CACACA;
    position: absolute;
    top: 0;
    right: 0;
    height: 2em;
    width: 8.5%;
    padding: 0 0 0 1.5%;
}


#heading
{
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
}

#subheading
{
    font-size: 1.1em;
    font-weight: bold;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main
{
    margin-left: auto;
    margin-right: auto;
    width: 732px;
    height: 38px;
    position: relative;
}

.smalltext
{
    font-size: 8pt;
    color: #666666;
    font-family: verdana;
}

#nav-main ul
{
    margin: 0;
    padding: 0 20% 0 0;
}

#nav-main li
{
    display: inline;
    list-style: none;
    padding: 5 1em 5 5;
    background: none;
}

#nav-main a:link, #nav-main a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

#nav-main a:hover
{
    color: #D4E7F8;
    text-decoration: underline;
}

#nav-main a:active
{
    color: #FFFFFF;
}

#nav-main li.current a:link, #nav-main li.current a:visited
{
    text-decoration: underline;
}

#nav-main li.current a:hover
{
    color: #D4E7F8;
    text-decoration: underline;
}

#nav-main li.current a:active
{
    color: #FFFFFF;
}

/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link, #nav-main a.StaticSelectedStyle:visited
{
    color: #D4E7F8;
    text-decoration: underline;
}


#webg a:link
{
    color: #000000;
}
#webg a:hover
{
    color: #3366cc;
    text-decoration: underline;
}
#privacy
{
    font-size: 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	POSTER PHOTO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#poster-photo-container
{
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 850px;
    padding-left: 5px;
    position: relative;
}

.poster-photo-image
{
    border-right: 3px solid #FFF;
    display: block;
}

#feature-area-home
{
    position: absolute;
    top: 0;
    right: 0;
    width: 21%;
    text-align: center;
    padding: 2%;
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 160%;
}

#feature-area-home a:link, #feature-area-home a:visited
{
    color: #dcf2f7;
    text-decoration: underline;
}

#feature-area-home a:hover
{
    text-decoration: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BREADCRUMB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#breadcrumb
{
    margin-left: 5px;
    font-size: 8pt;
    font-weight: bold;
    color: #33CC33;
}
#content #breadcrumb a:link, #content #breadcrumb a:visited
{
    text-decoration: none;
}
#content #breadcrumb a:hover, #content #breadcrumb a:active
{
    text-decoration: underline;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
a.morelink:link, a.morelink:visited, text-decoration:underline, a.morelink:hover, a.morelink:active
{
    background: transparent url("images/sprites.gif") no-repeat 5px -500px;
    padding-left: 21px;
}
a.morelink:hover
{
    background: transparent url("images/sprites.gif") 5px -400px;
}
.morelink span
{
    position: absolute;
    left: -9999px;
    width: 900px;
}

#packages
{
    padding-bottom: 0;
}

#packages ul
{
    list-style-type: square;
}

# li
{
    margin-bottom: 15px;
}
ul
{
    margin: 0;
    padding: 0;
}

li
{
   /* list-style: square;
    padding: .2em 0 .2em 1em;
   /* margin-left: 0.4em; */
}

/*ul.list-of-links
{
    border-bottom: 1px solid #608fc8;
}


ul.list-of-links li.current
{
    background-color: #E5E5E5;
}
*/

ul.no-lines, ul.no-lines li
{
    border: none;
}

#utility
{
    position: relative;
    top: 0;
    left: 5px;
    width: 165px;
    border-top: 5px solid #999;
    padding-bottom: 40px;
}
#nav-secondary, #nav-secondary ul
{
    position: static;
}
#nav-secondary, #nav-secondary li
{
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}
#nav-secondary
{
    padding-top: 0;
    border-top: 1px solid #ccc;
    margin-top: 1px;
}
#nav-secondary a
{
    line-height: 1.8;
    padding: 5px 0 5px 23px;
    background: #fff url("images/sprites.gif") no-repeat 10px -695px;
    font: bold 100% arial;
    display: block;
}
#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active
{
    text-decoration: none;
    cursor: pointer;
}
#nav-secondary a:link
{
    color: #000;
}
#nav-secondary a:visited
{
    color: #000;
}
#nav-secondary a:hover
{
    color: #c00;
    background: #fee url("images/sprites.gif") no-repeat 10px -695px;
}
#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active
{
    color: #c00;
}
#nav-secondary li
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}

/* SECONDARY NAVIGATION - 2nd TIER */
#nav-secondary ul
{
    margin: 0 0 1em 23px;
    padding: 0;
}
#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited
{
    line-height: 1.5;
    background: #fff url("images/sprites.gif") no-repeat 0 -798px;
    padding: 0 0 0 12px;
    font-weight: normal;
    width: auto;
    color: #000;
    width: 130px;
    display: block;
}
#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active
{
    color: #c00;
}
#nav-secondary li.active li
{
    border: none;
    margin: 0;
}

#nav-secondary li.active li.active a:link, #nav-secondary li.active li.active a:visited, #nav-secondary li.active li.active a:hover, #nav-secondary li.active li.active a:active
{
    font-weight: bold;
}

/* SECONDARY NAVIGATION - 3rd TIER */
#nav-secondary ul ul
{
    margin: 0 0 1em 13px;
    padding: 0;
}
#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited
{
    width: 117px;
}
#nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited, #nav-secondary li.active li.active li a:hover, #nav-secondary li.active li.active li a:active
{
    font-weight: normal;
}
#nav-secondary li.active li.active li.active a:link, #nav-secondary li.active li.active li.active a:visited, #nav-secondary li.active li.active li.active a:hover, #nav-secondary li.active li.active li.active a:active
{
    font-weight: bold;
}

/* SECONDARY NAVIGATION - 4th TIER */
#nav-secondary ul ul ul
{
    margin: 0 0 1em 13px;
    padding: 0;
}
#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited
{
    width: 104px;
}
#nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited, #nav-secondary li.active li.active li.active li a:hover, #nav-secondary li.active li.active li.active li a:active
{
    font-weight: normal;
}
#nav-secondary li.active li.active li.active li.active a:link, #nav-secondary li.active li.active li.active li.active a:visited, #nav-secondary li.active li.active li.active li.active a:hover, #nav-secondary li.active li.active li.active li.active a:active
{
    font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE FEATURE AREA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.feature-area
{
    background-color: #6799D1;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



.photo-border
{
    border: 1px solid #cecece;
    padding: 4px;
    background: #d9d9d9 url(../../images/bg-photo.png) top repeat-x;
    margin-bottom: 5px;
    display: block;
}
.photo-border2
{
    border: 1px solid #cecece;
    padding: 4px;
    background: #000000 url(../../images/bg-photo.png) top repeat-x;
    margin-bottom: 5px;
    display: block;
}
.photo-float-left
{
    float: left;
    margin-right: 10px;
}

.image-border-none
{
    border: none;
}

#siteproviderright
{
    position: relative;
    float: right;
}

.imagepad
{
    padding: 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer
{
    /*background-image: url(images/mssgrass.gif); /*margin-top:19px;*/
    background-image: url(images/mssbackg4rd3.gif); /*margin-top:19px;*/
    width: 772px;
    height: 80px;
    position: relative;
    font-family: Verdana,Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em; /*background-color:#005ca2;*/ /*border :solid 1px #000000;   border-top:none; 	*/
    margin-left: 0px;
}

#footer div
{
    position: relative;
    bottom: 0;
    right: 0;
}

#footer a:link, #footer a:visited
{
    color: #000000;
    text-decoration: none;
}

#footer a:hover
{
    color: #000000;
    text-decoration: none;
}
#footer p
{
    color: #000000;
}
#footer a:active
{
    color: #000000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub
{
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 768px;
    text-align: center;
    padding: .1em 0 2em 0;
    position: relative;
    font-size: .8em;
    color: #999999;
}

#footer-sub ul
{
    margin: 0;
    padding: 0;
}

#footer-sub li
{
    display: inline;
    list-style: none;
    padding: 0 1em 0 0;
    background: none;
}

#footer-sub a:link, #footer-sub a:visited
{
    text-decoration: underline;
    color: #999999;
}

#footer-sub a:hover
{
    color: #666666;
    text-decoration: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.thumbnail
{
    margin: 0 0 0 10px;
    position: relative;
    z-index: 9999;
    border: 1px solid #eee;
    float: right;
    width: 100px;
    padding: 5px;
    background: #fff;
}

.packagebold
{
    font-size: 0.8em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.watermark
{
    background: #ccffff;
}
.date
{
    font: bold 82% arial;
    color: #bbb;
    display: block;
    letter-spacing: 1px;
}
.news-date
{
    font-size: 0.9em;
    font-style: italic;
    color: #A4A4A4;
}
.event-date
{
    font-size: 0.9em;
    font-style: italic;
    color: #390;
}
.arrow
{
    vertical-align: middle;
}

input.button-big
{
    font-weight: bold;
    padding: .7em 1.5em;
    font-size: 1.1em;
    vertical-align: bottom;
}

input.button-small
{
    font-weight: normal;
    padding: .4em 1em;
    font-size: .8em;
    vertical-align: bottom;
}

.clear
{
    clear: both;
}

.none
{
    display: none;
}
.orderOnlineContainer
{
    width: 205px;
    height: 250px;
}
.ForderOnlineContainer
{
    width: 500px;
    height: 295px;
    background-image: url(Images/frontsplashblue_01.gif);
    background-repeat: no-repeat;
}
.orderOnlineHeader
{
    width: 205px;
    height: 35px;
}
.quotescontainer
{
    height: 20px;
    background-image: url(Images/InfoPanelHeadingBgGray.gif);
    background-color: #fff;
}
.quotesdetails
{
    width: 250px;
    height: 70px;
    text-align: left;
    padding-left: 20px;
    padding-top: 15px;
    color: #2a2a2a;
    margin-right: 20px;
    clear: both;
    position: relative;
}
.orderOnlineContent
{
    width: 250px;
    height: 350px;
    background-image: url(Images/greenbox3.gif);
    background-repeat: no-repeat;
    background-color: #fff;
}
.blueboxContent
{
    width: 230px;
    height: 300px;
    background-image: url(Images/bluebox.gif);
    background-repeat: no-repeat;
    background-color: #fff;
}
.SpecialContent
{
    width: 210px;
    height: 350px;
    background-image: url(Images/specialsback.gif);
    background-repeat: no-repeat;
    background-color: #fff;
}
.ForderOnlineContent
{
    width: 500px;
    height: 495px;
    background-image: url(Images/frontsplashblue_01.gif);
    background-repeat: no-repeat;
    background-color: #fff;
}

.orderDetails
{
    width: 205px;
    height: 70px;
    text-align: left;
    padding-left: 10px;
    padding-top: 15px;
    color: #2a2a2a;
    clear: both;
}
.newsletterbox
{
    width: 200px;
    height: 200px;
    position: relative;
}
.ForderDetails
{
    width: 500px;
    height: 70px;
    text-align: left;
    padding-left: 10px;
    padding-top: 15px;
    color: #ffffff;
    clear: both;
    position: relative;
}

a.orderInfo, a.orderInfo:link, a.orderInfo:active, a.orderInfo:visited
{
    color: #ffffff;
    font: 9.6pt Arial, Verdana, Helvetica, Sans-serif;
    text-decoration: none;
}
a.orderInfo:hover
{
    color: #2a2a2a;
}
#imagecontainer
{
    position: relative;
    top: 15px;
    right: 15px;
}
.frontdetailtext
{
    color: #ffffff;
}

.imageright
{
    float: right;
    margin: 0 9px 3px 0;
}
.imageleft
{
    float: left;
    margin: 0 9px 3px 0;
}

.bottom-information-product
{
    width: 205px;
    height: 70px;
    background-image: url(Images/orderOnlineheader.gif);
    background-repeat: no-repeat;
    background-color: #fff;
    position: absolute;
}
.fbottom-information-product
{
    width: 500px;
    height: 75px;
    background-image: url(Images/frontsplashorange_02.gif);
    background-repeat: no-repeat;
    background-color: #fff;
}

.fbottomDetails
{
    width: 500px;
    height: 40px;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    color: #000000;
    font: normal 12px Arial, Verdana, Helvetica, Sans-serif;
}
.bottomDetails
{
    width: 175px;
    height: 40px;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
    color: #CCCCCC;
    font: normal 12px Arial, Verdana, Helvetica, Sans-serif;
}
.collapsePanel
{
    width: 640px;
    height: 0px;
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader
{
    width: 640px;
    height: 20px;
    color: Yellow;
    background-color: Black;
    font-weight: bold;
    float: left;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}
dt
{
    font-size: 1.1em;
    font-weight: bold;
    color: #999;
    padding-top: 0.4em;
}

.glelogo
{
    text-align: left;
    margin: 0;
    float: left;
}
.featurebox
{
    color: #333;
    padding: 15px 20px 20px;
    border-top: 1px solid #d7d7d7;
    margin: 0 0 1.5em;
    background: #f6f6f6 url("images/greenbox.gif") no-repeat 100% 100%;
}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6
{
    margin: 0 0 .3em;
    border-bottom: 1px solid #c00;
    color: #c00;
}
.featurebox p
{
    border: none;
    margin: 0 0 1em;
    color: #444;
}
.featurebox a
{
    font-weight: bold;
}

#4leftcolumn
{
    color: #333;
    border: 1px solid #ccc;
    background: #E7DBD5;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    height: 350px;
    width: 210px;
    float: left;
}
#4leftmiddle
{
    color: #333;
    border: 1px solid #ccc;
    background: #F2F2E6;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    height: 350px;
    width: 210px;
    float: left;
}
#4rightmiddle
{
    color: #333;
    border: 1px solid #ccc;
    background: #E7DBD5;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    height: 350px;
    width: 210px;
    float: left;
}
#4rightcolumn
{
    color: #333;
    border: 1px solid #ccc;
    background: #F2F2E6;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    height: 350px;
    width: 204px;
    float: left;
}
div.qsf_bluemodule
{
    float: left;
    width: 456px;
    height: auto;
    font: normal 12px Verdana, Arial, Sans-serif;
    cursor: default;
}

div.qsf_bluemodule_corners
{
    font-size: 1px;
    height: 12px;
}

.topcorner
{
    background: url('Img/BlueModuleTop.gif') no-repeat;
}

.bottomcorner
{
    clear: both;
    background: url('Img/BlueModuleBottom.gif') no-repeat;
}

div.qsf_bluemodule h2
{
    padding: 0;
    margin: 0;
    background: transparent url('Img/BlueModuleHeaderBg.gif') no-repeat;
    line-height: 31px;
    padding-left: 29px;
    font-size: 16px;
    font-weight: bold;
    color: #446174;
    clear: both;
}

div.qsf_bluemodule a
{
    color: #303030;
    font-size: 11px;
}

ul.qsf_bluemodule_list
{
    padding: 0;
    margin: 0;
    background: transparent url('Img/BlueModuleBg.gif') repeat-y;
    list-style: none;
    width: 100%;
    float: left;
}

ul.qsf_bluemodule_list li
{
    float: left;
    text-align: center;
    width: 49%;
}

ul.qsf_bluemodule_list img
{
    display: block;
    border: solid 1px #909090;
    margin: 8px 52px 8px 52px;
}

ul.qsf_bluemodule_list span
{
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

span.integration_info
{
    font-size: 10px;
    font-weight: normal;
    line-height: 28px;
}

/* right info panel classes */
div.qsf_infopanel
{
    width: 283px;
    float: left;
    margin-left: 6px;
    font: normal 11px Verdana, Arial;
    color: #303030;
    position: relative;
    left: 4px;
}

div.qsf_infopanel_top
{
    height: 11px;
    font-size: 1%;
    background: transparent url('Img/InfoPanelBgTop.gif') no-repeat;
}

div.qsf_infopanel_btm
{
    height: 11px;
    font-size: 1%;
    background: transparent url('Img/InfoPanelBgBtm.gif') no-repeat;
}

div.qsf_infopanel_content
{
    background: url('Img/InfoPanelBgr.gif') repeat-y;
    padding: 16px;
    height: 395px;
}

div.qsf_infopanel_content div.listHolder
{
    margin: 13px 0 13px 42px;
}

div.qsf_infopanel_content div.inputHolder
{
    margin-bottom: 34px;
    float: left;
}

div.qsf_infopanel_content ul
{
    padding: 0;
    margin: 0;
}

div.qsf_infopanel_content ul li
{
    line-height: 17px;
}

div.qsf_infopanel_content h4
{
    color: #446174;
    font-size: 16px;
    padding: 0;
    padding-left: 22px;
    margin: 0;
    background: url('Img/InfoPanelHeadingBg.gif') no-repeat;
    line-height: 31px;
    clear: both;
}

div.qsf_infopanel_content a
{
    color: #303030;
}

div.qsf_infopanel_content input
{
    border: solid 1px #d3dde2;
    width: 152px;
    float: left;
    color: #303030;
}

div.qsf_infopanel_content button
{
    float: left;
}

div.rightModule
{
    float: right;
    width: 283px;
    font-size: 11px;
    margin-right: 15px;
}

div.rightModule A
{
    color: #333;
}

div.rightModule .title
{
    padding-left: 21px;
    color: #446174;
    line-height: 26px;
    font-weight: bold;
    background: url('Img/rightModuleHeader.gif') no-repeat;
}

div.rightModule IMG
{
    margin: 12px 13px 0px 40px;
    display: block;
    float: left;
    border: 0;
}
#dolphinnav ul li
{
    display: block;
    float: left;
    margin: 0 1px;
}

/* Rounded Corners*/

.roundedPanel
{
    width: 600px;
    background-color: #5377A9;
    color: #000000;
    font-weight: bold;
    margin-right: 15px;
}
/* right side
   ---------- */

.right
{
    width: 205px;
    margin: 0 0 10px 0;
}

.right h3
{
    background: #6C757A url(images/corner.gif) no-repeat top right;
    color: #FFF;
    padding: 7px 0 7px 5px;
    font: bold 1em Tahoma, Arial, Sans-Serif;
    margin: 0 0 3px 0;
}

.right_articles
{
    background: #f5f5f5;
    color: #414141;
    padding: 8px;
    margin: 0 0 3px 0;
}

.image
{
    float: left;
    margin: 0 9px 3px 0;
}
/* left side
   --------- */

.left
{
    width: 220px;
    margin: 0 0 10px 0;
}

.left h3
{
    background: #333333 url(images/corner.gif) no-repeat top right;
    color: #FFF;
    padding: 7px 0 7px 5px;
    font: bold 1em Tahoma, Arial, Sans-Serif;
    margin: 0 0 0px 0;
}
.left_side
{
    width: 200px;
    padding: 0 0 0 10px;
    margin: 10px 0;
}

.left_side a, .right_side a
{
    color: #414141;
    background: #FFF;
}


.left_box
{
    margin: 0 0 10px 0;
    color: #000;
    background: #FFF;
    padding: 3px 0;
}






div.qsf_infopanel_top
{
    height: 11px;
    font-size: 1%;
    background: transparent url('images/InfoPanelBgTopGray.gif') no-repeat;
}

div.qsf_infopanel_btm
{
    height: 11px;
    font-size: 1%;
    background: transparent url('images/InfoPanelBgBtmGray.gif') no-repeat;
}

div.qsf_infopanel_content
{
    background: url('images/InfoPanelBgrGray.gif') repeat-y;
    padding: 16px;
    height: 395px;
}

div.qsf_infopanel_content div.listHolder
{
    margin: 13px 0 13px 42px;
}

div.qsf_infopanel_content div.inputHolder
{
    margin-bottom: 34px;
    float: left;
}

div.qsf_infopanel_content ul
{
    padding: 0;
    margin: 0;
}

div.qsf_infopanel_content ul li
{
    line-height: 17px;
}

div.qsf_infopanel_content h4
{
    color: #446174;
    font-size: 16px;
    padding: 0;
    padding-left: 12px;
    margin: 0;
    background: url('Images/InfoPanelHeadingBgGray.gif') no-repeat;
    line-height: 31px; /*clear: both;*/
}

div.qsf_infopanel_content a
{
    color: #303030;
}

div.qsf_infopanel_content input
{
    border: solid 1px #d3dde2;
    width: 152px;
    float: right;
    color: #303030;
}

div.qsf_infopanel_content button
{
    float: left;
}

.CommonSidebarHeader
{
    margin: 0 0 8px 0;
    padding: 2px 0 4px 0;
    border-bottom: solid 1px #fff;
    font-weight: bolder;
    font-size: 160%;
    color: #333;
}

.CommonSidebarHeader a:link, .CommonSidebarHeader a:visited, .CommonSidebarHeader a:active
{
    text-decoration: none;
}

.CommonSidebarInnerArea
{
    border-left: solid 1px;
    border-right: solid 1px;
    padding: 0 8px 8px 8px;
    overflow: hidden;
    background-image: url(images/common/sidebar-gradient.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    min-height: 109px;
    margin: 0;
}

.CommonSidebarContent
{
    font-size: 85%;
}

.CommonSidebarInnerArea, .CommonSidebarRoundTop .r1, .CommonSidebarRoundTop .r2, .CommonSidebarRoundTop .r3, .CommonSidebarRoundTop .r4, .CommonSidebarRoundBottom .r1, .CommonSidebarRoundBottom .r2, .CommonSidebarRoundBottom .r3, .CommonSidebarRoundBottom .r4
{
    background-color: #ff0000;
    border-color: #999;
}

.CommonSidebarRoundTop .r1, .CommonSidebarRoundTop .r2, .CommonSidebarRoundTop .r3, .CommonSidebarRoundTop .r4, .CommonSidebarRoundBottom .r1, .CommonSidebarRoundBottom .r2, .CommonSidebarRoundBottom .r3, .CommonSidebarRoundBottom .r4
{
    border-left: solid 1px;
    border-right: solid 1px;
    height: 1px;
    overflow: hidden;
}

.CommonSidebarRoundBottom .r1, .CommonSidebarRoundBottom .r2, .CommonSidebarRoundBottom .r3, .CommonSidebarRoundBottom .r4
{
    background-image: url(images/common/sidebar-bottom.png);
    background-repeat: repeat;
    background-position: left top;
}

.CommonSidebarRoundTop .r1, .CommonSidebarRoundBottom .r4
{
    margin: 0 5px;
    height: 0;
    border-top: solid 1px;
    border-left-width: 0;
    border-right-width: 0;
}
.CommonSidebarRoundTop .r2, .CommonSidebarRoundBottom .r3
{
    margin: 0 3px;
    border-left-width: 2px;
    border-right-width: 2px;
}
.CommonSidebarRoundTop .r3, .CommonSidebarRoundBottom .r2
{
    margin: 0 2px;
}
.CommonSidebarRoundTop .r4, .CommonSidebarRoundBottom .r1
{
    margin: 0 1px;
    height: 2px;
}

.CommonSidebarHeader
{
    margin: 0 0 8px 0;
    padding: 2px 0 4px 0;
    border-bottom: solid 1px #fff;
    font-weight: bolder;
    font-size: 160%;
    color: #333;
}

.CommonSidebarHeader a:link, .CommonSidebarHeader a:visited, .CommonSidebarHeader a:active
{
    text-decoration: none;
}

.CommonSidebarInnerArea
{
    border-left: solid 1px;
    border-right: solid 1px;
    padding: 0 8px 8px 8px;
    overflow: hidden;
    background-image: url(images/common/sidebar-gradient.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    min-height: 109px;
    margin: 0;
}

.CommonSidebarContent
{
    font-size: 85%;
}

.CommonSidebarInnerArea, .CommonSidebarRoundTop .r1, .CommonSidebarRoundTop .r2, .CommonSidebarRoundTop .r3, .CommonSidebarRoundTop .r4, .CommonSidebarRoundBottom .r1, .CommonSidebarRoundBottom .r2, .CommonSidebarRoundBottom .r3, .CommonSidebarRoundBottom .r4
{
    background-color: #D7D7CE;
    border-color: #999;
}

.CommonSidebarFooter
{
    font-size: 85%;
    margin: 8px 0 0 0;
    padding: 4px 0 0 0;
    border-top: solid 1px #fff;
}

UL.CommonSidebarList
{
    margin: 0;
    padding: 0;
}

UL.CommonSidebarList LI
{
    margin-bottom: 5px;
    margin-left: 16px;
    list-style-type: none;
}

OL.CommonSidebarList
{
    margin: 0;
    padding: 0;
}

OL.CommonSidebarList LI
{
    margin: 0 0 5px 20px;
}

LI.CommonSidebarRssListItem
{
    margin: 0 0 5px 16px;
    padding: 0 0 1px 0;
    list-style-image: url(images/common/feed-icon-12x12.png);
}

.CommonDescription
{
    font-size: 90%;
    margin: 0 0 16px 0;
}

.CommonSidebarImage
{
    margin: 4px 0;
    padding: 3px;
    border: solid 1px #fff;
    background-color: #eee;
    text-align: center;
}

UL.CommonSidebarImageList
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*
Text Button
*/
.reg_infobox
{
    padding: 0 10px 10px 10px;
    border: 1px solid #739912;
    background: #fff url(images/forum_widget_gradient.png) top left repeat-x;
}
.reg_infobox ol
{
    margin: 5px 0 0 20px;
}
.reg_header
{
    padding: 0 0 2px 0;
    font-weight: bold;
    font-size: 18px;
}
.widget
{
    margin: 0 0 12px 0;
    text-align: left;
    background-color: /*#f1f1e2*/ #fff;
    padding: 0;
    _position: relative;
}
.widget .widget_head
{
    margin-top: -1px;
    padding: 0px 12px 4px;
    clear: both;
    background: #eee url(images/widget_head_background.png) bottom left repeat-x;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.widget .widget_head h4
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.widget .widget_head .tabs
{
    left: 12px;
    bottom: -1px;
}
.widget .widget_content
{
    padding: 6px 12px 0;
    clear: both;
}
.widget .widget_content h5
{
    margin: 0;
    padding: 0 0 4px 0;
}
.widget form
{
    padding: 0px 7px;
}
.widget ol
{
    margin-left: 24px;
}
.widget label
{
    font-weight: bold;
    display: block;
    padding: 0 0 2px 0;
}
.widget dl, .widget dt, .widget dd
{
    padding: 0;
    margin: 0;
}


/* Rounded corner: all white with gray header and border */
.round2 .t, .round2 .b, .round2 .t b, .round2 .b b
{
    display: block;
    overflow: hidden;
}
.round2 .t b, .round2 .b b
{
    float: right;
    width: 50%;
}
.round2 .t .r
{
    background-position: top right;
}
.round2 .b .r
{
    background-position: bottom right;
}
.round2 .b
{
    background-position: bottom left;
}
.round2 .br
{
    clear: both;
    display: block;
    overflow: hidden;
    height: 0px;
}
.round2 .t, .round2 .b, .round2 .b b, .round2 .t b
{
    height: 9px;
    background-image: url(images/curve_border_graytop.png);
}
.round2 .c
{
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* Rounded corner: all light blue with blue border */
.round3 .t, .round3 .b, .round3 .t b, .round3 .b b
{
    display: block;
    overflow: hidden;
}
.round3 .t b, .round3 .b b
{
    float: right;
    width: 50%;
}
.round3 .t .r
{
    background-position: top right;
}
.round3 .b .r
{
    background-position: bottom right;
}
.round3 .b
{
    background-position: bottom left;
}
.round3 .br
{
    clear: both;
    display: block;
    overflow: hidden;
    height: 0px;
}
.round3 .t, .round3 .b, .round3 .b b, .round3 .t b
{
    height: 9px;
    background-image: url(images/curve_blue.png);
}
.round3 .c
{
    background: #dcebfa;
    border-left: 1px solid #c3d8f1;
    border-right: 1px solid #c3d8f1;
}
.round3 .widget_head
{
    background: #dcebfa;
}

/* Rounded corner: all white with gray border */
.round4 .t, .round4 .b, .round4 .t b, .round4 .b b
{
    display: block;
    overflow: hidden;
}
.round4 .t b, .round4 .b b
{
    float: right;
    width: 50%;
}
.round4 .t .r
{
    background-position: top right;
}
.round4 .b .r
{
    background-position: bottom right;
}
.round4 .b
{
    background-position: bottom left;
}
.round4 .br
{
    clear: both;
    display: block;
    overflow: hidden;
    height: 0px;
}
.round4 .t, .round4 .b, .round4 .b b, .round4 .t b
{
    height: 9px;
    background-image: url(images/curve_border_no_bg.gif);
}
.round4 .c
{
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.round4 .widget_head
{
    background: #fff;
}

/* Rounded corner: all lt gray with gray border */
.round5 .t, .round5 .b, .round5 .t b, .round5 .b b
{
    display: block;
    overflow: hidden;
}
.round5 .t b, .round5 .b b
{
    float: right;
    width: 50%;
}
.round5 .t .r
{
    background-position: top right;
}
.round5 .b .r
{
    background-position: bottom right;
}
.round5 .b
{
    background-position: bottom left;
}
.round5 .br
{
    clear: both;
    display: block;
    overflow: hidden;
    height: 0px;
}
.round5 .t, .round5 .b, .round5 .b b, .round5 .t b
{
    height: 9px;
    background-image: url(images/curve_lt_gray.gif);
}
.round5 .c
{
    background: #f4f4f4;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
.round5 .widget_head
{
    background: #f4f4f4;
}

/* Rounded corner: very light blue with light blue border */
.round6 .t, .round6 .b, .round6 .t b, .round6 .b b
{
    display: block;
    overflow: hidden;
}
.round6 .t b, .round6 .b b
{
    float: right;
    width: 50%;
}
.round6 .t .r
{
    background-position: top right;
}
.round6 .b .r
{
    background-position: bottom right;
}
.round6 .b
{
    background-position: bottom left;
}
.round6 .br
{
    clear: both;
    display: block;
    overflow: hidden;
    height: 0px;
}
.round6 .t, .round6 .b, .round6 .b b, .round6 .t b
{
    height: 9px;
    background-image: url(images/curve_blue2.png);
}
.round6 .c
{
    background: #f5fafe;
    border-left: 1px solid #c3d8f1;
    border-right: 1px solid #c3d8f1;
}
.round6 .widget_head
{
    background: #f5fafe;
}
#top-information-splash
{
    text-align: left;
    right: 3px;
    top: 408px;
    position: absolute;
    height: 100%;
}
#top-information-button
{
    text-align: center;
    right: 3px;
    top: 408px;
    position: absolute;
    z-index: 500;
}
#top-information-button2
{
    text-align: center;
    right: 3px;
    top: 408px;
    position: absolute;
    z-index: 500;
}
.collapsePanelHeader
{
    width: 100%;
    height: 30px;
    background-image: url(images/bg-menu-main.png);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
}
.collapsePanel
{
    background-color: white;
    overflow: hidden;
}
#ad_box #ad_pics
{
    margin: 0;
    padding: 0;
    float: left;
    width: 94px;
}
#ad_box #ad_pics a img
{
    border: 1px solid #ddd;
    padding: 4px;
}
#ad_box #ad_pics a:hover img
{
    border-color: #999;
}
#ad_box #ad_pics a.no_photo:hover
{
    cursor: default;
}
#ad_box #ad_pics a.no_photo:hover img
{
    border-color: #ddd;
}
#ad_box #ad_pics dt
{
    margin: 0;
    padding: 0;
}
#ad_box #ad_pics dt a
{
    display: block;
}
#ad_box #ad_pics dd
{
    float: left;
    margin: 4px 5px 3px 0;
    padding: 0;
}
#ad_box #ad_pics dd img
{
    width: 32px;
    height: 32px;
    padding: 3px;
}
#ad_box #ad_details
{
    margin: 0;
    padding: 0 0 4px 90px;
}

#ad_box #ad_details #ad_metadata
{
    margin: 0 0 4px 0;
    padding: 0;
    float: left;
    width: 99%;
}
#ad_box #ad_details #ad_metadata li
{
    width: 48%;
    float: left;
}
#ad_box #ad_details #ad_fullinfo
{
    margin: 0;
    padding: 0;
    float: left;
    width: 99%;
}
#ad_box #ad_details #ad_fullinfo dt
{
    font-weight: bold;
}
#ad_box #ad_details #ad_fullinfo dd
{
    margin: 0 0 5px 0;
    padding: 0;
}
#ca_results h3
{
    border-bottom: none;
}

.PictureContent
{
    width: 200px;
    height: 200px;
    background-image: url(Images/picbackground.gif);
    background-repeat: no-repeat;
    background-color: #fff;
}
.validatorCalloutHighlight
{
    background-color: lemonchiffon;
    color: #ccc;
}

#pictureside
{
    float: left;
    width: 450px;
}
#extra
{
    float: right;
    width: 350px;
}
.formtext
{
    font-size: small;
}


.linklist16
{
    list-style-type: none;
    margin: 0pt;
    padding: 0pt;
}

#hlp p
{
    background: transparent url(i/bullet.gif) no-repeat scroll 0pt 0.8em;
    padding: 0.25em 0pt 0.4ex 1ex;
}
.imglistset1 ul
{
    height: 1%;
    list-style-type: none;
    margin: -0.15em 0pt 0pt;
    padding-left: 0pt;
}
.obl
{
    background: url(images/obl.gif) top left no-repeat;
    width: 5px;
    margin-right: inherit;
}

div.term
{
    font-size: 14px;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
    margin-left: 18px;
    margin-bottom: 5px;
    color: #ff9900;
}
div.text
{
    font-family: verdana, arial, helvetica, sans-serif;
    margin-left: 40px;
    margin-bottom: 20px;
    color: #0099ff;
}
polaroid
{
    padding: 15px 15px 55px 15px;
    border: 1px solid black;
    background: white;
    text-align: center;
}
.polaroidtext
{
    color: black;
    position: relative;
    top: 0px;
    left: 16px;
}


#admin a:link, #admin a:visited
{
    color: #ffffff;
    text-decoration: none;
}

#admin a:hover
{
    color: #ffffff;
    text-decoration: none;
}
#admin p
{
    color: #ffffff;
}
#admin a:active
{
    color: #FFFFFF;
}
.chat
{
    background: url(images/chat.jpg) no-repeat;
    height: 22px;
    padding-top: 6px;
}
#pro6 ul
{
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: table;
    white-space: nowrap;
    list-style: none;
    height: 35px;
    position: relative;
    background: #transparent;
    font-size: 11px;
}
#pro6 li
{
    display: table-cell;
    margin: 0;
    padding: 0;
}
#pro6 li a
{
    display: block;
    float: left;
    height: 35px;
    line-height: 30px;
    color: #333;
    text-decoration: none;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 10px;
    cursor: pointer;
    background: url(images/pro_six_0a.gif) no-repeat;
}
#pro6 li a b
{
    float: left;
    display: block;
    padding: 0 25px 5px 15px;
    background: url(images/pro_six_0b.gif) no-repeat right top;
}
#pro6 li.current a
{
    color: #fff;
    background: url(images/pro_six_2a.gif) no-repeat;
}
#pro6 li.current a b
{
    background: url(images/pro_six_2b.gif) no-repeat right top;
}
#pro6 li a:hover
{
    color: #fff;
    background: url(images/pro_six_1a.gif) no-repeat;
}
#pro6 li a:hover b
{
    background: url(images/pro_six_1b.gif) no-repeat right top;
}
#pro6 li.current a:hover
{
    color: #fff;
    background: url(images/pro_six_2a.gif) no-repeat;
    cursor: default;
}
#pro6 li.current a:hover b
{
    background: url(images/pro_six_2b.gif) no-repeat right top;
}

div.newslettertop
{
    background: url(images/newslettersigup.gif) no-repeat;
    height: 82px;
    width: 160px;
}
div.newsletter-content
{
    background: url(images/newletterbackgrnd.gif) repeat-y;
    height: 205px;
    padding-right: 2px;
    padding-left: 2px;
}

#pro6 ul
{
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: table;
    white-space: nowrap;
    list-style: none;
    height: 35px;
    position: relative;
    background: #transparent;
    font-size: 11px;
}
#pro6 li
{
    display: table-cell;
    margin: 0;
    padding: 0;
}
#pro6 li a
{
    display: block;
    float: left;
    height: 35px;
    line-height: 30px;
    color: #333;
    text-decoration: none;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 10px;
    cursor: pointer;
    background: url(images/pro_six_0a.gif) no-repeat;
}
#pro6 li a b
{
    float: left;
    display: block;
    padding: 0 25px 5px 15px;
    background: url(images/pro_six_0b.gif) no-repeat right top;
}
#pro6 li.current a
{
    color: #fff;
    background: url(images/pro_six_2a.gif) no-repeat;
}
#pro6 li.current a b
{
    background: url(images/pro_six_2b.gif) no-repeat right top;
}
#pro6 li a:hover
{
    color: #fff;
    background: url(images/pro_six_1a.gif) no-repeat;
}
#pro6 li a:hover b
{
    background: url(images/pro_six_1b.gif) no-repeat right top;
}
#pro6 li.current a:hover
{
    color: #fff;
    background: url(images/pro_six_2a.gif) no-repeat;
    cursor: default;
}
#pro6 li.current a:hover b
{
    background: url(images/pro_six_2b.gif) no-repeat right top;
}

#RadTabStrip1Panel
{
    position: relative;
    z-index: 10;
}

div.RadTabStripTop_Gray .rtsLevel2
{
    background: ccff00;
    border-bottom: 1px solid #828282;
}

#RadMultiPage1Panel
{
    border: 1px solid #828282;
    padding: 40px 10px 25px;
    margin-top: -26px;
}

#RadMultiPage1
{
    width: 540px;
    margin: 0 auto;
}

/* Clearfix
-------------------------------------------------------------*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}
.wrap { width: 100%; clear: both;}

.main { width: 780px; margin: 0 auto; }
	
/* pathway */
#ja-pathway {
	/*background: url(images/grad4.gif) repeat-x left bottom;*/
	color: #666666;
	margin: 9px;
	
}

#ja-pathway .main {
	position: relative;
}

#ja-pathway .ja-inner {
	height: 25px;
	background: url(images/pathway-bg.gif) no-repeat top left;
	padding: 5px 0 0 10px;
}

#ja-pathway strong {}

#ja-pathway span {
	font-weight: bolder;
}

#ja-pathway a {
	text-decoration: none;
	color: #7786A2;
}

#ja-pathway a:hover,
#ja-pathway a:active,
#ja-pathway a:focus {
	color: #7786A2;
	text-decoration: underline;
}

#ja-pathway img {
	margin: 1px 5px;
	padding: 0;
	background: none;
	border: none;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}