/***************************************
Hands on DC
http://www.handsondc.org
Copyright 2006 Hands on DC
Site by Rick Whittington
Rick Whittington Consulting
http://www.rickwhittington.com/consulting/
Created on 2/9/2006
***************************************/

* {padding: 0; margin: 0;}

body
{
	margin: 0 auto;
	text-align: center;
	font-family: Trebuchet MS, Myriad Pro, Myriad Web, Myraid, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	background: #fff url(..../img/page_bg.jpg) top left repeat-x;
}

td
{
	font-family: Trebuchet MS, Myriad Pro, Myriad Web, Myraid, Arial, Helvetica, Sans-Serif;
	font-size: 13px;	
}

p 
{
	padding: 15px 0 0 0;
}

img
{
	border: 0;
}

#container 
{
	width: 754px;
	margin: 0 auto;
	background-color: #fff;
}

a , a:visited, a:active
{
    color: #2273ff;
}

a:hover
{
    color: #1b4ea2;
}

h1
{
    font-size: 22px;
}

h2
{
    font-size: 18px;
    margin: 20px 0 0 0;
}

h3
{
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 5px 0;
}

h4
{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

/***************************************
MASTHEAD
***************************************/

#masthead
{
    background: url(../img/masthead_bg.gif) top left no-repeat;
    width: 750px;
    height: 139px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    text-align: left;
    color: #fff;
}

#masthead a
{
	color: #fff;
}

#tagline
{
    float: left;
    width: 420px;
    padding: 111px 0 0 47px;
}

#newsletter
{
    float: left;
    padding: 62px 0 0 10px;
    font-weight: bold;
}

#newsletter input.field
{
    padding: 2px;
}

#checkin
{
    float: center;
    padding: 62px 0 0 10px;
    font-weight: bold;
    font-size: 24px;
}

/***************************************
TOP NAVIGATION
***************************************/

#navbar 
{
    width: 750px;
    height: 33px;
    background: url(../img/nav_bg.gif) top left repeat-x;
    text-align: center;
    border: 2px solid #fff;
    
}

#navbar ul 
{
    padding: 0px;
    font-family: Trebuchet MS,  Myriad Pro, Myriad Web, Myraid, Arial, Helvetica, sans-serif;
    font-size: 16px;
    white-space: nowrap;
    line-height: 30px;			/* controls vertical alignment */
}

#navbar li 
{
    list-style: none;
    display: inline;
}

#navbar ul a
{
    margin: 0 25px;
    padding: 5px 0 3px 0;		/* controls spacing between links and around links */
    text-decoration: none;
    color: #fff;
}

#navbar ul a:hover
{
    color: #faa636;
    border-bottom: 4px solid #000;
}


#navbar li.sel a
{
    color: #faa636;
    
    /*border-bottom: 4px solid #000;*/
}
/***************************************
CONTENT
***************************************/

#content
{
    margin: 0 2px 2px 2px;
    width: 750px;
    text-align: left;
}

/***************************************
HOMEPAGE COLUMNS
***************************************/

#home_lcol
{
    width: 250px;
    margin: 0 20px 0 0;
    float: left;
}

#home_rcol 
{
    margin: 23px 0 0 0;
    padding: 0 10px 0 0;
    width: 469px;
    float: left;
}

/***************************************
HOMEPAGE LEFT SPINE
***************************************/

.tabbed
{
    margin: 20px 0 0 0;
    background: #fff url(../img/tabbed_bg.gif) top left no-repeat;
    width: 250px;
    height: 33px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}

#news
{
    width: 245px;
    border-left: 5px solid #0661fd;
    background-color: #e4eeff;
    padding: 10px 0;
}

#news li
{
    list-style-type: square;
    margin: 0 0 0 25px;
}

#events
{
    width: 235px;
    border-left: 5px solid #0661fd;
    background-color: #e4eeff;
    padding: 10px 0 10px 10px;
}

#events ul
{
    margin: 10px 0 0 0;
}

#events li
{
    list-style-type: square;
    margin: 0 0 0 15px;
}

#movie
{
    background: url(../img/movie_bullet.gif) top left no-repeat;
    vertical-align: middle;
    padding: 0 0 0 45px;
    font-weight: bold;
    height: 32px;
    margin: 20px 0 0 0;
}

#events li.ol
{
    list-style-type: decimal;
    margin: 0 0 0 15px;
}


/**************************************
TWITTER
**************************************/

#twitter_div
{
   text-align: left;
}

#twitter_div li
{
    list-style-type: square;
    margin-bottom: 15px;
}

.tweetwhen
{
	font-size: 10px;
}


/***************************************
SPONSORS
***************************************/

#sponsors
{
   background: #e4eeff url(../img/sponsor_bg.gif) top left repeat-y;
   padding: 10px;
   border: 1px solid #c8dcff;
   margin: 20px 0 0 0;
   text-align: center;
}

#sponsors ul
{
    margin: 0 0 15px 0;
}

#sponsors li
{
    list-style: none;
    display: inline;
    margin: 0 0 15px 0;
}

#sponsors li.left
{
    margin: 0 25px 15px 0;
}

#sponsors h3
{
    text-align: left;
}

.centersponsordiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centersponsordiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

/***************************************
SECONDARY LEVEL LEFT NAV
***************************************/

#sec_lcol
{
    width: 170px;
    float: left;
    margin: 20px 20px 0 8px;
}

#lnav
{
   background: url(../img/leftnav_top.gif) top left no-repeat;
   padding: 20px 0 0 0;
   font-weight: bold;

}

#lnav ul
{
    background: url(../img/leftnav_bottom.gif) bottom left no-repeat;
    padding: 0 0 25px 0;
}

#lnav li
{
    list-style-type: square;
    margin: 0 0 0 30px;
}

#lnav li.sel a
{
    text-decoration: none;
    color: #1b4ea2;
}

.feature
{
    margin: 28px 0 0 0;
    font-size: 11px;
    font-weight: bold;
}

/***************************************
SECONDARY CONTENT COLUMN
***************************************/

#rcol
{
    margin: 23px 0 0 10px;
    padding: 0 10px 0 0;
    width: 520px;
    float: left;
}

#rcol_preview
{
    margin: 23px 0 0 0;
    padding: 0 10px 0 0;
    width: 449px;
    float: left;
}

#rcol_preview h1
{
    background: url(../img/page_title.gif) top left no-repeat;
    height: 58px;
    padding: 8px 0 0 80px;
}

#rcol h1
{
    background: url(../img/page_title.gif) top left no-repeat;
    height: 58px;
    padding: 8px 0 0 80px;
}

#rcol ul
{
    padding: 10px 0 10px 0;
}

#rcol ul.noweight
{
    padding: 0 0 0 0;
}


#rcol li
{
    list-style-type: square;
    margin: 0 0 10px 30px;
}

#rcol li.number
{
    list-style-type: decimal;
    margin: 0 0 10px 30px;
}

#rcol li.nodot
{
    list-style-type: none;
    margin: 0 0 0 0;
}

#br
{
	border-bottom: 1px solid #1e53b5;
}

h2.error
{
       background: url(../img/error.gif) top left no-repeat;
       margin: 0;
       padding: 3px 0 0 40px;
       height: 30px;
}

/**************************************
Profiles
***************************************/
#profile 
{
    border-top: 1px solid #1e53b5;
    margin: 20px 0 0 0;
    padding: 10px 0 25px 0;
    font-size: 12px;
    background: url(../img/footer_bg.gif) bottom left no-repeat;
}

#profile ul 
{
    padding: 0px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
    
    line-height: 30px;			/* controls vertical alignment */
}

#profile li 
{
    list-style: none;
    display: inline;
    margin: 0 0px 0 0;
}


#profile li.sel a
{
    color: #faa636;
    
    /*border-bottom: 4px solid #000;*/
}


/***************************************
FOOTER
***************************************/

#footerprint 
{
    border-top: 1px solid #1e53b5;
    margin: 20px 0 0 0;
    padding: 10px 0 25px 0;
    font-size: 12px;
   	text-align: center;
}

#footer 
{
    border-top: 1px solid #1e53b5;
    margin: 20px 0 0 0;
    padding: 10px 0 25px 0;
    font-size: 12px;
    background: url(../img/footer_bg.gif) bottom left no-repeat;
}

#footer ul 
{
    padding: 0px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
    white-space: nowrap;
    line-height: 30px;			/* controls vertical alignment */
}

#footer li 
{
    list-style: none;
    display: inline;
    margin: 0 0px 0 0;
}


#footer li.sel a
{
    color: #faa636;
    
    /*border-bottom: 4px solid #000;*/
}

.credit
{
    font-size: 11px;
    vertical-align: middle;
}




/********************************************************

		Check-In
		
********************************************************/

#checkcol
{
    margin: 23px 0 0 10px;
    padding: 0 10px 0 0;
    width: 720px;
    float: left;
}

#checkcol h1
{
    background: url(../img/page_title.gif) top left no-repeat;
    height: 58px;
    padding: 8px 0 0 80px;
}

.teamleaderBox
{
    margin: 0 0 0 0;
    background: #fff url(../img/tabbed_bg.gif) top left no-repeat;
    width: 250px;
    height: 33px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    float: right;
}

.teamleader
{
    width: 220px;
    border-left: 5px solid #0661fd;
    border-right: 5px solid #0661fd;
    border-bottom: 5px solid #0661fd;
    background-color: #e4eeff;
    padding: 10px;
    float: right;
}

/* Tools */
#toolsRight
{
	background-color: none;
    margin: 0px 0 0 0px;
    padding: 0 0px 0 0;
    width: 115px;
    height: 20px; 
    float: right;
    
    /*border-left: 1px solid #EAE8E9;
	border-right: 1px solid #EAE8E9;*/
	
	
}

.show{
     position:static;
     display: table;
}
.hide{
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}

/* End  Tools */