body{
background: url(images/gfx/body_bg.gif) #2a2a2a;
margin: 0px;
font-family: Arial;

}

#container{
width: 780px;
margin: 0 auto;
padding: 0;

}


#frame{
width: 780px;
float: right;
background: url(images/gfx/content_background.jpg) repeat-y;
}






#header{
height: 89px;
margin: 0;
padding: 0;
background: url(images/gfx/head.jpg) no-repeat top right black;
}





#logo{
padding: 5px 0px 0px 10px;
float: left;
}



a{
color: royalblue;
text-decoration: none;
}

a:hover{
color: #04497d;
text-decoration: none;
}



.required{
font-size: 12px;
color: gray;
margin-left: 20px;
}


/*--------------NAVIGATION-----------------*/
#navigation{
float: left;
background: url(images/gfx/navback.gif) repeat-x black;
width: 780px;
padding: 0px;
height: 62px;
border-bottom: 3px #eee solid;
}


.GI_logo{
float: left;
padding-left: 15px;
}


ul#nav{
margin: 0;
padding: 0;
text-align: right;
width: 450px;
float: right;
}


ul#nav li{
margin: 0;
padding: 0;
list-style: none;
float: left;
}


ul#nav li a{
color: #dcdecb;
font-weight: bold;
text-decoration: none;
height: 26px;
width: 85px;
font-size: 12px;
letter-spacing: 1px;
float: left;
text-align: center;
padding-top: 5px;
margin: 20px 4px 0px 0px;
}


ul#nav .active a{
background: url(images/gfx/navlink_bg.gif) no-repeat;
color: white;
}


ul#nav .active a:hover{
background: url(images/gfx/navlink_bg.gif) no-repeat;
}


ul#nav li a:hover{
background: url(images/gfx/navlink_bg_hover.gif) no-repeat;
}





/*----------CONTENT-----------------*/

#content_wrapper{
float: left;
margin: 00px 0px 40px 0px;

}

#content_left{
float: left;
width: 500px;
padding: 20px 0px 20px 30px;
}

#content{
margin:0px;
padding: 0px 0px 10px 0px;
float: left;
}


#content p{
padding: 5px 0px 0px 0px;
font-size: 14px;
margin: 0px;
color: #4E4E4E;
line-height: 20px;
}


#content .contentlink a {
color: royalblue;
text-decoration: underline;
letter-spacing: 1px;
float: right;
font-size: 11px;
}

#content .contentlink a:hover{
text-decoration: none;
}


#TellUs, #Advertise{
padding: 20px 20px 0px 0px;
margin: 0;
}

.bigTitle{
color: #4E4E4E;
font-size: 30px;
border-bottom: 1px #eee dashed;
}

.smalltitle{
color: #4E4E4E;
font-size: 16px;
font-weight: bold;
padding-bottom: 3px;
border-bottom: 1px #eee dashed;
text-align: center;
}


#content_left b{
color: #4c4c4c;
font-size: 13px;
}


#content_left .getinvited_link{
text-align: right;
float: right;
margin:  0px 20px 0px 0px;
padding-bottom: 10px;
}

#content_left .getinvited_link a{
color: royalblue;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
padding-left: 10px;
margin: 0;
}

#content_left .getinvited_link a:hover{
text-decoration: none;
}



.arrow_red{
width: 10px;
float: left;
background: yellow;
}




/*------------PHOTO+GALLERY----------*/


#photos{
margin: 25px 0px 0px 0px;
}

.photohead-icon{
float: left;
padding-right: 20px;
}

#thumb_set a{
padding: 0px;
margin: 0;
}

#thumb_set a:hover{
}

#thumb_set .thumb_desc{
margin-left: 15px;
float: left;
font-family: Helvetica;
width: 280px;
padding: 0px 5px 5px 5px;
}


.thumb_desc big{
color: #094f69;
font-weight: bold;
font-size: 16px;
border-bottom: 2px #e2e2e2 solid;
float: left;
width: 100%;
padding-bottom: 4px;
margin-bottom: 10px;
}

.thumb_desc big a{
color: #046292;

}

.thumb_desc big a:hover{
color: royalblue;
}


#thumb_set .thumb_pic{
float: left;
padding: 2px;
background-color: white;
height: 60px;
}


#thumb_set .thumb_pic:hover{
background-color: #eee;
}

#thumb_set .thumb_date{
float: left;
margin: 0;
padding: 0;
font-size: 15px;
}

#thumb_set .thumb_number{
float: right;
margin: 0;
padding: 0;
font-size: 13px;

}

#thumb_set .thumb_number a{
text-decoration: underline;
color: royalblue;
}

#thumb_set .thumb_number a:hover{
text-decoration: none;
color: royalblue;
}

#thumb_set{
border: 1px #f6f6f6 solid;
background: #f9f9f9;
float: left;
padding: 8px 8px 8px 8px;
margin: 4px 0px 8px 0px;
height: 65px;
}

#thumb_set a{
text-decoration: none;
}


#thumb_set:hover {
background: white;
}


.photographer{
float: left;
margin-right: 20px;
font-size: 12px;
}

.photographer a{
color: royalblue;
}





/*---PAST+EVENTS---*/

#pastEvents{
line-height: 20px;
padding: 20px 0px 20px 0px;
}


#pastEvents h2{
color: #4E4E4E;
font-size: 22px;
font-weight: bold;
margin: 0;
padding: 0;
}





#pastEvents a:hover{
text-decoration: none;
}

#pastEvents b{
color: royalblue;
}


#pastEvents .pasteventdate{
color: #595a4f;
margin: 5px 0px 0px 0px;
float: left;
width: 120px;
font-weight: bold;
color: #5b6163;
}


#pastevent_box{
color: black;
font-size: 14px;
text-decoration: none;
float: left;
width: 470px;
margin: 0px 0px 4px 00px;
padding: 4px 2px 4px 8px;
border: 1px #f6f6f6 solid;
background: #f9f9f9;
}

#pastevent_box:hover{

}


.pasteventinfo{
margin: 0px 0px 0px 40px;
padding-left: 10px;
float: left;
color: royalblue;
}

.pasteventinfo b{
color: royalblue;
}

.pasteventinfo i{
font-weight: bold;
}

#pastEvents_years{
margin: 0px;
padding: 0px;


}


ul#years{
margin: 15px 0px 0px 20px;
padding: 0px;
list-style: none;
text-align: center;

}

ul#years .active a {
color: #3e3d3d;
background: none;

}

ul#years .active a:hover {
color: #3e3d3d;

}

ul#years li{
list-style: none;
margin: 0;
padding-right: 20px;
float: left;
}

ul#years li a{
font-size: 25px;
color: #b7b7b7;
text-decoration: none;

}

ul#years li a:hover{
color: #ffd409;
}

.yearlink{
color: gray;
}

#space{
float: left;
height: 90px;
width: 1px;
}




#popup{
padding: 10px;
border: 1px #eee solid;

}



/*---UPCOMING+EVENTS---*/

#event_frame{
float: left;
padding: 10px;
width: 470px;
background: #F7F7F7;
margin-bottom: 10px;
}

#event_frame b{
font-size: 18px;
font-weight: normal;
}

.event_pic{
margin-top: 10px;
}

#event_frame .event_pic_link a{
border: 3px white solid;

text-align: center;
margin: 6px 0px 6px 0px;
padding: 2px;
float: left;
height: 80px;
}

#event_frame .event_pic_link a:hover{
border: 3px gray solid;
}


#content .event_date{
font-weight: bold;
font-size: 22px;
padding: 5px;
color: #295a83;
background: white;
}


#event_details b.event_title{
font-weight: normal;
font-size: 22px;
margin: 0;
}

#event_details b.event_title a{
color: black;
text-decoration: none;
}

#event_details b.event_title a:hover{
color: royalblue;
}

#event_details b, #event_desc b{
font-size: 15px;
}

#event_details{
float: left;
font-size: 16px;
text-align: center;
width: 100%;
padding: 15px 0px 15px 0px;
}

#event_details b{
font-weight: bold;
}

.event_enlarge{
float: right;
font-size: 13px;
margin: 7px 10px 0px 0px;
color: #434343;
}

.event_enlarge2{
text-align: center;
font-size: 15px;
font-weight: bold;
color: #434343;
margin: 0;
}

#event_frame .event_desc{
float: left;
font-size: 15px;
padding: 15px 0px 15px 0px;
background: #FEFEFE;
width: 460px;
text-align: center;
margin-left: 0px;
margin-top: 6px;
}


#event_frame .event_desc a{
border: 0;
}


.bigdate{
font-size: 20px;
color: black;
}


/*----------------SIDEBAR------------------------ */

#sidebar{
float: right;
width: 236px;
color: white;
padding: 0;
margin: 20px 0px 30px 0px;
}



.sidebartitle{
float: right;
width: 228px;
height: 24px;
background: #eeeee5;
border-bottom: 2px #e0e1cd solid;
border-top: 1px #eaebd6 solid;
padding: 5px 0px 0px 10px;
margin-left: 3px;
color: #474747;
font-size: 14px;
font-weight: bold;
}


#eventlisting{
margin: 0;
background: url(images/gfx/eventlist.gif) no-repeat bottom right;
float: left;
}

b.list_small{
font-size: 10px;
color: black;
margin: 0;
}

.bar-dark{
padding: 2px 0px 5px 8px;
margin-bottom: 0px;
float: left;
width: 228px;
}

#eventlisting a{
font-size: 12px;
text-decoration: none;
font-weight: bold;
}

#eventlisting a:hover{
color: #04497d;
}

#eventlisting .bar{
padding: 2px 0px 2px 8px;
border-bottom: 1px #eee solid;
float: left;
width: 228px;
}


.side_links{
font-size: 14px;
font-weight: bold;
color: #4E4E4E;
padding: 10px;
margin: 0;
border-top: 1px #eee solid;
}

.side_links a{text-decoration: underline;font-size: 13px;}
.side_links a:hover{text-decoration: none;}

/*------------------LOGOUT-------*/
#logout{
float: left;
height: 100px;
padding: 10px 0px 0px 10px;
}

#logout a{
color: royalblue;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
}


.logout_button{
float: right;
margin-top: 5px;
margin-right: 10px;
background: url(images/gfx/logout.gif) no-repeat #454545;
width: 81px;
height: 29px;
border: 0;
}




/*------------LOGIN-----*/


#members{
float: right;
height: 115px;
}


#join_link{
float: right;
margin: 0px 0px 5px 0px;
padding: 20px 0px 6px 0px;
width: 241px;
text-align: center;
}

#join_link a{
color: gray;
font-weight: bold;
}

#join_link a:hover{
text-decoration: underline;
}



#loginBoxes{
float: left;
width: 100px;
line-height: 0px;
}


#member .checkbox{
}



.inputbox{
padding: 0px 0px 1px 2px;
font-size: 12px;
border: 1px gray solid;
color: black;
width: 130px;
background: white;
margin-bottom: 6px;
margin-left: 4px;
}


#member_info{
color: #555555;
margin: 10px 0px 0px 25px;
padding: 0;

}



#members .membertext{
float: left;
font-size: 12px;
line-height: 22px;
}

.greet{
font-size: 14px;
}



.login_button{
float: right;
margin-top: 5px;
margin-right: 10px;
background: url(images/gfx/login.gif) no-repeat #454545;
width: 81px;
height: 29px;
border: 0;
}


.forget_text a{
font-size: 10px;
color: gray;
text-decoration: none;
float: left;
padding-left: 65px;

}


.forget_text a:hover{
text-decoration: underline;
}




/*-------JOIN+NOW------*/

#join_sidebar{
float: right;
background: url(images/gfx/seal.gif) no-repeat 120px 8px ;
width: 238px;
height: 150px;
color: black;
padding: 0px;
margin: 0px;
font-size: 15px;
}

#join_sidebar span{
color: gray;
font-size: 11px;
margin-left: 6px;
}

#join_sidebar ul{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 7px;
font-size: 13px;
list-style: none;
line-height: 25px;
}


.join_link a{
color: royalblue;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
float: right;
margin-right: 20px;
margin-top: 25px;
}

.join_link a:hover{
text-decoration: none;
}




/*-------SPONSORS-------*/

#sponsors{
float: right;
padding: 0;
width: 230px;
margin: 15px 0px 0px 10px;
}



.ad{
border: 3px #a8a790 solid;
padding: 5px;
background: #eee;

}

#sponsors .ad:hover{
border: 3px gray solid;
}


#sponsors{
word-spacing: 3px;
line-height: 25px;
}

/*----------CORPORATE+SPONSORS----------*/
#corplogo{
padding: 10px;
}



/*----------WHY+JOIN?----------*/

#whyjoin{
float: left;
background: url(images/gfx/pagecurl.jpg) no-repeat top right #f3f3f3;
padding: 10px 0px 10px 10px;
height: 160px;
width: 450px;
}

#whyjoin p{
color: gray;
font-size: 13px;
}

#whyjoin .whyjoin_title{
color: #094f69;
font-size: 30px;
border-bottom: 1px #eee solid;
padding-bottom: 2px;
}

#whyjoin .join_seal{
float: left;
padding-right: 10px;
}

ul#join_list{
font-size: 14px;
color: black;
list-style: none;
margin: 10px 0px 10px 0px;
}

ul#join_list li{
padding-left: 10px;
}


#whyjoin .whyjoin_link{
float: right;
font-weight: bold;
font-size: 14px;
text-align: right;
margin: 0px 10px 0px 0px;
padding: 0;
}

#whyjoin .whyjoin_link a{
color: royalblue;
text-decoration: underline;
}

#whyjoin .whyjoin_link a:hover{
text-decoration: none;
}



/*-----CONTACT+PAGE-----*/
#contactus{
font-size: 14px;
color: gray;
}

#contactus p{
font-size: 14px;
}

#contactus p a{
text-decoration: none;
color: royalblue;
}


#contactus a:hover{
color: royalblue;
}


#contactus b.subtitle{
color: #4c4c4c;
font-size: 14px;
}


.sub_nav a{
font-size: 12px;
color: royalblue;
font-weight: bold;
}


.sub_nav_active{
font-size: 12px;
color: gray;
font-weight: bold;
}


#suggestion{
font-size: 14px;
color: gray;
font-weight: normal;
}



/*---JOIN+PAGE-----*/

#join_content{
padding-right: 30px;
}


#join_content .note{
font-size: 12px;
}


#join_content p{
font-size: 14px;
}


b.subtitle{
color: #4c4c4c;
font-size: 15px;
}

#join_content b.error{
color: red;
font-size: 12px;
}


.join_required{
font-size: 15px;
font-weight: bold;
color: gray;
margin-left: 20px;
}

#first_name, #last_name, #street_address, #suite, #city, #province, #country, #postal, #email_address,  #number, #ac, #pass, #pass2, #gender, #age, #how, #confirm_email_address, #company, #industry, #budget, #adinfo, #email, #sugg, #name, #eventinfo{
border: 1px gray solid;
margin: 1 0px 1px 0px;
padding: 1px 0px 1px 0px;
}



#sendbutton{
border: 0;
background: url(images/gfx/send.gif) no-repeat;
width:68px;
height: 22px;
}

#joinbutton{
border: 0;
background: url(images/gfx/join.gif) no-repeat;
width:92px;
height: 22px;
}


/*-----INVITE+A+FRIEND-------*/

#invite{
font-size: 13px;
color: #4E4E4E;
}


/*--------FOOTER----------- */


#footer{
padding-top: 10px;
float: left;
color: #d2d2cb;
font-size: 11px;
text-align: left;
padding-bottom: 20px;
background: #2a2a2a;
width: 780px;
border-top: 3px #eee solid;
}

#footer a{
color: #eee;
text-decoration: underline;
}


#footer a:hover{
text-decoration: none;
}


.copyright{
color: #d2d2cb;
padding: 0px 20px 0px 0px;
text-align: right;
float: right;
}



#footer .copyright a{
text-decoration: underline;
color: #d2d2cb;
}



#footer .copyright a:hover{
text-decoration: none;
}


.contact{
float: left;
padding: 0px 0px 0px 20px;
font-size: 14px;
}





