/* ========================== M A I N ========================== */
html, body {
	border: 0px;
	margin: 0px;
	padding: 0px;
    text-align: center;
background-color:#9d0800;
}

a {
    text-decoration: none;
    color: #cc0000;
} a:hover { text-decoration: underline;}

p {
    color:#474747;
    font: 11px Verdana, sans-serif;
}


#container{
  width: 800px;
  margin: auto;
  text-align:left;
  background-color:#FFFFFF;
  background-image:url(../images/body_bg.jpg);
  background-repeat:no-repeat;
  background-position: 0px 125px;
}

div.clear {
  clear:both;
}

.float {
  float:left;
}

/* ========================== E N D  O F  M A I N ========================== */


/* ========================== H E A D E R ========================== */
#banner {
    background-image:url(../images/ahlydotcom_banner.jpg);
    width:800px;
    height:100px;
}

/* MENU STYLING STARTS HERE */
#menu {
    	height: 20px;
    	background-color: #cc0000;
        border-bottom:1px solid #6B6B6B;
            text-align: center;
    }
    #menu ul{
    	float: left;
    	padding: 0px;
    	margin: 0px;
    	font: 10px/22px Verdana, sans-serif;
        text-transform: uppercase;
    }
    #menu ul li div {
        position: relative;
        padding: 0px 12px;
    	background: url(../images/navdiv.gif) no-repeat right center;
    }
    #menu a {
    	text-decoration: none;
    	color: #FFFFFF;
        font-weight: bold;

    }
    #menu ul li{
    	float: left;
    	list-style: none;
    }
    #menu ul li ul {
    	position: absolute;
        top: 120px;
        _top:122px;     /* hide from IE */
    	display: none;
    	padding: 0px;
    	background-color: #484848;   /* drop down color */
        z-index:1;  /* shows the menu on top of any other element */

        border-right:2px solid #272727;
        border-bottom:2px solid #272727;
    }
    #menu ul li ul li {
    	clear: both;
    	width: 100px;
    	padding:0px;
    }

    #menu ul li ul li div {
    	padding: 0px 4px;
    	background: none;
        border-top:1px solid #FFFFFF;
    } #menu ul li ul li div.firstitem {
        border-top:1px solid #cc0000;
      }

    #menu ul li ul li div a {
	    padding-right: 8px;
    } #menu ul li ul li div a:hover {
        color:#FFFF00;
    }

    #menu ul li:hover ul,
    #menu ul li.over ul {
    	display: block;
    	width: 100px;
        filter:alpha(opacity=85);       /* menu opacity */
        -moz-opacity:85%;
        -khtml-opacity: .85;
    	opacity:0.85;
    }
/* END OF MENU STYLING */
#curr_datetime {
    float:left;
    width:450px;          /* push login box to edge */
    margin-top:10px;
    font: 10px Verdana, sans-serif;
    text-transform: uppercase;
    color: #3D3D3D;
    font-weight:bold;
}


/* Login Form */
#login {
    float:left;
    background: #cc0000;
    margin-top:5px;

    font: 10px Verdana, sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight:bold;
}
    .bl {background: url(../images/bl.gif) 0 100% no-repeat; width: 350px}
    .br {background: url(../images/br.gif) 100% 100% no-repeat}
    .tl {background: url(../images/tl.gif) 0 0 no-repeat}
    .tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:5px}
/* End of Login Form */

/* ========================== E N D  O F  H E A D E R ========================== */

#pagecontent {
    margin-top:10px;
}

/* Content */
.box_title{
  padding:0px;
  width:100%;
  border: 1px solid #cc0000;
  color:#FFFFFF;
  background-color:#cc0000;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing:3px;
}

.box {
    position: relative;
    width: 100%;
    background-color:#F1F1F1;
    border: 1px solid #cc0000;
  }

#left_column {
  width:198px;
}

#middle_column {
  width:578px;
}

#left_column2 {
    width:655px;
} #subpage_box {
    width: 100%;
    border: 1px solid #cc0000;
}

#right_column {
   width:125px;
}


.article_col {
    width:272px;
    float:left;
    margin:5px;
    text-align: justify;
    border:1px dotted black;
}

.ahlycomtable {
    width:600px;
    margin-left:25px;
    border:1px solid #cc0000;
    font: 10px Verdana, sans-serif;
    background-color: #FFFFFF;
    text-align:left;
} .ahlycomtable2 {
    width:400px;
    margin-left:100px;
    border:1px solid #cc0000;
    font: 10px Verdana, sans-serif;
    background-color: #FFFFFF;
    text-align:left;    
} .heading_row {
    background-color: #cc0000;
    color: #FFFFFF;
    text-align:center;
} .heading_row_grey {
    background-color: #969696;
    color: #FFFFFF;
    text-align:center;
} .row1 {
    background-color: #FFFFFF;
} .row2 {
    background-color: #EAEAEA;
}


.ntext {
    padding:10px;
    font: 10px Verdana, sans-serif;
}

 div.ntext select,option, input {  font: 10px Verdana, sans-serif; }
 
.stext {
    padding:8px;
    font: 8px Verdana, sans-serif;
}

.btext {
    padding:10px;
    font: 10px Verdana, sans-serif;
	font-weight:bold;
}

#but_next {
     background-color:#7A7A7A;
     padding:4px;
     float:right;
} #but_next a{
    color:#ffffff;
    font: 10px Verdana, sans-serif;
    font-weight:bold;
}

#but_last {
     background-color:#cc0000;
     padding:4px;
     float:right;
} #but_last a{
    color:#ffffff;
    font: 10px Verdana, sans-serif;
    font-weight:bold;
}

#next_info {
    position:absolute;
    visibility: hidden;
}


#last_info {
    position:relative;
    visibility: visible;
}

.team {
    float:left;
    margin-left:33px;
    _margin-left:20px;
    width:50px;
    text-align:center;
}



/* ========================== F O O T E R ========================== */
#footer {
    width:800px;
    text-align: center;
}

#footer hr {
    width:600px;
    text-align: center;
}

#copyright {
    color: #cc0000;
    font-family: Verdana, sans-serif;
    font-size: 9px;
}
/* ========================== E N D  O F  F O O T E R ========================== */
