/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#f0f4f7;
}

body, a, ul li, ul li a, table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000;
font-weight:normal;
text-decoration:none;
}

a{ color:#c16057; font-weight:bold; }
a:hover{ text-decoration:underline; }

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, p, form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }

h1, h1 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:24px;
line-height:30px;
font-weight:normal;
color:#5f3006;
text-decoration:none;
text-transform: capitalize;
}
h1{ padding-bottom:10px; }

h2, h2 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
font-weight:bold;
color:#5f3006;
text-decoration:none;
}
h2{ padding-bottom:5px; }

h3, h3 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#000;
text-transform: uppercase;
text-decoration:none;
}
h3{ padding-bottom:5px; }

#page{ width:1000px; margin:0px auto; text-align:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ height:120px; position:relative; }
#header .logo{ position:absolute; top:25px; left:20px; }
#header .line{ position:absolute; top:77px; left:0px; width:100%; height:1px; background-color:#dadbdd;}

#header .holiday{ position:absolute; top:55px; left:850px; }
#header .holiday a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
font-weight:bold;
color:#fd0000;
text-decoration:none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */

#top-nav{ position:absolute; top:10px; left:700px; }

#top-nav, #top-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
font-weight:normal;
color:#000000;
text-decoration:none;
}

#top-nav a{ padding:0px 10px; }
#top-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#header-nav{ position:absolute; top:90px; left:20px; }

#header-nav, #header-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
font-weight:bold;
color:#000000;
text-decoration:none;
text-transform: uppercase;
}

#header-nav a{ padding:0px 15px; }
#header-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ search-box css */
#header-search-box{ position: absolute; top:45px; left:600px;}

#search-box{ width:770px; height:341px; position: relative;
background-image:url(/images/bg_homepage.jpg);
background-repeat:no-repeat;
background-position:left top;
}
#search-box .search-box-wrapper{ padding:215px 0px 0px 205px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle{}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ inner-header css */

#inner-header{
height:120px;
background-image:url(/images/bg_header.jpg);
background-repeat:no-repeat;
background-position:left top;
position: relative;
}

#inner-header .title{ position:absolute; top:35px; left:25px; width:400px;}
#inner-header .navigation{ position:absolute; top:15px; left:25px; }
#inner-header .navigation a{ color:#5f3006; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */

#left{ width:230px; float:left; }
#left .left-wrapper{ padding:20px 15px 30px 15px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left-nav css */

#left-nav{ padding:0px 0px 0px 0px; }
#left-nav .left-title{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
font-weight:bold;
color:#6c461f;
text-decoration:none;
padding-bottom:10px;
}
#left-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#left-nav ul li{  padding:0px 0px 2px 0px; }
 
#left-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#c16057;
text-decoration:none;
}
#left-nav ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{  width:770px; float:left;  }
#content .content-wrapper{ padding:30px 30px 30px 30px; }
#content .content-wrapper-inner{ padding:0px 30px 30px 30px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */

#column-left{ width:500px; float:left; }
#column-left .column-left-wrapper{ padding:0px 20px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */

#column-right{ width:210px; float:left; }
#column-right .column-right-wrapper{ padding:0px 0px 0px 20px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ resources nav css */

#resources-nav{ padding:45px 10px 10px 10px; }
#resources-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#resources-nav ul li{ padding:0px 0px 0px 0px;}
#resources-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#resources-nav ul li a:hover{ text-decoration: underline;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page-footer css */

#page-footer{ height:50px; position:relative; border-top:1px solid #dadbdd;}

#page-footer .copy{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#000;
text-decoration:none;
position:absolute; top:10px; left:20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */

#footer-nav{ position:absolute; top:10px; left:700px; }

#footer-nav, #footer-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#000;
text-decoration:none;
}
#footer-nav a{ padding:0px 10px; }
#footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ snippets css */

#snippets{}
#snippets .snippets-wrapper{ padding:0px 0px 10px 0px; }
#snippets .snippet{ width:240px; float:left; border-bottom:1px solid #dbdcde;}
#snippets .snippet-wrapper{ padding:20px 20px 20px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ banners css */

#banners{
width:770px; height:128px; position: relative;  
background-image:url(/images/banner.jpg);
background-repeat:no-repeat;
background-position:left top;
}
#banners .link{ float:left; width:385px; height:128px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{  clear:right; }