/* body style and external div container centrally aligned */
*{margin:0px; padding:0px}
body{margin:0; padding:0 0 0 10px; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:.7em;  color:#303030;}
#extn_container{margin:0 auto; width:770px; text-align: left;}

/* links  */
a { color:#303030}
a:hover { color:#111010; text-decoration:none;}

/* general */
.body_content{ margin: 0;}
.boxclear{clear: both;}
p{ line-height:17px;}

/* headings */
h1{color:#4b62b9; font-size:1.4em;}
h1 a{color:#4b62b9;  text-decoration:none;}
h3{color:#b11c1c; text-transform: uppercase; font-size:1.1em;}
h3 a{color:#b11c1c;  text-decoration:none;}
h4 {background-color:#d7e0e7;color:#b11c1c; padding:2px; font-size:1em;}

/* header style */
.header {clear:both; height:70px }
.header_logo{float:left; padding: 12px 5px 0 3px;}
.header_main_navi{float:left; padding: 4px; margin:14px 5px; width:380px; line-height:18px }
.header_logo_2{float:left; padding: 12px 5px  0 5px;}

/* breadcrum style */
/*.breadcrumb {margin: 5px 7px; background:#b21c1d; color:#fff; font-size:.9em; padding: 5px 10px; text-align:left;  }*/
#breadcrumb {margin: 5px 1px; background:#b21c1d; color:#fff; font-size:.9em; padding: 2px 10px; float:left; width:750px;}
#breadcrumb a{color:#fff; text-decoration:none; font-weight:bold;}
#breadcrumb a:hover{ color:#b21c1d; text-decoration:none; font-weight:bold; background:#f0f0f0 }
#breadcrumblink { float:left; width:450px;padding-top:1px; font-size:1.15em;}
#breadcrumblink a{margin-right:20px; font-weight:bold;}
/*#breadcrumblink a:hover {margin-right:20px; font-weight:bold;background:#b21c1d;color:#f0f0f0;}*/
#breadcrumbsearch{float:right; width:200px;}
#breadcrumb input {height:13px;}
#newbreadcrumb { color:#B21C1D; font-size:1.2em; padding-bottom:7px; }
#newbreadcrumb a{color:#B21C1D; text-decoration:none;  }
#newbreadcrumb a:hover{  text-decoration:underline; font-weight:bold; background:#f0f0f0 }


/* footer style */
#footer {clear: both; padding:2px 15px; color:#686868; line-height:16px; margin: 8px 0 0 0; border-top:solid 1px #b21c1d; }
#footer a{  color:#686868; }
 #footerpart1{width:150px;float:left;margin-top:10px;}
 #footerpart2{width:120px;float:left;margin: 15px 0 0 115px;font-weight:bold; text-decoration:none;}
 #footerpart2 a{text-decoration:none;}
#footerpart3{ width:140px;margin:0 0 0 190px; float:left; vertical-align:bottom;}



/* outline*/
.outline{ border: 1px solid #eaeaea; padding:1px; margin: 0 0 6px 0;}

.outline a.on {font-weight:bolder; text-decoration:underline;}

/* 3col layout */
.container_three_col{max-height:100%; padding:1px; margin: 0px; }
#col_left{position:relative;  width:136px; float:left; margin:1px 0 0 2px; padding:2px 6px 2px 2px }
#col_middle{position:relative;  width:480px;  float:left; margin: 1px 0  0 2px;font-size:1.1em; }
#col_right{position:relative;  width:130px; float:left; margin:1px 0 0 2px; padding:2px 0px 2px 4px}

/* buttons & forms*/
.vote_b{ background: url(../images/buttons/vote_b.gif) no-repeat left top;  width: 85px; height: 26px; border:none; cursor:hand;}
label{ display:block; padding:2px;}

/* news container */
.news_box_large{ border: solid 1px #ecebeb;  background:#f6f9f9;  margin: 2px 0 2px 0;  }
.news_box_large_in{ padding: 5px 0 0px 5px; }
.news_image img { margin:0 4px 4px 0px}

/* news box*/
.news_image{float:left; position:relative;}
.news_text{float:left; padding:4px; position:relative; width:440px;}
.call_for_action{ color:#CC0000; text-decoration:underline;}
.news_text_small{float:left; padding:4px; position:relative; width:440px;}
.small_news{ margin: 6px 2px; }

/* date and time */
.date{ color:#999; font-style:italic; padding: 0 3px;}

/* main navi */
.main_navi ul li{ margin:0 0 0 2px ; padding:0 0 4px 0; list-style:none;  display:inline; }
.main_navi ul li a{ margin:4px 14px 8px 0px; padding:2px; text-decoration:none; color:#45454;  font-size:1.1em  }
.main_navi ul li a:hover{  color:#b11c1c; background:#f0f0f0}
.main_navi ul li a.on{ font-weight:bold; color:#b11c1c;}

/* left navi */
.sub_navi { margin:0 0 0 2px ; padding:0 0 4px 0; list-style:none; display:block }
.sub_navi  a{ padding:4px 0px 8px 0px;  text-decoration:none; color:#575757;  }
.sub_navi  a.on{ font-weight:bold; color:#b11c1c;}
.sub_navi  a:hover{  color:#b11c1c; }
.sub_navi ul li {list-style:none;}

.sub_navi1 { margin:0 0 0 2px ; padding:0 0 4px 0; list-style:none; display:block }
.sub_navi1  a{ padding:4px 0px 8px 0px;  text-decoration:none; color:#575757;  }
.sub_navi1  a.on{ font-weight:bold; text-decoration:underline;}
.sub_navi1  a:hover{  color:#b11c1c; }
.sub_navi1 ul li {list-style:none; padding-top:4px;}

/*Backoffice table*/
.cellColor1
{
    border-top:solid 1px #b21c1d;border-bottom:solid 1px #b21c1d; 
    color:#b21c1d;font-size:1.1em;margin-bottom:10px;  
}
    
.gridviewClass 
{
    
    margin-top:10px;
    width:95%;
    font-size:12px;
    padding:0 0 0 0;
}
.gridviewClass th
{
    color:#b21c1d;font-size:1.1em;padding:2px 0px 2px 0px;
}
.gridviewClass th a {color:#b21c1d;}
.gridviewClass tr
{}

.commentList tr
{
    border-bottom:solid 1px gray;
 }
     

/* general floats*/

.f_right{ float:right;}

.f_left{float:left; padding:3px 0 ; margin: 4px 0 0 0}
.search_textbox{ width:110px; height:18px; margin:0px; padding:0 2px}
.b_go{ color:#fff; text-decoration:none; font-weight:bold; }

#articletags
{
    padding-bottom: 3px;
    background-color: #d7e0e7;
    padding: 3px 7px;
    margin: 2px 0px 10px 0px;
    color: #ffffcc;
}
#articletags a {padding-right:3px; display:inline;text-decoration:none;color:#b11c1c; }
#articletags a.on{ font-weight:bold; }
#articletags a:hover{  color:#b11c1c;text-decoration:underline; }

/* Comments */

.commentList tr
{
    border-bottom:solid 1px gray;
    width:100%;
    padding-bottom:5px;
 }
#commentheader
{
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #999966;
}
.formbutton {background-color:#bbbbaa;font-size: 10px; color:#000000; font-weight:bold; text-decoration:none;margin-top:10px;padding:3px;border:solid 1px #000000; }
/* Event Table*/
#eventtable {}
#eventtable .high{padding: 10px 0 3px 0; color:#b11c1c;}
/* Organization Table */
#organizationtable{}
#organizationtable .high{padding: 10px 0 3px 0; color:#b11c1c;}

/*Tony */
img.floatLeft
{float:left;
    margin:0px 5px 0px 0px;
}
/* for tooltip */
.tip {font:10px/12px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:270px; padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333; top:20px; left:90px; background-color:#ffffcc; layer-background-color:#ffffcc;}

/*backoffice table*/
. backofficetable table
{border:0;
    border-collapse:collapse;
    font: normal 10px 'Lucida Grande',Verdana,sans-serif;
    }
.backofficetable td
{padding:6px;
    border-bottom: 1px solid #666;
    }
.backofficetable th
{padding:6px;
    text-align:left;
    background:#FFF url(../images/tablefade.gif) repeat-x;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
    }
    
/* Other backoffice stuff */
#hr
{
    margin:10px 0 10px 0;
    border-top:solid 2px red;}