/* Layout Stylesheet */ 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page Layout Stylesheet */ 
body{
margin:0px;
padding:0px;
text-align:center;
background-color:#F0F4F7;
background-image:url(/images/body_bkg.gif);
background-repeat:repeat-x;
font-size:12px;
color:#4D485A;

}

body, table, tr, td, p, span, h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif;}

img{border:0px; padding:0px;}

#page{margin-top:12px; width:850px; margin-left:auto; margin-right:auto;}
#page-midddle{background:url(/images/page_bkg_850x5.gif) repeat-y; width:849px;}
#page-top{width:849px; background:url(/images/page_top_850x299.gif) no-repeat ;}
#page-bottom{width:849px; background:url(/images/page_bottom_849x16.gif) no-repeat bottom left;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */ 
#header {width:850px; height:305px; position:relative; }
#header .logo-holder{position:absolute; height:35px; width:217px; left: 30px; top: 15px;}
#header .nav-holder{position:absolute; height:22px;	width:440px; left: 401px; top: 8px; background:url(/images/nav_bkg_440x22.gif) no-repeat;}
#header .main-nav{position:absolute; height:190px;	width:200px; left: 615px; top: 100px;}
#header .header-search{position:absolute; height:23px;	width:480px; left: 335px; top: 50px; background-color:#F3F5F8; text-align:right; font-size:11px; font-weight:bold;}

#header .search-box{ position:absolute; height:190px; width:570px; left: 35px; 	top: 100px; background-color:#F3F5F8;}
#header .search-box .search-bar{ position:absolute; height:105px; width:512px; left: 30px; top:69px; background-color:#77C857; z-index:10; background-image: url(/images/search_bar_bkg_3x105.gif); background-position:right; background-repeat:no-repeat;}
#header .search-box .input-holder{ position:absolute; height:63px; width:392px; left: 140px; top:91px; background-color:#77C857; z-index:15}
#header .search-box .picture-holder{ position:absolute; height:194px; width:232px; left:-5px; 	top: 13px; z-index:20; background-image:url(/images/doc_pict_192x200.gif); background-repeat:no-repeat; background-position:bottom left;}
#header .search-box .input-style{ font-size:11px; color:#333333; width:150px;}


ul.topnavlink{list-style:none; margin:0px 0px 0px 0px; padding:0px; white-space:nowrap;}
ul.topnavlink li{color:#FFFFFF; font-size:10px; text-align:center; display: inline;}
ul.topnavlink li  a{color:#FFFFFF; text-align:center; line-height:22px; text-decoration:none; font-weight:bold; font-size:11px;}
ul.topnavlink li  a:hover{color:#FFFFFF;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right Nav css */ 
#right-nav  {float:right; width:207px; text-align:left; }
#right-nav .wrapper {padding:10px 0px 0px 0px;}
#right-nav .txt-wrapper {padding:10px 0px 0px 0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Middle Section  css */ 
#mid-cont-wrapper{margin: 0px 24px 0px 25px;}
#middle{height:auto; position:relative; width:800px; border-top:1px solid #DDE4ED; }
#middle-wrapper{height:auto; position:relative; width:800px; background:url(/images/cont_bkg_5x350.gif) repeat-x;}
#middle-wrapper1{height:auto; position:relative; width:800px; background:url(/images/middlewrap1_bkg_5x350.gif) repeat-x;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ state name  Content css */ 
#cont{width:590px; float:left; text-align:left;}
#cont .state-holder{float:left; width:160px; background-color:#FFFFFF;}
#cont .in-box{width:160px; background-color:#FFFFFF; border:1px solid #CBD5E1; }
#cont .in-box-alt{width:160px; border:1px solid #CBD5E1; background-color:#FDFDFE; }
#cont .middle-song-holder{float:left; width:406px; background-color:#FFFFFF; border:1px solid #CBD5E1; margin-left:12px; padding-bottom:20px;}
#cont .table-wrapper{ padding-bottom:5px; font-size:11px;}
#cont .subnav{width:540x; height:170px;}

.rt-box-txt { float:right; width:200px;}
.product-link {padding:2px 0px 2px 0px; font-variant:small-caps; }

#song-holder table {width:382px; margin-left:12px; font-size:11px; font-weight:bold;   color:#3399FF;}
#song-holder table a, visited{color:#3399FF; text-decoration:none;}
#song-holder table a:hover{color:#2673BF; text-decoration:underline;}

#song-holder table tr td  {padding:3px 5px 3px 5px; border-bottom:1px solid #DCE3EB; }
#song-holder table tr .bdr-right  {border-right:1px solid #CBD5E1; }
#song-holder table tr .top-height {heigh:20px;}
#song-holder table tr .bdr-left  {border-left:1px solid #CBD5E1; }
#song-holder table .column1 { background-color:#7B8FA5; color:#FFFFFF; font-weight:bold; }
#song-holder table .column2 { background-color:#F7F9FC;}
#song-holder table .column3 { background-color:#669999;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Heading Text css */ 
h1, h2, h3, h4 {margin:0px; color:#3399FF; font-style:normal; }
h1{font-size:15px; color:#2673BF; border-bottom:1px solid #ACABB1; border-top:1px solid #EEEEEE; background-color:#C1C0C7; padding:3px 5px 2px 10px; margin:1px; background-image:url(/images/h1bkg.gif)}
h2{font-size:12px; }
h2 a{color:#5C85C7; text-decoration:underline; }
h3 {font-size:11px; padding-bottom:3px; color:#3399FF;}
h3 a, visited{color:#3399FF; text-decoration:none;}
h3 a:hover{color:#2673BF; text-decoration:underline;}
h4 {font-size:12px; color:#D66A0C;}
h4 a{font-size:12px; color:#D66A0C;}
h4 a:hover{font-size:12px; color:#AD560A;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ paragraph Text css */ 

p {margin:0px; padding:0px;}
form {margin:0px; padding:0px; border:0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */ 
#footer{height:auto;}
#footer .wrapper{padding:10px 5px 5px 10px; background:url(/images/navlist_bkg_4x1.gif) repeat-x top;}
#footer .footer-copy{float:left; width:300px;}
#footer .footer-nav-holder{float:right; width:300px; text-align:right;}
#footer .footer-nav-holder a{color:#114466; }
#footer .footer-nav-holder a:hover{color:#114466;}

.white{color:#FFFFFF;}
.gray{color:#828487; line-height:18px;}
.dgreen{color:#444444;}
.black{color:#000000;}
.green{color:#009900;}
.blue{color:#22AAFF;}

.wrapper10{padding:10px;}
.wrappertop10{padding-top:10px;}
.wrappertlb{padding:2px 10px 2px 0px;}
.wrapper15{padding:10px 10px 10px 12px;}
.wrapper20{padding:20px 20px 10px 20px; }
.wrapper-lft10{padding-left:10px;}
.wrapper-lft15{padding-left:15px;}
.wrapper2{padding:3px 2px 3px 2px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ floats stylesheet */ 
left {float:left;}
.right {float:right;}
.spacer{height:15px;weidth:20px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */ 
.magic{
clear:both;
}