html {font-family: "Tahoma"; color : #505050;font-size : 14px;}
body {width : 100%;height : 100%;background : #000;}

#darker{
background-color:#000;
background-image : url(i/bgimage1.jpg);
background-repeat : no-repeat;
background-position: 50% 0%;
position : absolute;
width : 100%;
height : 1056px;
top : 0px;
overflow: hidden;
z-index : 0;
}
#back{display: none; background-color:transparent; position: absolute; top: 30px; left: 30px;float: left; z-index:5;}
#back #nav {margin:0;padding:0; height:0px;}
#back #nav  li{display:inline;height:0px}
#back #nav  li a{float:left;font-size:0px; color: transparent; height:35px ;padding-top:0px; margin-left: 0px; overflow:hidden;background-image:url(i/bk.png);background-repeat:no-repeat;}
#back #nav li#home a{background-position:0px 0px;width:35px;}
#back #nav li#home a:hover{background-position:0px -35px;}

#divLogin{
display:none;
background-color: #FFFFFF;
width: 300px;
top: 150px;
position : relative;
text-align : center;
vertical-align : middle;
margin : 0 auto;
z-index:90;
padding: 20px;
}

#Auth table{
	float: none;
	border-width: 0;
}
#Auth table td{
	text-align: left;
	padding: 5px;
	height: auto;
	background-image: none;
}
#Auth table td.sign_in{
	text-align: center;
}
a {color : #606060;}
a:hover {color : #999999;}

h1 {font-size : 18px; color : #99ccff; line-height : 1.5em;font-style: normal;}
h2 {font-size : 18px; color : #99ccff; line-height : 1.5em;font-style: normal;}
h3 {font-size : 18px; color : #99ccff; line-height : 1.5em;font-style: normal;}
h4 {font-size : 16px; color : #99ccff; }

#main {
/*position : relative;
top : 20px;*/
text-align : center;
vertical-align : middle;
margin : 20px auto 0;
width : 740px;
height : 100%;
z-index : 10;
position:relative;
}

/*background : transparent;*/
}

.head { font-size : 10px; position : relative ; top:3px; z-index : 100;}
.head #left {
float: left;
background-image : url(i/hsL.png);
background-position: 0 0;
background-repeat : no-repeat;
width : 14px;
height : 55px;
}
.head ul li{
	z-index : 100;
}

.head #center {
float: left;
background-color:#fff;
height : 55px;
width : 710px;
}
.head #center #lefticons{
float: left;
height : 55px;
width : 200px;
background-color:#fff;
}

.head #center #righticons{
float: right;
height : 55px;
width : 400px;
background-color:#fff;
}

.head #right{
float: left;
background-image : url(i/hsR.png);
background-position: 0 0;
background-repeat : no-repeat;
width : 16px;
height : 55px;
}

.head #center #lefticons #menunav{position: relative; top: 15px; left: 15px;}
.head #center #lefticons #menunav #nav {margin:0;padding:0;}
.head #center #lefticons #menunav #nav  li{display:inline;height:25px}
.head #center #lefticons #menunav #nav  li a{float:left;font-size:0;height:0;padding-top:25px; margin-right: 25px; overflow:hidden;background-image:url(i/ico.png);background-repeat:no-repeat;}
.head #center #lefticons #menunav #nav li#home a{background-position:0 0;width:25px;}
.head #center #lefticons #menunav #nav li#mailto a{background-position:-25px 2px;width:25px;}
.head #center #lefticons #menunav #nav li#home a:hover{background-position:0 -25px;}
.head #center #lefticons #menunav #nav li#mailto a:hover{background-position:-25px -23px;}

.head #center #righticons #menunav{position: relative; top: 15px; right: 1px;float: right;}
.head #center #righticons #menunav #nav {margin:0;padding:0;}
.head #center #righticons #menunav #nav  li{display:inline;height:25px}
.head #center #righticons #menunav #nav  #seeMref{float:left; position: relative;  padding: 10px 0px 5px 10px;}
.head #center #righticons #menunav #nav  #loginref{float:left; position: relative;  padding: 10px 0px 10px 30px;}
.head #center #righticons #menunav #nav  #docref{float:left; position: relative;  padding: 10px 0px 5px 10px;}

.head #center #righticons #menunav #nav  li a{float:left;font-size:0;height:0;padding-top:25px; margin-left: 5px; overflow:hidden;background-image:url(i/ico.png);background-repeat:no-repeat;}
.head #center #righticons #menunav #nav li#seeM a{background-position:-50px 0;width:25px;}
.head #center #righticons #menunav #nav li#doc a{background-position:-100px 0;width:25px;}
.head #center #righticons #menunav #nav li#login a{background-position:-75px 0px;width:25px;}
.head #center #righticons #menunav #nav li#seeM a:hover{background-position:-50px -25px;}
.head #center #righticons #menunav #nav li#login a:hover{background-position:-75px -25px;}
.head #center #righticons #menunav #nav li#doc a:hover{background-position:-100px -25px;}

#menu #menunav{/*position: relative; right: 0px; float: left;*/ background: #ffffff; z-index:30;}
#menu #menunav #nav {margin:0;padding:0; height:0px;}
#menu #menunav #nav  li{display:inline;height:0px}
#menu #menunav #nav  li a{float:left;font-size:0px; color: transparent; height:82px ;padding-top:0px; margin-left: 0px; overflow:hidden;background-image:url(i/menu.png);background-repeat:no-repeat; background-color: white;}
#menu #menunav #nav li#home a{background-position:-1px 0px;width:155px;}
#menu #menunav #nav li#aboutUs a{background-position:-153px 0px;width:84px;}
#menu #menunav #nav li#WhyJoin a{background-position:-237px 0px;width:80px;}
#menu #menunav #nav li#HowtoApply a{background-position:-317px 0px;width:114px;}
#menu #menunav #nav li#Resources a{background-position:-431px 0px;width:90px;}
#menu #menunav #nav li#Contract a{background-position:-521px 0px;width:72px;}
#menu #menunav #nav li#Events a{background-position:-593px 0px;width:145px;}
#menu #menunav #nav li#home a:hover{background-position:-1px 0px;}
#menu #menunav #nav li#aboutUs a:hover{background-position:-153px -85px;}
#menu #menunav #nav li#WhyJoin a:hover{background-position:-237px -85px;}
#menu #menunav #nav li#HowtoApply a:hover{background-position:-317px -85px;}
#menu #menunav #nav li#Resources a:hover{background-position:-431px -85px;}
#menu #menunav #nav li#Contract a:hover{background-position:-521px -85px;}
#menu #menunav #nav li#Events a:hover{background-position:-593px -85px;}

#menu.about #menunav #nav li#aboutUs a{background-position:-153px -170px;width:84px; !important;}
#menu.WJ #menunav #nav li#WhyJoin a{background-position:-237px -170px;width:80px; !important;} 
#menu.HTA #menunav #nav li#HowtoApply a{background-position:-317px -170px;width:114px; !important;}
#menu.Res #menunav #nav li#Resources a{background-position:-431px -170px;width:90px; !important;}
#menu.Con #menunav #nav li#Contract a{background-position:-521px -170px;width:72px; !important;}
#menu.Eve #menunav #nav li#Events a{background-position:-593px -170px;width:145px; !important;}

#content {
text-align : left;
position : relative;
padding: 0 0 0px 0;
min-height: 800px; 
width : 740px;
background: #ffffff;
clear:both;
}
#menu{
width : 740px;
/*position : relative;

height : 81px;
top: 0px;
background : transparent;
z-index : 45;*/
background: white;
}

.site_content {
padding-top : 30px;
padding-left : 10px;
padding-right : 30px;
padding-bottom : 30px;
position : relative;
float : right;
width : 545px;
height : 100%;
line-height : 1.4em;
}

.site_content ul {
      margin-left: 0;
      padding-left: 1em;
}

.site_content li {
    list-style: disc outside;
}
.NewEvent  {background-color: #ddd; font-size : 21px; font-family: "Tahoma"; color : #333; line-height : 1.5em; font-style: normal;}
.au {background-color: #eee; font-size : 14px; font-family: "Tahoma"; color : #333; line-height : 1.5em; font-style: normal; float: right}
.button { font-size : 18px; font-family: "Tahoma"; color : #333; line-height : 1.5em; font-style: normal;}
#Auth .button {position: relative; left: 38px; font-size : 18px; font-family: "Tahoma"; color : #333; line-height : 1.5em; font-style: normal;}
/* textarea {background-color: #ddd; font-size : 18px; color : #99ccff; line-height : 1.5em; font-style: normal;} */

/**/

#footer {
	font-size : 10px; 
	position : relative;
	/*height : 50px;*/
	background : #eee; 
	z-index : 26;
	position:relative; margin-bottom: 10px;
	text-align:center;
	color : #606060;
	font-size:10px;
}
#footer td {
	vertical-align: middle;
	height:50px;
}
#footer table{
	border-collapse: collapse;
	width: 100%;
	border:0;
	padding:0;
	margin:0;
}
#april a:hover{
	color : #f127c9;
}
#april{
	text-align: left;
	padding:10px;
}
#april-logo{
	width: 150px;
}
#april-logo a{
	display: block;
	float:right;
	background-image:url(img/april-logo.png);
	background-position:0px -30px;
	height:30px;
	width:30px;
}
#april-logo a:hover{
	background-position:0px 0px;
}
#itea-lab{
	padding-left:none;
	text-align: left;
}
#itea-lab-logo{
	padding-right:10px;
	text-align: right;
}
#itea-lab-logo a{
	background: url('img/itea-lab-logo2.gif');
	display:block;
	float:right;
	width:140px;
	height:33px;
}
#copyright{
	width:120px;
}
#itea-lab-logo a:hover{
	background-position: 0px -33px;
}

/**/

#spacer, #left_corner, #right_corner {
	height:15px;
}
#spacer{
	background-color:#FFFFFF;
}
#left_corner {
	background-position:0 -18px;
	float:left;
}
#right_corner {
	background-position:-17px -18px;
	float:right;
}
#left_corner, #right_corner {
	background-image:url(img/round.png);
	background-color:black;
	width:16px;
}
.gallery .pic{
	height:210px!important;
	width:260px!important;
	text-align:center;
	float:left;
}
.gallery .pic .title{
	text-align: center;
}