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

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

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

a{}
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{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:28px;
line-height:26px;
color:#2b73aa;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

h2, h2 a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:21px;
line-height:21px;
color:#5b5e62;
font-weight:bold;
text-decoration:none;
}
h2{ padding-bottom:10px; }

h3, h3 a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:19px;
line-height:19px;
color:#2b73aa;
font-weight:bold;
text-decoration:none;
}
h3{ padding-bottom:10px; }

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

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

#header{ height:180px; position:relative; }
#header .logo{ position:absolute; top:58px; left:15px; }
#header .motto{ position:absolute; top:154px; left:708px; }


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

#header-nav{ position:absolute; top:45px; left:800px; }

#header-nav, #header-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
font-weight:bold;
color:#636363;
text-decoration:none;
}

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

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

#main-nav{ 
position:absolute; top:100px; left:0px; 
width:980px; height:47px; 
background-image:url(/images/bg_main_nav_980x47.gif);
background-repeat:no-repeat;
background-position:left top;
}
#main-nav .main-nav-wrapper{ padding:17px 0px 0px 60px; }

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

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-header css */

#main-header{
position: relative;
width:980px; height:440px;
background-image:url(/images/bg_main_header.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#main-header .link{ position:absolute; top:207px; left:61px; }

#main-header .list{ position:absolute; top:365px; left:265px; }

#main-header ul{ padding:0px; margin:0px; list-style-type:none;}
#main-header ul li{
background-image:url(/images/arrow_5x4.gif);
background-repeat:no-repeat;
background-position:left 7px;
padding:0px 0px 0px 14px;
font-family:Verdana, Arial, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#5c5c5c;
text-decoration:none;
}

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

#main-middle{ padding:0px 0px 60px 0px; }

#middle{ 
padding:0px 0px 0px 0px; 
background-image:url(/images/bg_middle.jpg);
background-repeat:no-repeat !important;
background-position:left top;
float:left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-left css */

#main-left{ width:559px; float:left; }
#main-left .main-left-wrapper{ padding:0px 17px 0px 0px;}

#main-left .snippet{
width:542px; height:320px;
background-image:url(/images/bg_snippet_542x320.jpg);
background-repeat:no-repeat;
background-position:left top;
position: relative;
}
#main-left .h2-pos{ position:absolute; top:60px; left:35px; }
#main-left .p-pos{ position:absolute; top:115px; left:265px; width:230px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-right css */

#main-right{ width:421px; float:left; }
#main-right .main-right-wrapper{ padding:0px 0px 0px 0px; }

#main-right .snippet{
width:421px; height:144px;
background-image:url(/images/bg_snippet_421x144.gif);
background-repeat:no-repeat;
background-position:left top;
}
#main-right .snippet-wrapper{ padding:25px 30px 0px 30px; }

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

#left{ width:400px; float:left; }
#left .left-wrapper{ padding:60px 20px 30px 65px; }

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

#content{ width:600px; float:left; }
#content .content-wrapper{ padding:100px 80px 30px 65px; }

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

#right{ width:380px; float:left; }
#right .right-wrapper{ padding:100px 80px 30px 65px; }

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

#page-footer{ height:150px; 
background-image:url(/images/bg_footer.gif);
background-repeat:repeat-x;
background-position:left top;
position:relative;
}

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

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

#footer-nav{ position:absolute; top:8px; left:750px; }

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

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

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