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

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#fff;
background-image:url(/images/bg_body.gif);
background-repeat:repeat-x;
background-position:left top;
}
body.home{
background-image:url(/images/bg_body_home.gif);
}

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:#f00; 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:32px;
line-height:38px;
font-weight:normal;
color:#01836c;
text-decoration:none;
}
h1{ padding-bottom:10px; }
h1.subliniat{ border-bottom:1px dotted #dcdbd9; margin-bottom:20px;}
h1.states{ padding:0px 0px 0px 0px;}

h2, h2 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:18px;
line-height:22px;
font-weight:normal;
color:#01836c;
text-decoration:none;
}
h2{ padding-bottom:5px; }

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

#page-bg{
background-image:url(/images/bg_footer.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
#page{ width:1000px; margin:0px auto; text-align:left; }

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

#header{ height:171px; position:relative; }
#header.home{ height:650px !important;  
background-image:url(/images/bg_header_home.jpg);
background-repeat:no-repeat;
/* background-position:left 100px; */
background-position:left 220px;

}
#header .logo{ position:absolute; top:5px; left:42px; }

#header .search-holder{
position:absolute; top:62px; left:0px; 
width:935px; height:218px;
background-image:url(/images/bg_935x218.jpg);
background-repeat:no-repeat;
background-position:left top;
}
#header .location-search{ position:absolute; top:95px; left:530px;  }
#header .trafficz-search{ position:absolute; top:180px; left:16px;  }

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

#header-nav{ position:absolute; top:25px; left:350px; }
#header-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#747474;
text-decoration:none;
padding:0px 8px;
text-transform: capitalize;
}

#header-nav a:hover{ text-decoration:underline; }

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

#middle{ padding:140px 0px 50px 0px; } 

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

#content{ width:720px; float:left;}
#content .content-wrapper{ padding:0px 100px 0px 40px; }

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

#right{ width:280px; float:left; }
#right .wrapper{ padding:0px 0px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ sidebar-nav css */

#sidebar-nav{}
#sidebar-nav .sidebar-nav-wrapper{ padding:0px 0px 20px 0px; }
#sidebar-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#sidebar-nav ul li{ 
padding:1px 0px 1px 20px; 
border-bottom:1px dotted #dcdbd9;
}
 
#sidebar-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
font-weight:normal;
color:#2e2e2e;
text-decoration:none;
}
#sidebar-nav ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ posts-nav css */

#home-nav{}
#home-nav .home-nav-wrapper{ padding:10px 0px 0px 0px; }
#home-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#home-nav ul li{ 
padding:2px 0px 2px 14px; 
border-bottom:1px dotted #dcdbd9;
background-image:url(/images/bullet_5x4.gif);
background-repeat:no-repeat;
background-position:left 8px;
}
 
#home-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
font-weight:bold;
color:#666666;
text-decoration:none;
}
#home-nav ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */

#page-footer{ height:270px; position:relative; }

#page-footer .copy{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
position:absolute;
top:240px;
left:15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */

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

#footer-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
text-decoration:none;
padding:0px 5px;
}

#footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ posts-nav css */

#posts-nav.group1{ position:absolute; top:20px; left:40px; width:400px;}
#posts-nav.group2{ position:absolute; top:20px; left:440px; width:200px;}
#posts-nav.group3{ position:absolute; top:20px; left:640px; width:200px;}
#posts-nav .posts-nav-wrapper{ padding:0px 0px 0px 0px;}
#posts-nav h4{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#747474;
text-decoration:none;
text-transform:none;
}
#posts-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#posts-nav ul li{
width:200px; float:left; 
 
background-image:url(/images/arrow_3x4.gif);
background-repeat:no-repeat;
background-position:left 8px;
}
 
#posts-nav ul li a{
font-family:Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#666666;
text-decoration:none;
padding:0px 0px 0px 8px;
}
#posts-nav ul li a:hover{ text-decoration: underline;}

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

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


div.topaw{
	height:90px;
	position:absolute;
	top:100px;
	width:100%;
}
div.topa{
	width:728px;
	margin-left:auto;
	margin-right:auto;
}