@charset "utf-8";
/* CSS Document */

/* Resetting the borders, margins and padding on all items, then setting up font sizes ***********************/

* { margin: 0; padding: 0; text-decoration: none; font-size: 100%; outline: none; }

code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; font-family:inherit; }

body, div, h1, h2, h3, h4, p, dl, dt, dd, img, form, fieldset, blockquote { margin: 0px; padding: 0px; border: 0px; }

/* Layout */
#wrapper 				{ width:1024px; margin:auto; }
#topnav					{ width:1024px; min-height:75px; background-color:#70afc4;}
#topboxcontentsample	{ min-height:150px; padding-left:55px; padding-right:55px; background-image:                          url(../images/topheaderboxsample.jpg); }
#topheaderbox			{ min-height:77px; background-image:url(../images/topboxheader2.jpg); }
#topheaderbox-portfolio		{ min-height:77px; background-image:url(../images/topboxheader.jpg); }
#topheaderbox-aboutme	{ min-height:77px; background-image:url(../images/topboxheader-aboutme.jpg); }
#topheaderbox-contact	{ min-height:77px; background-image:url(../images/topboxheader-contact.jpg); }
#lowerboxheader			{ background-image:url(../images/lowerboxheader.jpg); min-height:77px; background-repeat:no-repeat;}
#lowerboxheader-aboutme	{ background-image:url(../images/lowerboxheader-aboutme.jpg); min-height:77px; background-repeat:no-repeat;}
#lowerboxheader-contact	{ background-image:url(../images/lowerboxheader-contact.jpg); min-height:77px; background-repeat:no-repeat;}
#lowerboxheader-portfolio	{ background-image:url(../images/lowerboxheader-portfolio-image.jpg); min-height:77px; background-repeat:no-repeat;}
#maincontent			{ background-image:url(../images/maincontentsample.jpg); padding-left:55px; padding-right:                          55px; padding-top:10px; }
#footer					{ background-image:url(../images/pagefooter.jpg); min-height:159px; }
#stulogo				{ padding-left:10px; }
#topleftsample			{ background-image:url(../images/topleftsample.jpg); width:570px; padding-left:55px; padding-right:20px;                           min-height:200px; height:350px;}
#toprightsample			{ background-image:url(../images/toprightsample.jpg); width:299px; float:right; padding-left:25px;                          padding-right: 55px;  margin-left:0px; min-height:200px; height:350px;}
#topleftsample-aboutme	{ background-image:url(../images/topleftsample.jpg); width:570px; padding-left:55px; padding-right:20px;                           min-height:200px; height:250px;}
#toprightsample-aboutme	{ background-image:url(../images/toprightsample.jpg); width:299px; float:right; padding-left:25px;                          padding-right: 55px;  margin-left:0px; min-height:200px; height:250px;}
#flexibletopcontent		{ width:1024px; }
#lowerboxbottom			{ width:1024px; height:25px; background-image:url(../images/lowerboxbottom.jpg); }
#boxsperator			{ width:1024px; height:22px; background-image:url(../images/boxseperator.jpg); }


/* Navigation */
#nav					{ float:right; padding-right:10px; padding-top: 20px} 



/* Formatting */
p						{ padding-bottom:20px; }
body					{ font-family:Arial, Helvetica, sans-serif; font-size:1em; }
h1						{ font-size:1.4em; padding-bottom:20px; }


/* General */
#stuphoto				{ float:right; padding:10px; }
.imagecaption			{ font-size:0.6em; font-style:italic; text-align:center; }
.services-header		{ color:#70afc4; }
.center					{ margin:auto; width:457px; }
#chat					{ float:right; padding-right:100px; padding-top:20px; border:none; }
/******************************************* Twitter Styling *********************************************************************/
#twitter_update_list    {list-style:none; font-size:0.9em;}
#twitter_update_list li   {padding-bottom:20px;}
/*#twitter_div				{overflow:scroll; height:300px;} */
/*#twitter_div h2		{color:70afc4;}*/

/* User Manuals Page ========================================================================= */
/*  CSS for jQuery Hide/Show */

#usermanuals {}

#usermanuals h2 { colour:#FFF; font-weight:bold; }

#usermanuals h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(/images/h2-trigger-a5.gif) no-repeat;
	height: 30px;
	line-height: 30px;
	width: 450px;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	color:#FFF;
}
#usermanuals h2.trigger a {
	color: #000;
	text-decoration: none;
	display: block;
}
#usermanuals h2.trigger a:hover { color: #ccc; text-decoration:none; }
#usermanuals h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
#usermanuals .toggle_container {
	margin: 0 0 5px;
	padding: 0;
	/*border-top: 1px solid #FFF;*/
	/*background: #ffffff url(toggle_block_stretch.gif) repeat-y left top;*/
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
	border:none;
}
#usermanuals .toggle_container .block {
	/*padding: 20px;*/ /*--Padding of Container--*/
	padding-left:20px;
	padding-top:20px;
	padding-bottom:10px;
	/*background: url(toggle_block_btm.gif) no-repeat left bottom;*/ /*--Bottom rounded corners--*/
	border:none;
}
/* ======================================================================================= */