/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
body {
	background: #ffffff;
	color: black;
	font-family: tahoma;
	font-size: 13px;
	margin: 0px 0px 0px 0px; /* top, rig, bot, lef */
	text-align: justify;
	behavior: url(./csshover.htc);
	font-weight: normal;
}
.main_content{
	padding: 0px 0px 0px 0px;
	float:center;
	width:'100%';
	text-align: center;
}
.style_title{
	font-family: tahoma; 
	font-size: 40px;
	color: #ffffff;
}
.style_title1{
	font-family: tahoma; 
	font-size: 40px;
	color: #000000;
}
.style_title2{
	font-size: 25px;
	color: #328a8f;		/* light blue green*/
	padding: 10px 0px 0px 0px; /* top, rig, bot, lef */
	font-weight: bold;
}
.style_title3{
	font-family: tahoma; 
	font-size: 100px;
	color: #D42C29;
}
.style_title4{
	font-size: 25px; 
	color: red;
	font-weight: bold;
}

.style1 {
	font-size: 10px;
	color: #999999;
}

.style1a{
	font-size: 18px;
	padding: 10px 0px 5px 5px; /* top, rig, bot, lef */
	color: #D42C29;
}
.style1b{
	font-size: 12px;
	padding: 10px 0px 5px 60px; /* top, rig, bot, lef */
	color: #ffffff;
}
.style2{
	font-size: 16px;
	color:#E9E9E9;
	padding: 10px 0px 5px 5px; /* top, rig, bot, lef */
}
.style2a {
	font-size: 18px; 
	color: #000000;
}
.style3 {
	font-size: 16px; 
	color: #DD4F05;
	font-weight: bold;
}
.style4 {	/* purple */
	font-size: 18px; 
	color: #328a8f;
}
.style5 {	/* blue */
	font-size: 16px; 
	color: #07A9EE;
	font-weight: bold;
}
.style6 {	/* green */
	font-size: 18px; 
	color: #00ff00;
	font-weight: bold;
}
.style7 { 	/*  green  */
	font-size: 16px; 
	color: green;
	font-weight: bold;
}
.style8 { 	/*  red  */
	font-size: 16px; 
	color: red;
	font-weight: bold;
}
.style9{			/* GTB orange*/
	color: #DD4F05;
	font-size: 16px;
	font-weight: bold;
}
.style10{			/* GTB orange*/
	color: #DD4F05;
	font-size: 14px;
	font-weight: bold;
}
.style11{			/* black*/
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
.style12{			/* black*/
	color: #000000;
	font-size: 14px;
}
.big_text{
	color: #000000;
	font-size: 44px;
	padding: 8px; /* top, rig, bot, lef */
	border-top: 20px solid #FE9900;
	border-right: 20px solid #009900;
	border-bottom: 20px solid #0000FE;
	border-left: 20px solid #990099;
	border-radius: 10px;
}

.footer{
	padding: 0px 0px 0px 0px; /* top, rig, bot, lef */
	margin: 0px 0px 0px 0px; /* top, rig, bot, lef */
	height: 30px;
	color: #4E433A;
	font-size: 10px;
}
#nav{padding: 0px 15px 0px 15px;  font-size: 16px; }
#nav ul{margin: 0;}
#nav li{
	display: inline; 
	margin: 0 1px; 
	background: ;
	padding: 0;
	}
#nav li a{text-decoration: none; color: #ffffff; border: 0; ; padding: 0px 10px 0px 10px;}/* top, rig, bot, lef */
#nav li a:hover{color: #328a8f; ; padding: 0px 10px 0px 10px;}

h1{color: #fff; margin: 0 3px; padding: 5px 0px 5px 5px; background: #000; color: white; font-size: 24px;}
h2{color: white; margin: 5px;}
h3{color: #fff; margin: 0 3px; padding: 5px 0px 5px 5px; color: #252525; font-size: 18px}
h4{background: #333; color: #eee; padding: 5px;}
h5{color: red; padding: 2px; font-size:18px;}

a{text-decoration: none;}
a img{border-width: 0px; }
a:hover{ color: #56311B;}

hr {
	background-color: #328a8f;
	border: 1px;
	height: 1px;
	margin: 0px 0px 0px 0px;	/* top, rig, bot, lef */
}
.box {
	width: 220px;
	height: 220px;
	border-top: 20px solid #FE9900;
	border-right: 20px solid #009900;
	border-bottom: 20px solid #0000FE;
	border-left: 20px solid #990099;
	border-radius: 110px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;  
  
  }
.box2 {
	width: 245px;
	height: 245px;
	border-top: 20px solid #FE9900;
	border-right: 20px solid #009900;
	border-bottom: 20px solid #0000FE;
	border-left: 20px solid #990099;
	border-radius: 110px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;  
  
  }
.box_inner { 
	font-weight: bold;
	color: #000000;
	background: "";
	height: 201px; 
	width: 201px;
	font-size:25px;
	word-wrap: break-word;
	padding:170px 5px 5px 5px ;	/* top, rig, bot, lef */
	cursor: pointer;
	border: 1px solid #ffffff;
	border-radius: 10px;
	text-align: center;
	margin: auto;
	}

/* Button ****************************************************************************/
.button {  	
	font-weight: bold;
	color: #ffffff;
	background: #009900;
	min-height:20px; 
	min-width: 80px;
	padding:5px 10px 5px 10px;
	cursor: pointer;
	border: 1px solid #ffffff;
	box-shadow: 5px 5px 5px grey;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.button_square { 
	font-weight: bold;
	color: #ffffff;
	background: #00ff00;
	height:200px; 
	width: 200px;
	font-size:18px;
	word-wrap: break-word;
	padding:5px ;
	cursor: pointer;
	border: 1px solid #ffffff;
	box-shadow: 5px 5px 5px grey;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.button_square_sm { 
	font-weight: bold;
	color: #ffffff;
	background: #00ff00;
	height:50px; 
	width: 200px;
	font-size:18px;
	word-wrap: break-word;
	padding:5px ;
	cursor: pointer;
	border: 1px solid #ffffff;
	box-shadow: 5px 5px 5px grey;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.button_square_long { 
	font-weight: bold;
	color: #ffffff;
	background: #ff0000;
	height:50px; 
	width: 400px;
	font-size:18px;
	word-wrap: break-word;
	padding:5px ;
	cursor: pointer;
	border: 1px solid #ffffff;
	box-shadow: 5px 5px 5px grey;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.button_long { 
	font-weight: bold;
	color: #ffffff;
	background: #00ff00;
	height:200px; 
	width: 400px;
	font-size:28px;
	word-wrap: break-word;
	padding:5px ;
	cursor: pointer;
	border: 1px solid #ffffff;
	box-shadow: 5px 5px 5px grey;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.button_black {  	
	font-weight: bold;
	color: #ffffff;
	background: #000000;
	min-height:20px; 
	min-width: 80px;
	padding:5px 10px 5px 10px;
	cursor: pointer;
	border: 1px solid #ffffff;
	box-shadow: 5px 5px 5px grey;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.button_red{  	
	font-weight: bold;
	color: #ffffff;
	background: #ff0000;
	min-height:20px; 
	min-width: 80px;
	padding:5px 10px 5px 10px;
	cursor: pointer;
	border: 1px solid #ffffff;
	box-shadow: 5px 5px 5px grey;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.button_green{  	
	font-weight: bold;
	color: #ffffff;
	background: #00ff00;
	min-height:20px; 
	min-width: 80px;
	padding:5px 10px 5px 10px;
	cursor: pointer;
	border: 1px solid #ffffff;
	box-shadow: 5px 5px 5px grey;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.button_light_blue{  	
	font-weight: bold;
	color: #ffffff;
	background: #07A9EE;
	min-height:20px; 
	min-width: 80px;
	padding:5px 10px 5px 10px;
	cursor: pointer;
	border: 1px solid #ffffff;
	box-shadow: 5px 5px 5px grey;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.button_hidden{  	
	color: #000000;
	background: #ffffff;
	cursor: pointer;
	border: 1px solid #ffffff;
	}

.big_button{
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	background: #328a8f;
	height:35px; 
	width: 180px;
	border:0px;
	cursor: pointer;
	box-shadow: 5px 5px 5px grey;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.search_button {
	color: #ffffff;
	width: 55px;
	height: 20px;
	font-size: 12px;	
	background: #4E433A;
	border:0px solid #fff;
	margin: 0px 0px 0px 0px;	/* top, rig, bot, lef */
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.search_button_rd {
	color: #ffffff;
	width: 40px;
	height: 20px;
	font-size: 12px;	
	background: #4E433A;
	border:0px solid #fff;
	margin: 0px 0px 0px 0px;	/* top, rig, bot, lef */
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.big_button_red{
	font-size: 30px; 
	color: #ffffff; 
	background-color: #ff0000; 
	border: 0px solid #333333;
	cursor: pointer;
	box-shadow: 5px 5px 5px grey;
	}
.big_button_black{
	font-size: 30px; color: white;; 
	background-color: black; 
	cursor: pointer;
	box-shadow: 5px 5px 5px grey;
	}
.big_button_green{
	font-size: 30px; color: white;; 
	background-color: green; 
	cursor: pointer;
	box-shadow: 5px 5px 5px grey;
	}
.big_button_purple{
	font-size: 30px; color: white;; 
	background-color: purple; 
	cursor: pointer;
	box-shadow: 5px 5px 5px grey;
	}
.button_400x400 { 
	font-weight: bold;
	color: #000000;
	background: "";
	height: 401px; 
	width: 401px;
	font-size:40px;
	word-wrap: break-word;
	padding:5px ;
	cursor: pointer;
	border: 1px solid #ffffff;
	border-radius: 10px;
	text-align: center;
	}
.button_300x300 { 
	font-weight: bold;
	color: #000000;
	background: #ffffff;
	height: 301px; 
	width: 301px;
	font-size:25px;
	word-wrap: break-word;
	padding:5px ;
	cursor: pointer;
	border: 1px solid #ffffff;
	border-radius: 10px;
	text-align: center;
	}
.button_200x200 { 
	font-weight: bold;
	color: #000000;
	background: #ffffff;
	height: 185px; 
	width: 185px;
	font-size:25px;
	word-wrap: break-word;
	padding:50px 5px 5px 5px ;	/* top, rig, bot, lef */
	cursor: pointer;
	border: 0px solid #ffffff;
	border-radius: 10px;
	text-align: center;
	margin: auto;
	}
.button_180x180 { 
	font-weight: bold;
	color: #000000;
	background: #ffffff;
	height: 160px; 
	width: 160px;
	font-size:25px;
	word-wrap: break-word;
	padding:30px 5px 5px 5px ;	/* top, rig, bot, lef */
	cursor: pointer;
	border: 0px solid #ffffff;
	border-radius: 10px;
	text-align: center;
	margin: auto;
	}
.button_50x200 { 
	font-weight: bold;
	background: "";
	height: 50px; 
	width: 200px;
	font-size:15px;
	word-wrap: break-word;
	padding:5px ;
	cursor: pointer;
	border: 2px solid #ffffff;
	border-radius: 10px;
	text-align: center;
	box-shadow: 5px 5px 5px grey;
	}
.button_50x200:hover {
  background-color: #ffffbb;
  border: 2px solid #a0a0a0; /* Green */
}
.button_50x200:active {
  background-color: #ffff99;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.login_class {
    width: 250px;
    height: 20px;
	border-width: 1px;
	border-color: #dedede;
	font-size: 14px;
	color: #000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

.login_box{
	border-width: 0px;
	border-color: #dedede;
	padding:10px 10px 10px 10px;
	margin:10px 10px 10px 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.login_button {
	color: #ffffff;
	width: 210px;
	height: 50px;	
	font-size: 25px;
	background: #328a8f;
	/* border:1px solid #000000; */
	margin: 10px 0px 10px 0px;	/* top, rig, bot, lef */
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}


.clock {
    top: 30%;
    left: 50%;
    color: #17D4FE;
    font-size: 60px;
    font-family: Orbitron;
    letter-spacing: 7px;
}