@charset "utf-8";

/*
==============================================
* Filename: styles.css
* Version: 1.0.0 (2008-12-01) YYYY-MM-DD
* Website: http://www.BJC.com
* Author: Dimith de Alwis / Umut Ahmet
* Description: Main site styles.

============================================== 
== STRUCTURE: ================================
* Page width: 900 px
* Number of columns: 1-3

==============================================
== INDEX: ====================================
_colours
_defaults
_globals

_frame : Site Frame
_header : Site Header
_nav : Site Navbar
_content : Site Content
_footer : Site Footer

==============================================
== _colours: =================================

* Off Black - #212121
* Silver - #DADADA
* Grey - #999999

* Red - #EF3224

============================================== 
== _defaults: ==============================*/

html { 
    margin: 0; 
    padding: 0;
    }
    body {
        /*font: font-style (italic/normal) font-variant (small-caps) font-weight font-size/line-height font-family; */
		color: #212121;
        font: normal 12px/1.7 Georgia, "Times New Roman", Times, serif;
        margin: 0; 
        padding: 0; 
        text-align: center; 
        background: white; 
        }
        h1, h2, h3, h4 {
        	font: normal 24px Georgia, "Times New Roman", Times, serif;
			color: #212121; 
            margin: 0 0 10px 0; 
            padding: 0; 
        }
		h2 { font-size: 20px; margin-bottom: 20px; }
		h3 { font-size: 14px; } 
		h4 { font-size: 12px; font-weight: bold; }
		
		a {
			color: #212121;
			text-decoration: none;
			border-bottom: 1px solid;
			}
			a:hover {
				border-bottom-width: 0px;
			}
            a.img {
                border: 0;
            }            
		input, select, textarea {
			font: normal 11px/1.5 Verdana, Helvetica, Tahoma, sans-serif;  
		}
		p {
		    margin-top: 0; 
            text-align: justify;
		}
		img {
			border: 0;
		}
		label { width: 100px ; display: inline-block; vertical-align: top; }
		
		table {
			width: 100%;
			margin: auto; 
			}
                     
/*
============================================
== _globals: ===============================
*/

.inner { 
    padding: 10px;
}
.clr_fix { 
    display: block; 
    clear: both;
}
.alt {
	background: #F7F7F7;
}
.wrap {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.case {
    border: 1px solid #DADADA;
	background: #F7F7F7; 
}
.georgia {
    font-family: Georgia, "Times New Roman", Times, serif;
}
.border_top { 
    padding-top: 10px; 
    margin-top: 10px; 
    border-top: 1px solid #DADADA; 
}
.border_bottom {
    padding-bottom: 10px; 
    margin-bottom: 10px;     
    border-bottom: 1px solid #DADADA;
}
.column { 
    float: left; 
    width: 32%;
}
.alert { color: #ef3224; }

/*.iconTemp { width: auto; background: url(../images/temp.gif) no-repeat; padding-left: 20px;}*/

/*
==========================================
== _frame: ===============================
*/

#frame {
    text-align: left;
    width: 900px;
    margin: 0 auto;
	}

/*
==========================================
== _header: ==============================
*/

#header {
    height: 160px;
    }
    #logo {
    	float: left;
    	width: 227px;
    	margin-top: 40px;
    }
    #quote_box {
        float: right;
        width: 460px;
        margin-top: 50px;
        padding: 20px 0 0 20px;
        text-align: right;
        font: normal 14px/1.5 Verdana, Helvetica, Tahoma, sans-serif;
        background: url(../images/quote_left.gif) no-repeat top left;         
        }
        #quote_box p {
            padding: 0 20px 20px 0;        
            background: url(../images/quote_right.gif) no-repeat bottom right;         
        }
        #quote_box #quoteRef {
            display: block;
            text-align: right;
            font-size: 12px;
            color: #666666;
        }
    #banner {
        height: 200px;
        margin-bottom: 20px;
        }
        .ban_home { background: url(../images/ban_home.jpg) no-repeat; }
        .ban_1 { background: url(../images/ban_1.jpg) no-repeat; }
        .ban_2 { background: url(../images/ban_2.jpg) no-repeat; }
        .ban_3 { background: url(../images/ban_3.jpg) no-repeat; }
        .ban_4 { background: url(../images/ban_4.jpg) no-repeat; }
        .ban_5 { background: url(../images/ban_5.jpg) no-repeat; }
        .ban_6 { background: url(../images/ban_6.jpg) no-repeat; }

/*
==========================================
== _nav: =================================
*/		

#alpha {
    width: 220px;
    float: left;
    line-height: normal;
	}
    #alpha ul {
        list-style: none;
        padding: 0;
        margin: 0;
        }
        #alpha li {
            border-bottom: 1px solid #DADADA; 
        }
	#alpha a {
		display: block;
		color: #212121;
        padding: 8px 0;
        padding: 8px 0 8px 10px;
        text-decoration: none;
		font: normal 12px Verdana, Helvetica, Tahoma, sans-serif;
		border-bottom-width: 0px;
	}
	#alpha a:hover {
		color: #999999;
	}		
	#current {
        background: url(../images/red_ban.gif) no-repeat top right;        
	  	}
        #current a {
              color: white;
            }
            #current a:hover {
	  		    color: white;
	        }
    #admin_nav {
        text-align: center;
        background: #363636;
        height: 30px;
        }
        #admin_nav_inner {
            width: 900px;
            margin: 0 auto;
            color: #F5F5F5;
            text-align: right;
            padding: 5px;
            font: normal 12px "Trebuchet MS", Verdana, Tahoma, sans-serif;
            }
            #admin_nav a {
                color: #F5F5F5;
                text-decoration: none;
                border-bottom: 1px solid #F5F5F5;
                }
                #admin_nav a:hover {
                    border-bottom-width: 0;
                }

/*
==========================================
== _content: =============================
*/

#content {
    
    }
	#beta {
		width: 660px;
		float: right;
        font-family: Georgia, "Times New Roman", Times, serif;
		}
        #beta ul {
            padding-left: 25px;
        }
        #home_content {
            float: left;
            width: 380px;
        }
        #home_feature {
            float: right;
            width: 260px;
            }
            #f_head {
                margin-top: 5px;
                padding: 2px 0 2px 5px;
                font-size: 14px;
                color: white;
                background: url(../images/red_ban.gif) no-repeat top right;
            }
            #f_body {
                font: normal 11px/17px verdana;                                                
                }
                #f_body img {
                    float: left;
                    width: 70px;
                    height: 95px;
                    padding: 5px 10px 5px 0;                
                }
            #feature_top {
                padding: 5px 15px;
                background: url(../images/feature_top.gif) no-repeat top center;            
                }             
                #feature_bottom {
                    height: 68px;
                    background: url(../images/feature_bottom.gif) no-repeat top center;            
                } 
    #beta p a, #beta ul a {
        color: #EF3224;
    }

/*
==========================================                                                                                                                               
== _footer: ==============================
*/

#footer {
	margin-top: 20px;
	border-top: 1px solid #DADADA;
    clear: both;
    font-size: 10px;
    }
    #footer a {
        color: #EF3224;
    }
    #credit {
        float: left;
        width: 700px;
    }
    #foot_nav {
        float: right;
        padding: 0;
        margin: 0;
        }
        #foot_nav li {
            display: inline;
            list-style: none;
        }