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

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

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

a{ color:#02a9cd; }
a:hover{ text-decoration:underline; }

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, p{ 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:32px;
line-height:35px;
color:#008eaa;
font-weight:normal;
text-decoration:none;
}
h1{
border-bottom:1px dotted #333333;
padding-bottom:10px;
margin-bottom:30px;
}

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

h3{
background-image:url(/images/bullet_15x17.gif);
background-repeat:no-repeat;
background-position:left 3px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#559f9f;
font-weight:bold;
text-decoration:none;
padding:0px 0px 15px 22px;
margin:0px 0px 10px 0px;
border-bottom:1px dotted #333333;
}

h4{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:14px;
line-height:15px;
color:#008eaa;
font-weight:bold;
text-decoration:none;
padding-bottom:5px;
}

p.weeks{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:15px;
line-height:18px;
color:#747474;
font-weight:bold;
text-decoration:none;
padding:0px 0px 5px 0px;
border-bottom:1px dotted #333333;
}


#container{
width:1020px; margin:0px auto; text-align:left;
background-color:#fff;
}

#page{ padding:0px 20px; }

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

#header{ height:160px; position:relative; }
#header .logo{ position:absolute; top:50px; left:18px; }
#header .line{ position:absolute; top:35px; left:263px; width:717px; height:1px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */

#top-nav{ position:absolute; top:15px; left:360px; }

#top-nav, #top-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
font-weight:normal;
color:#04869c;
text-decoration:none;
}

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


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

#header-nav{ position:absolute; top:42px; left:450px; }

#header-nav, #header-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
font-weight:normal;
color:#047f94;
text-decoration:none;
text-transform: uppercase;
}

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-nav css */

#main-nav{ height:36px; -moz-border-radius: 3px;
background-image:url(/images/bg_main_nav.gif);
background-repeat:no-repeat;
background-position:left top;
}
#main-nav .main-nav-wrapper{ padding:10px 20px; }
#main-nav .option{ 
float:left;
background-image:url(/images/border_main_nav.gif);
background-repeat:no-repeat;
background-position:left top;
}
#main-nav .item1{ background: none !important;}
#main-nav .option-wrapper{ padding:0px 15px; }

#main-nav .option a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
font-weight:bold;
color:#008eaa;
text-decoration:none;
text-transform: uppercase;
}
#main-nav .option a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ weeks-nav css */

#weeks-nav{}
#weeks-nav .weeks-nav-wrapper{}
#weeks-nav .option{ 
padding:0px 0px 0px 0px;
float:left; width:80px;
background-image:url(/images/bullet_gray_4x5.gif);
background-repeat:no-repeat;
background-position:15px 8px;
}
#weeks-nav .option-wrapper{ padding:0px 0px 0px 15px; }
#weeks-nav .option a{
padding:2px 0px 2px 10px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#048095;
text-decoration:none;
}
#weeks-nav .option a:hover{ text-decoration: underline;}

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

#middle{}

#middle .column{ width:auto; float:left;}
#middle .column p{ font-size:12px; line-height:15px;}

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

#content{ width:730px; float:left; }
#content .content-wrapper{ padding:40px 120px 45px 50px; }
#content .content-main-wrapper{ padding:0px 0px 25px 0px; }

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

#right{ width:250px; float:left; }
#right .right-wrapper{ padding:0px 0px 45px 5px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ cat-nav css */

#cat-nav{ 
background-image:url(/images/bg_nav.gif);
background-repeat:repeat-x;
background-position:left bottom;
padding:10px 0px 0px 0px; }

#cat-nav ul{ 
padding:0px 0px 20px 0px;
margin:0px 0px 0px 0px;
list-style-type:none;
}

#cat-nav ul li{
border-bottom:1px dotted #bcbcac;
padding:2px 0px 2px 29px;
background-image:url(/images/bullet_4x5.gif);
background-repeat:no-repeat;
background-position:19px 8px;
}
 
#cat-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#1CA89C;
text-decoration:none;
}

#cat-nav ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right-nav css */

#right-nav{ padding:0px 0px 0px 0px; }

#right-nav .title{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
padding:8px 20px;
-moz-border-radius: 3px;
}
#right-nav .green{ background-color:#a7d766;}
#right-nav .blue{ background-color:#008eaa;}
#right-nav .orange{ background-color:#ffc53d;}

#right-nav ul{ 
padding:0px 0px 20px 0px;
margin:0px 0px 0px 0px;
list-style-type:none;
}

#right-nav ul li{
border-bottom:1px dotted #c2c2c2;
padding:2px 0px 2px 20px;
}
 
#right-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#5c5c5c;
text-decoration:none;
}

#right-nav ul li a:hover{ text-decoration: underline;}

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

#page-footer{ height:80px; position:relative; background-color:#aacdd7; margin-bottom:10px;}

#page-footer .copy{ position:absolute; top:20px; left:25px; }
#page-footer .copy{
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 css */

#footer-nav{ position:absolute; top:20px; left:720px; }

#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; }

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

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