/***** Global Settings *****/
html, body
{
	border:0;
	margin:0;
	padding:0;
}

body
{
	font:100%/1.25 Arial, Helvetica, sans-serif;
}

/***** Headings *****/
h1, h2, h3, h4, h5, h6
{
	margin:0;
	padding:0;
	font-weight:normal;
}

h1
{
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font-size:2em;
}

h2
{
	padding:20px 0;
	letter-spacing:-1px;
	font-size:1.5em;
}
  
h3
{
	font-size:1em;
	font-weight:bold;
}

/***** Common Formatting *****/
p, ul, ol
{
	margin:0;
	padding:0 0 1.25em 0;
}

ul, ol
{
	padding:0 0 1.25em 2.5em;
}

blockquote
{
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
}

small
{
	font-size:0.85em;
}

img
{
	border:0;
}

sup
{
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub
{
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

acronym, abbr
{
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/***** Links *****/
a,
a:link,
a:visited,
a:hover
{
	text-decoration:underline;
}

/***** Forms *****/
form
{
	margin:0;
	padding:0;
	display:inline;
}

input, select, textarea
{
	font:1em Arial, Helvetica, sans-serif;
}

 textarea
{
	 width:100%;
	 line-height:1.25;
 }

label
{
	cursor:pointer;
}

/***** Tables *****/

table
{
border:0;
margin:0 0 1.25em 0;
padding:0;
}

table tr td
{
	padding:2px;
}

/***** Wrapper *****/
#wrap
{
	width:960px;
	margin:0 auto;
}

/***** Global Classes *****/
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/***** Global Reset *****/
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! *
body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/***** Defined Elements *****/

body
{
	margin: 0 auto;
	width:780px;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size:70%;
	background-color:#ccc;
	background-image: url(/images/gradient.jpg);
	background-repeat: repeat-x;
}

#wrapper
{
	overflow:hidden;
	background-color:#fff;
}

#topmenu
{
	height:40px;
}

a,
a:link,
a:visited
{
	color:#369;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

#header
{
	width:780px;
	height:75px;
	float:left;
}

#mainmenu
{
	position:relative;
	z-index:5000;
	height:30px;
}

#smalltopmenu
{
	float:right;
	padding-top:7px;
	padding-right:10px;
}

#smalltopmenu ul li
{
	border-left:solid 1px white;
	display:inline;	
	padding-left:5px;
	padding-right:5px;
}

#smalltopmenu ul li.noborder
{
	border-left-color:#333;
}

#smalltopmenu ul li a
{
	color:white;
	text-decoration:none;
}

#smalltopmenu ul li a:hover
{
	color:silver;
}

#searchbar
{
	padding-top:3px;
}

#memberarea
{
	background-color:#fff;
	width:240px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-top:5px;
}

#loggedin li
{
	list-style-image:url(/images/lat_name.gif);
}

#login table
{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}

#ctl00_homearea
{
	padding-top:1em;
	padding-bottom:1em;
}

#footer
{
	float:left;
	width:100%;
	height:18px;
	text-align:center;
	vertical-align:middle;
	background-color:#688618;
}

#content1
{
	width:490px;
	height:100%;
	float:left;
}

.istaonthejob
{
	width:225px;
	padding-left:15px;
}

#rightbar
{
	padding-top:2px;
	width:290px;
	height:auto;
	float:right;
}

#rightbar_1
{
	padding-left:5px;
	width:285px;
	height:auto;
	float:right;
}

#featured
{
	height:25%;
	width:490px;
	float:left;
}

#fourboxes
{
	float:left;
	width:490px;
}

#teamista
{
	background-image:url(/images/drop_shadow.jpg);
	background-repeat:no-repeat;
	width:239px;
	height:150px;
	float:left;
	margin-left:4px;
}

#calendar_events
{
	background-image:url(/images/drop_shadow.jpg);
	background-repeat:no-repeat;
	width:239px;
	height:150px;
	float:left;
	margin-left:4px;
}

#nytimes
{
	background-image:url(/images/drop_shadow.jpg);
	background-repeat:no-repeat;
	width:239px;
	height:150px;
	float:left;
	margin-left:4px;
}

#didyouknow
{
	background-image:url(/images/drop_shadow.jpg);
	background-repeat:no-repeat;
	width:239px;
	height:150px;
	float:left;
	margin-left:4px;
}

#didyouknow2
{
	padding-left:15px;
	padding-right:10px;
}

#allstars
{
	padding-left:10px;
	padding-right:15px;
}

#col1,#col3,#col5
{
	background-image:url(/images/drop_shadow2.jpg);
	background-repeat:no-repeat;
	float:left;
	height:230px;
	width:50%
}

#col2,#col4,#col6
{
	background-image:url(/images/drop_shadow2.jpg);
	background-repeat:no-repeat;
	float:left;
	height:230px;
	width:48%;
}

#col1 td,#col3 td,#col5 td,#col2 td,#col4 td,#col6 td
{
	padding-left:26px;
}

#maincontent
{
	background-color:#fff;
	float:right;
	padding-left:1.25em;
	padding-right:1.25em;
	padding-top:0.5em;
	width:70%;
	border-left:206px solid #dce7a5;
	margin-left:-207px;
}

#member_row
{
	background-color:#fff;
	float:left;
}

.dyn_image
{
	float:left;
}

#leftnav
{
	font-family:Verdana;
	float:left;
	padding: 1em;
	width:184px;
	background-color:#dce7a5;
}

#leftnav ul
{
	list-style-type:none;
	padding-left:1.25em;
}

#secondnav
{
	float:left;
	height:20px;
	width:98.25%;
	padding-left:1.25em;
	padding-top:3px;
}

#secondnav ul
{
	list-style-type:none;
	padding-left:1em;
}

#secondnav li
{
	display:inline;
	padding-right:1em;
}

.clear_pad50
{
	padding-left:30px;
	clear:both;
}

.pushpin
{
	float:left;
}

.title
{
	font-weight:bold;
	font-size:small;
	vertical-align:top;
}

#months
{
	color:White;
	background-color:#688618;
	text-align:center;
	font-size:small;
	margin-right:22px;
	margin-left:18px;
	padding-bottom:2px;
}

#months a
{
	color:White;
	text-decoration:none;
}

.graybg
{
	background-color:#e8e8e8;
}

#teamista li
{
	list-style-image:url(/images/lat_name.gif);
	vertical-align:middle;
	height:18px;
}

#memprogs
{
	background-color:#e8e8e8;
	height:100px;
	padding-top:10px;
	margin-right:20px;
	margin-left:20px;
}

#forgotpass
{
	padding-left:20px;
}

.accHeader
{
	border:1px solid #2f4f4f;
	background-color:#2e4d7b;
	padding:5px;
	margin-top:5px;
}

.accContent
{
	background-color:#d3deef;
	border: 1px dashed #2f4f4f;
	border-top:none;
	padding:5px;
	padding-top:10px;
}

#accLink
{
	color:White;
}

.collapsePanel
{
	width:640px;
	height:0px;
	overflow:hidden;
	float:left;
	padding-bottom:5px;
}

.collapsePanelHeader
{
	width:640px;
	height:20px;
	font-weight:bold;
	float:left;
	padding:5px;
	cursor:pointer;
	vertical-align:middle;
	background-color:#d4d8bd;
}

wireFrame
{
	display:none; 
	overflow:hidden; 
	z-index:2; 
	background-color:#FFFFFF; 
	border:solid 1px #D0D0D0;
}

.SortHeaderRowStyle
{
	background-color:#cc9;
	font-weight:bold;
}

.modalBackground
{
  background-color:Gray;
  filter:alpha(opacity=70);
  opacity:0.7;
}

.formstyle
{
	padding:10px;
}

/* ---------------Menu CSS----------------- */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
width:auto; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:97px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:underline; 
color:#000; 
width:96px; 
height:30px; 
border-left:1px solid #fff;
background:#688618 url(/images/btnGreen.jpg) repeat-x;
line-height:29px;
text-align:center;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:97px;
w\idth:96px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#333 url(/images/menu_drop.gif) bottom right no-repeat;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#333 url(/images/menu_drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#688618 url(/images/menu_drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#333;
text-decoration:underline;
}
/* style the third level hover */
.menu ul ul ul a:hover {
text-decoration:none;
background:#688618;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:30px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
text-decoration:none;
background:#333; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px;
text-align:left;
font-size:11px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#949e7c;
text-decoration:none;
}
.menu :hover > a {
color:#fff;
background:#949e7c url(/images/btnGray.jpg) repeat-x;
}

.menu ul ul :hover > a {
color:#fff;
background:#688618;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* --------------End of Menu CSS------------ */

#flickr_badge_uber_wrapper {width:225px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
#flickr_badge_image1 {padding:5px; float:left;}
#flickr_badge_image2 {padding:5px; float:left;}
#flickr_badge_image3 {padding:5px; float:left;}
.flickr_icon {float:left; padding:15px 5px 15px 5px;}
.flickr_badge_image img {width:45px; height:45px;}

.facebook {padding-left:50px;}
.addthis_button {float:right;}