/*--------------------------- Last Modified  2009.28.08 -------------------------------*/

/*-------------------------------------------------------------------------------------
  Copyright John McGarrah 2009                           
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*-------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */

body {
	background:transparent url("../images/bg-body.jpg");
	text-align:center;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#666;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:18px; color:#fff;}
h2	{ font-size:15px; color:#fff;}
h3	{ font-size:18px; color:#333333;}

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{
	color:#ff0000;
	text-decoration:none;
	outline:none;
}
a:hover,a:active	{
	color:#000;
	text-decoration:none;
	outline:none;
}

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}
	
/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	width:990px;
	margin:0 auto;
	text-align:left;
	}
	
#wrap_inside {
	width:990px;
	margin:0 auto;
	text-align:left;
	background:#f5f5f5;
}


/* ------------------------ masthead framework ------------------------ */
#masthead {
	height:100px;
	width:990px;
	clear:both;
	}
#banner_top {
float:right;
height:90px;
margin-top:3px;
}

#logo {
float:left;
}
		
#nav_container {
height:36px;
}
		

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:650px;
	float:left;
	/*background:#999;*/
	padding-left:10px;
	}

	#column-left h3 {
		margin:0px 35px 10px 35px;
		}

	 #column_left_subhead { background:url("../images/left_cap_gradient.jpg") no-repeat;
		 height:115px;
		 margin-top:18px;
		 }
		 
		 #what_about {
		 height:76px;
		 }
		 .text_area {border:medium none;
			font-size:13px;
			height:40px;
			margin:0pt;
			outline-color:invert;
			outline-style:none;
			outline-width:medium;
			overflow:auto;
			padding:0pt;
			vertical-align:bottom;
			width:540px;
			float:left;
			margin:20px 0px 0px 21px;}

		#about {
		height:37px;
		}

		#about p {
		font-size:15px;
		margin-top:8px;
		margin-right:8px;
		font-weight:bold;
		color:#999;
		}

.attach_img {margin-top:7px; margin-right:30px;}
		 
	#share{
	background:url("../images/notextended.jpg") no-repeat;
		height:20px;
		display:block;
		position:relative;
		}
		
		#share p {
		margin-left:258px;
		padding-top:4px;
		font-size:11px;
		color:#999;
		}
		#share a:link {color:#666; text-decoration:underline;}
		#share a:hover {color:#000;}
		
		#hide {
		background:url("../images/extended.jpg") no-repeat;
		height:179px;
		padding-right:15px;
		display:none;
		}
		
	span.share {cursor:pointer; text-decoration:underline; color:#333;}
	span.dontshare {cursor:pointer; color:#333;}
		
		#left_div {
		width:333px;
		height:148px;
		float:right;
		margin-top:20px;
		border-right:1px solid #ccc;
		}
		
		#right_div {
		width:206px;
		height:155px;
		float:right;
		margin-top:20px;
		text-align:right;
		}
		#right_div a:link {color:#666;}
		.icons {margin-right:8px;}
		.hide_text {margin-top:35px;font-weight:bold;}
		.left_images {margin: 8px 18px 12px 0px;}
		
		#setup_post
		
		#setup_post a:link, #setup_post a:visited	{
	color:#666;
	text-decoration:underline;
	outline:none;
}
#setup_post a:hover, #setup_post a:active	{
	color:#000;
	text-decoration:underline;
	outline:none;
}

		
		
		#left_bottom_cap {
		background:url("../images/left_bottom_cap.jpg") no-repeat;
		height:5px;
		}
		
		#column_left_cap {
		background:url("../images/left_cap.jpg") no-repeat;
		height:37px;
		margin-top:14px;
		}
		#column_left_cap h1 { margin:0px 0px 0px 15px; font-weight:normal; padding-top:12px;}
		
		#network_activity {
		background:url("../images/left_vertical_repeat.jpg") repeat-y;
		}
		
		.networkActivityWrap {
		padding:5px 10px 0px 10px;
		}
		
.networkComment {
margin-bottom:7px;
}

	
/* ------------------------ column-right framework ------------------------ */

#column-right {
	width:300px;
	float:right;
	/*background-color:#dad9d9;*/
	padding-right:9px;
	}

	#column-right h3, #column-right dl, #column-right p {
		margin:0px 30px 10px 25px;
		color:#FFFFFF;
		}
		 
		 .column_right_cap { background:url("../images/right_cap.jpg") no-repeat;
		 height:31px;
		 margin-top:18px;
		 }
		 .column_right_cap h2 { margin:0px 0px 0px 15px; font-weight:bold; padding-top:10px;}
		 
		 .quick_links {
		 background:url("../images/right_vertical_repeat.jpg") repeat-y;
		 height:105px;
		 }
		 
		 .quick_linkstwo {
		 background:url("../images/right_vertical_repeat.jpg") repeat-y;
		 height:65px;
		 }
		 
		 .ql {width:100px;float:left;width:120px; margin-left:10px;}
		 
		 .right_bottom_cap {
		 background:url("../images/right_bottom_cap.jpg") no-repeat;
		 height:5px;
		 }

	#applications { background:url("../images/edit_applications.jpg") no-repeat;
	width:300px;
	height:37px;
	margin-top:18px;
	}
	#applications h3 {margin:0px 0px 0px 50px; font-weight:normal; color:#333333; padding-top:10px;}
	
	h3 a:link,h3 a:visited	{
	color:#333333;
	text-decoration:none;
	outline:none;
}
h3 a:hover,h3 a:active	{
	color:#9c9c9c;
	text-decoration:none;
	outline:none;
}


/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */

#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:353px; 
	height:36px; 
	margin:0;
	padding:0; 
	float:left;
	}
	
	#nav_right a:link, #nav_right a:visited { color:#c6c6c6; text-decoration:none; }
#nav_right a:hover, #nav_right a:active { color:#c6c6c6; text-decoration:none; }

#nav_right ul {margin-top:10px; }
	#nav_right li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #d1d1d1;
		margin-top:0px;
		}
	#nav_right li.first { border: none; }
	#nav_right {float:right;}
	

#nav span { display: none; }

#nav li, #nav a { height:36px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 61px; margin-left: 0px;}
#nav-02 { width: 61px; margin-left: 4px;}
#nav-03 { width: 79px; margin-left: 5px;}
#nav-04 { width: 68px; margin-left: 14px;}
#nav-05 { width: 52px; margin-left: 9px;}



/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -0px -36px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -65px -36px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -131px -36px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -224px -36px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -301px -36px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */
body#index #nav-01 { background:url("../images/nav.jpg")  -0px -36px no-repeat; }


ul.multi {
height:90px;
padding-left:20px;
padding-top:14px;}

ul.multi li.first {
margin-right:0px;}

ul.multi li {
background:transparent url(../images/bullet.gif) no-repeat scroll 0px 4px;
float:left;
line-height:20px;
list-style-image:none;
list-style-position:outside;
padding-left:1px;
width:125px;}

ul.multi li img {padding-right:2px;}

ul.multitwo {
height:60px;
padding-left:27px;
padding-top:10px;}

ul.multitwo li {
background:transparent url(../images/bullet.gif) no-repeat scroll 0px 4px;
line-height:20px;
list-style-image:none;
list-style-position:outside;
padding-left:1px;
width:125px;
padding-bottom:5px;}

ul.multi_left {
padding-top:9px;
padding-left:19px;
}

ul.multi_left li {
background:transparent url(../images/bullet.gif) no-repeat scroll 0px 4px;
line-height:20px;
list-style-image:none;
list-style-position:outside;
padding-left:1px;
width:590px;
padding-bottom:5px;}

ul.multi_left li img {padding-right:5px; margin-top:3px;}

ul.post_update {
height:34px;
margin-left:80px;
margin-right:0px;
width:564px;
}

ul.post li.first {
margin-left:0px;}

ul.post_update li {
float:left;
list-style-image:none;
list-style-position:outside;
padding-left:1px;
}

select {
width:165px;
margin-top:5px;
margin-right:20px;
}