/*
==============================================
* Filename: styles.css

============================================== 
== STRUCTURE: ================================
* Page width: 980 px
* Number of columns: 2

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

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

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

* Silver - #DADADA
* Grey - #999999
* Blue/dark - #01458E
* Blue/sky - #60A1E7 
* Blue/light - #D7EBFE
* Red - #CC0000

============================================== 
== _defaults: ==============================*/
@charset "utf-8";

html { 
    margin: 0; 
    padding: 0;
    }
    body {
        /*font: font-style (italic/normal) font-variant (small-caps) font-weight font-size/line-height font-family; */
        font: normal 0.7em/1.7 "lucida grande",tahoma,verdana,arial,sans-serif;
        margin: 0; 
        padding: 0; 
        text-align: center; 
        background: #cee6f3 url(../images/bg1.png) repeat-x 0px 0;; 
        }
        h1, h2, h3, h4 {
			color: #01458E; 
            margin: 0; 
            padding: 0; 
        }
				h1 { font: normal 25px/1.7 "Trebuchet MS" Georgia, "Times New Roman", Times, serif; border-bottom: 0px dotted #01458E; } 
				h2 { font: normal 18px/1.7 "Trebuchet MS" Georgia, "Times New Roman", Times, serif; } 
				h3 { font: normal 14px/1.7 "Trebuchet MS" Georgia, "Times New Roman", Times, serif; } 
				h4 { font: normal 12px/1.7 "Trebuchet MS" Georgia, "Times New Roman", Times, serif; }
				
        a { 
            color: #01458E; 
						text-decoration: none;
						}
						a:hover {
								color: #60A1E7;  
						}

    input {
        font: normal 11px "lucida grande",tahoma,verdana,arial,sans-serif; 
        vertical-align: bottom;
				}
				input.text {
						margin-bottom: .5em;
						width: 150px;
						color: #666666;
				}
				input.s_btn {
						height: 26px;
						background: url(../images/s-btn.gif);
						vertical-align: bottom;
				}
    select { 
        font: normal 11px/1.7 "lucida grande",tahoma,verdana,arial,sans-serif;  
        padding-left: 2px; 
    }
    table {
		/* width: 100%; */
		/* font-size: 95%; */
      	margin: 0 auto; 
				}
				table th { 
						border-bottom: 1px solid #DADADA; 
						background: #F0F0F0; 
				}
				table td {
						color: #666;
						border-bottom: 1px solid #DADADA; 
				}

/*
============================================
== _globals: ===============================
*/

.inner { 
    padding: 10px;
}
.clear { 
    display: block; 
    clear: both;
}
.box { 
    padding: 5px; 
    border: 1px solid #DADADA; 
}
.wrap {
		padding-bottom: 1em;
		margin-bottom: 1em;
}
.sml { 
    font-size: 11px;
}
.bt { 
    padding-top: .5em; 
		margin-top: .5em; 
		border-top: 1px solid #DADADA; 
}  
.colomn { 
    float: left; 
    margin-right: 1em; 
}
.list li {
		list-style: url(../images/blt.gif);		
}
.t_large {
		font-size: large;
}
.t_medium {
		font-size: 14px;
}
.border-b {
		border-bottom: 1px solid #DADADA;
}
.border-a {
		border: 1px solid #DADADA;
}
.red { color: #cc0000; }

dt {	clear: left; width: 100px; display:block;
}
dd {	clear: left; margin-left: 110px; display:block;
 }
	
/*
==========================================
== _frame: ===============================
*/

#frame {
	
}

/*
==========================================
== _container: =============================
*/

#container {
	background: white;
    text-align: left;
    width: 990px;
    margin: 10px auto;
    border: 5px solid #dadada;
		}

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

#header {
    height: 250px;
    width: 960px;
	border-bottom: 0px solid #DADADA;
	margin: 15px auto;
    }
    #header a {
        color: #666666;
        text-decoration: none;
    }
				
    #header-top {
    	
        height: 250px;
		clear: both;
		/*background: url(../images/header2.jpg) no-repeat 0px 0; */
		padding: 0 0px;
	
        }
				#header-top a:hover {
						text-decoration: underline;
				}
				#header-top-left {
						width: 300px;
						float: left;
						}
						
				#header-top-right {
						
						width: 400px;
						float: right;
						text-align: right;
				}
				#header-top ul {
						text-align: right;
						font-size: 10px;
						}				
						#header-top li {
								display: inline;		
						}

    #header-bottom {
        clear: both;
        		margin: 10px 0;
				padding-right: 0px;
				height: 25px;
				border: 0px solid red;
        }  
        #navbar {
            float: left;
            text-align: right;
            }
						#navbar ul {
								padding: 0;
								margin: 0;
								}
								#navbar li {
										font: bold 12px/1.9 "Trebuchet MS", "Times New Roman", Times, serif;	
										display: inline;
								}
								#navbar li a {
										border: solid #dadada;
										border-width: 1px 1px 1px 1px;
										padding: 2px 10px 2px 10px;
										background-image: url(../images/h-bg.gif);
										background-repeat: repeat-x;					
								}
								#navbar li a:hover {
										background-position: 0 -23px; 
										color: #333;
										border-color: #999;
										background: #dadada;
										
								}
								#navbar li a.n_view {
										background-image: url(../images/vh-bg.gif);
										background-repeat: repeat-x;
										color: #333;
										border-color: #dadada;
								}
								#navbar li a:hover.n_view {
										color: white;
								}


								/*
==========================================
== _crumb: =============================
*/

#crumb {

	color: red;
	vertical-align: top;
	float: left; 
	margin: 5px;
	border: 0px solid #dadada;
	padding: 5px;
	text-align: left;
} 

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

#content {
    }
		#content-top {
				padding: 0 20px;
				border-bottom: 1px solid #DADADA;
		}
		#content-bottom {
				margin-top: 40px;
				padding: 10px 20px 10px 20px;
				}
				#alpha {
						float: left;
						width: 500px;
						margin-right: 10px;
						/* margin-bottom: 10px; */
						padding-right: 20px;
						border: dotted #DADADA;
						border-width: 0 1px 0 0;
						}
						.login-column {
								float: right;
								width: 200px;
						}
						.reg-column {
								float: left;
								width: 400px;
						}
				#beta {
						padding-top: 10px;
						border: 0px solid red;
						float: right;
						height: auto;
						width: 400px;
						}
						#beta ul.list {
								padding: 0 0 0 10px;
								margin: 0;
						}
						#beta li {
								padding-top: 10px;
						}
						#beta_lower { 
								position: relative; 
								margin-top: 80px;
								border-top: 1px solid #dadada;
						}
						#sidenav {
								font: normal 18px/1.7 Georgia, "Times New Roman", Times, serif;
								list-style: none;
								padding: 0 0 0 25px;
								margin: 0;
								}
								#sidenav li a {
										color: #666666;
										text-decoration: none;
								}
								#sidenav li a.s_view {
										margin-left: -25px;
										color: #01458E;
										background: url(../images/blt.gif) no-repeat;
										padding-left: 25px;
								}
								#sidenav li a:hover {
										color: #60A1E7;
								}

				#gamma {
						float: left;
						width: 180px;
						margin-left: 10px;
						padding-left: 10px;
						padding-left: 10px;
						border: solid #DADADA;
						border-width: 0 0 0 1px;
						}
		.sub {
				padding: 20px;
				}
				.sub div#alpha {
						width: 650px;
				}
		.sub2 {
				padding: 20px;
				}
				.sub2 div#alpha {
						width: 650px;
						border-width: 0;
				}

		.entry {
				font-size: 11px;
				padding: 15px 0;
				border-top: 1px solid #DADADA;
				}
				.e_event {
						background: url(../images/stamp_e.gif) no-repeat 0 3px;
				}
				.e_news {
						background: url(../images/stamp_n.gif) no-repeat 0 3px;
				}
				.e_header {
						font: normal 12px/1.7 Georgia, "Times New Roman", Times, serif;
						padding-left: 45px;
						margin-bottom: 15px;
				}
				.e_header span {
						padding-left: 5px;
						color: #666666;
						font: normal 10px/1.7 "lucida grande",tahoma,verdana,arial,sans-serif;
				}
				.e_header p {
						padding: 0;
						margin: 0;
						line-height: normal;
				}
				.entry h2 {
						font: normal 12px/1.7 Georgia, "Times New Roman", Times, serif;
						color: #666666;
				}
	
		.frm_wrap label {
				position: relative; 
				display: block; 
				float: left; 
				width: 10em; 
				margin-right: 1em; 
		}
		.d-list {
				padding: 5px;
				border: 1px solid #DADADA;		
				font: normal 11px/1.7 "lucida grande",tahoma,verdana,arial,sans-serif;		
				}
				.d-list span {
						margin: 0 1em;
				}
				.d-list span.d-date {
						margin: 0;
						color: #212121;
				}
				.d-list ul {
						padding-left: 5px;
						margin: 0;
				}
				.d-list li {
						list-style: none;
				}	

		.live-d a {
				color: #CC0000;
			}
			.live-d a:hover {
					color: #01458E;
			}
		.res-user {
				color: #666;
				float: left;
				width: 100px;
				margin: 1.2em 10px 0 0;
				padding-top: 36px;
				background: url(../images/stamp_c.gif) no-repeat 50% 0;
				font: normal 11px/1.7 "lucida grande",tahoma,verdana,arial,sans-serif;
				text-align: center;
		}
		.res-detail {
				float: left;
				width: 750px;
		}
/*
==========================================
== _footer: ==============================
*/

#footer {
    font: normal 11px/1.7 "lucida grande",tahoma,verdana,arial,sans-serif;	
    clear: both;
		border-top: 1px solid #DADADA;
		padding: 10px 20px;
		color: #01458E;
    }
		#footer p {
				margin: 0;
		}
		#footer ul {
				padding: 0;
				margin: 0;
				}
				#footer li {
					display: inline;
				}
    #footer a {
        color: #999;
        text-decoration: none;
				}
				#footer a:hover {
						text-decoration: underline;
				}
		#foot-left {
				float: left;
				width: auto;
				display: inline;
		}
		#foot-right {
				width: auto;
				float: right;
		}

/*----------------------- MISC GENERIC styles --------------------------------------------*/

.hidden {
	position: absolute;
	left: -2000px;
	width: 1000px;
}

address { display: inline; }
.r { float: right; }
.l { float: left; }

select { border: 1px solid #999; font-size: 95%; padding: 1px;}
img { border: 0; }
.smalltext { font-size: 85%; font-weight: bold; }
.note { color: red; }
hr { border: 0; height: 0; border-bottom: 1px solid #dadada; }

#admin {
	background-color: #f8f8f8;
	margin: auto;
	margin-bottom: 5px;
	width: 880px; 
	min-height: 36px;

	padding: 10px;
	border: 1px solid #8c8c8c;

}

#admin p {
	position: relative;
	margin: 0px;
	padding: 0px;
}

#admin h1 {
	display: none;
}

.label {
	padding: 0px 3px;
	width: 150px;
	float: left;
	display: block;
	font-weight: bold;
	vertical-align: text-top;
}

.labelo {
	padding: 1px 5px;
	width: 150px;
	float: left;
	display: block;

	font-weight: bold;
}

.but {
	clear: both;
	background-color: #fff;
	padding: 2px 3px;
	border: 1px solid #ddd;
	text-decoration:none;
}

.but:hover {
	text-decoration:none;
	background-color: #999;
	color: #FFF;
	border: 1px solid #666;
}

.drawer {
	
	display: block;
	background: transparent;
	border-top: 1px solid #dadada;
	margin-bottom: 1.5em;
	margin-top: .5em;
	padding: .5em .5em .5em 0;
	min-height: 35px;
}

.drawer-faq {
	
	display: block;
	background: transparent;
	border-top: 1px solid #dadada;
	margin-bottom: .5em;
	margin-top: .5em;
	padding: .5em .5em .5em 0;
	min-height: 20px;
}
.expandable {
	clear: left;
	display: block;
	border-top: 1px dotted #dadada;
	background-color: transparent;
	/* margin-top: .5em; */
	padding: 5px 5px;
	
}
.expandable ul, .expandable img {
	margin: .5em 1em;
	
}
.drawer a:hover, .drawer-faq a:hover {
	color: #666; 
	text-decoration: none;
}

/************************** Style spec's for tooltip *********************************/
#tipDiv {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
	position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
	background-color:#f9f9f9; border: 1px solid #ccc; 
	max-width:200px; padding:0px; margin: 0;
	color:#000066; font-size:90%; line-height: 1.3em;
	width: 200px;
}

#tipDiv h4 {  
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
	background-color: #dadada; 
	color:#333; font-size:100%;
	margin-top: 0; padding: .5em;
}