@charset "UTF-8";
/* CSS Document */

body { margin: 10px 0 20px 0; padding: 0; font-family:"Lucida Grande", Tahoma, Verdana, sans-serif; font-size:13px; line-height:19px; color:#333; background-color:#e3e3e3; }
a { color:#049; border-bottom: dotted 1px #049; text-decoration:none; } /*005fa0*/
a:hover { color:#488ab7; border-bottom: none; }

/*.fb-like {width:350px !important;}*/
ol, ul
{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

ul.socialMediaToolbar
{
display: block;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #dddddd;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
margin-top: 15px;
padding-top: 10px;
padding-right: 0pt;
padding-bottom: 10px;
padding-left: 0pt;
height: 20px;
}

ul.socialMediaToolbar li {
	float: left;
	margin-right: 20px;
	}

.wrapper { width: 1000px; clear: both; padding: 0px 0px 0px 10px; margin: 0; }
.container { width: 1000px; float: left; border: solid 1px #ccc; background:url('../img/bg.png') top left repeat-y #fff; }

.sidenav { width: 250px; float:left; padding: 40px 0 40px 0; }
.sidenav a { border:none; }
.sidenav a.logo { width: 249px; height: 32px; background:url(../img/dramm_logo.png) 15px 0 no-repeat; float:left; }

.sidenav ul.topnav { width: 249px; float:left; padding: 0; margin: 15px 0 20px 0; padding: 25px 0 0 0; }/*background:url(../img/sidenav_lines.png) 0 0 repeat-x; */
.sidenav ul.topnav li { float:left; width:100%; list-style:none; }
.sidenav ul.topnav li a         { color:#444; font-size:13px; text-decoration:none; padding: 5px 0 5px 15px; display:block; }
.sidenav ul.topnav li a.current { color:#049; font-size:13px; text-decoration:none; padding: 5px 0 5px 15px; display:block; }
.sidenav ul.topnav li a.sub        { color:#777; font-size:12px; padding: 3px 0 3px 30px; }
.sidenav ul.topnav li a.currentsub { color:#049; font-size:12px; padding: 3px 0 3px 30px; }
.sidenav ul.topnav li a:hover { background:url(../img/nav_hover.png) 0 0 repeat; }
.sidenav ul.topnav li a.sub:hover { color:#555; }

.sidenav ul.topnav li.addr { font-size:11px; line-height: 16px; color: #777; padding: 20px 0 0 15px; }
.sidenav ul.topnav li.addr strong { color:#666; text-transform:uppercase; }

.main { width: 710px; float: right; padding: 40px 15px 40px 25px; }
.main h1 { font-size:24px; color:#888; clear:both; display:block; width: 709px; padding: 0; margin:7px 0 0 0; }
.main h1 .right { float:right; text-align: right; font-size:12px; font-weight:normal; padding-top: 12px; }

.main .main_subnav { clear:both; padding: 0 0 20px 0; margin: 25px 0 35px 0; border-bottom: solid 1px #f1f1f1; }
.main .main_subnav a { font-size: 10px; text-transform: uppercase; padding: 0 4px 0 15px; margin: 0 20px 0 0; background:url(../img/arrow_blue.png) 0 1px no-repeat; }

.main .main_image { width: 749px; height: 270px; background-color:#000; margin: 10px 1px 5px 0; clear:both; }

.main ul.new { width: 709px; clear:both; float:left; padding: 15px 15px 25px 25px; margin: 0; background-color:#d8e2e9; }
.main ul.new h2 { font-size:18px; font-weight:normal; color:#444; padding: 0; margin: 0 0 15px 0; display:block; }
.main ul.new li { float:left; width:160px; padding: 0 15px 0 0; list-style:none; }
.main ul.new li a { font-size:12px; text-decoration:underline; border:none; padding: 0; }

.main .item { width: 709px; clear:both; float:left; padding: 25px 0; margin: 0; }
.main .item .image        { float:left; margin: 0 15px 0 0; }/*background-color:#000; */
.main .item .image_large  { float:left; margin: 0 15px 0 0; width:450px; height:450px; }
.main .item .image_medium { float:left; margin: 0 15px 0 0; width:225px; height:225px; }
.main .item .image_small  { float:left; margin: 0 15px 0 0; width:100px; height:100px; }
.main .item h3 { font-size:16px; font-weight:normal; color:#222; margin: 3px 0 15px 0; padding: 0; }
.main .item p { color: #555; padding: 0; margin: 0 0 20px 0; }

.main hr { border-top: solid 1px #e9e9e9; border-right: none; border-bottom: none; border-left: none; }

.main .item .table_title { font-size:12px; font-weight:bold; width: 100%; text-align:center; color:#777; border-bottom: solid 1px #e9e9e9; padding: 10px 0 2px; margin: 0 0 2px 0; }
.main .item table.table { width: 100%; float:left; margin: 1px 0 0 0; font-size:12px; line-height:14px; padding: 0; }
.main .item table.table td { text-align: center; color:#666; padding: 8px 0; background-color:#dcdcdc; margin: 0 2px 2px 0; }
.main .item table.table tr.header td { color: #fff; font-weight:bold; background:url(../img/header_bg.png) 0 0 repeat-x; }

.main .item table.table td.w1 { width: 33%; }
.main .item table.table td.w2 { width: 30%; }
.main .item table.table td.w3 { width: 22%; }
.main .item table.table td.w4 { width: 19%; }
.main .item table.table td.w5 { width: 14%; }
.main .item table.table td.w6 { width: 12%; }


/* -- Old Table Code --*/
.main .item ul.table { width: 100%; float:left; margin: 10px 0 0 0; font-size:12px; padding: 0; }
.main .item ul.table li { text-align: center; color:#666; padding: 6px 0; float:left; background-color:#dcdcdc; margin: 0 2px 2px 0; list-style:none;}
.main .item ul.table li.headerw1 { width: 100%; color: #fff; font-weight:bold; background:url(../img/header_bg.png) 0 0 repeat-x; }
.main .item ul.table li.headerw3 { width: 33%; color: #fff; font-weight:bold; background:url(../img/header_bg.png) 0 0 repeat-x; }
.main .item ul.table li.headerw5 { width: 19%; color: #fff; font-weight:bold; background:url(../img/header_bg.png) 0 0 repeat-x; }
.main .item ul.table li.headerw6a { width: 12%; color: #fff; font-weight:bold; background:url(../img/header_bg.png) 0 0 repeat-x; }
.main .item ul.table li.headerw6b { width: 30%; color: #fff; font-weight:bold; background:url(../img/header_bg.png) 0 0 repeat-x; }
.main .item ul.table li.headerw7 { width: 14%; color: #fff; font-weight:bold; background:url(../img/header_bg.png) 0 0 repeat-x; }
.main .item ul.table li.w3 { width: 33%; }
.main .item ul.table li.w5 { width: 19%; }
.main .item ul.table li.w6a { width: 12%; }
.main .item ul.table li.w6b { width: 30%; }
.main .item ul.table li.w7 { width: 14%; }
/* -- Old Code End --*/

.main .alt { background-color:#e8e8e8 }

.rightcol { width: 250px; float:right; padding: 40px 0 40px 0; }

.footer { width: 960px; float: left; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; background-color: #333; padding: 0 0 0 40px; }
.footer a { border:none; }
.footer ul { width: 230px; float:left; padding: 0; margin: 15px 0 30px 0; padding: 15px 0 0 0; }
.footer ul li { float:left; width:100%; list-style:none; }
.footer ul li a { font-size:11px; color:#aaa; text-decoration:none; padding: 4px 0 4px 15px; display:block; }
.footer ul li a:hover { background:url(../img/nav_hover.png) 0 0 repeat; color:#ddd; }
.footer ul li a.sub { font-size:10px; color:#888; padding: 2px 0 2px 30px; }
.footer ul li a.sub:hover { color:#bbb; }
.footer ul li.addr { font-size:11px; line-height: 16px; color: #bbb; padding: 0 0 0 30px; margin: 0 0 0 30px; border-left: solid 1px #444; }
.footer ul li.addr strong { color:#777; text-transform:uppercase; }

.copyright { width: 1000px; float: left; padding: 15px 0 25px 0; font-size:10px; text-align:right; color:#222; }

#pop1{ 
width: 260px;
overflow: auto;
 /*height: 75px;*/
   padding:10px;
     /*color:#0000FF;*/
font-size: 15px;
color: #FFFFFF;
      display:none;
      /*background: #fff;*/
        background-color: rgb(110, 108, 110);
        line-height: 15px;
        border-bottom-right-radius:5px; moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius: 5px;
        border-bottom-left-radius:5px; moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius: 5px;
      /*  border-radius: 5px; -moz-border-radius: 5px; 
		-webkit-border-radius: 5px;*/
     /*   box-shadow: 0px 0px 4px rgba(0,0,0,1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,1); 
		-moz-box-shadow: 0 0px 4px rgba(0,0,0,1)*/

}
#pop1 a { font-size:12px; color:#aaa; text-decoration:none; display:block; border-bottom: 0px; }
#pop1 a:hover { background:url(../img/nav_hover.png) 0 0 repeat; color:#ddd;display:block; border-bottom: 0px; }

#pop2{ 
width: 260px;
 height: 75px;
   padding:10px;
     /*color:#0000FF;*/
font-size: 14px;
color #FFFFFF;
      display:none;
      /*background: #fff;*/
        background-color: rgb(110, 108, 110);

        border-radius: 5px; -moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
        box-shadow: 0px 0px 4px rgba(0,0,0,1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,1); 
		-moz-box-shadow: 0 0px 4px rgba(0,0,0,1)

}
#pop2 a { font-size:11px; color:#aaa; text-decoration:none; display:block; }
#pop2 a:hover { background:url(../img/nav_hover.png) 0 0 repeat; color:#ddd; }


.modal_close { position: absolute; top: 12px; right: 12px; display: block; font-size: 14px;
color: #aaa;
background-color: rgb(110, 108, 110); z-index: 2; }
/*.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(../../img/modal_close.png); z-index: 2; }*/