body
{
	margin: 0px;
	padding: 16px 96px 0px 96px;
	/*font-size: 0.7em;*/
	font-family: sans-serif;
}

a { text-decoration: none; }

br.st-clear { clear: both; }

/* FIXES */
.expanded ul.menu { display: none; }

/* MAIN BORDER */
div.st-bordertopleft 
	{ background-image: url('images/headbtl.png'); float: left; width: 20px; height: 16px; }
div.st-bordertop 
	{ background-image: url('images/headbt.png'); width: 100%; height: 16px; }
div.st-bordertopright
	{ background-image: url('images/headbtr.png'); float: right; width: 20px; height: 16px; }
	
div#st-layoutleft
	{ background: white url('images/headbl.png') repeat-y top left; padding: 0 0 0 20px; margin: 0; }
div#st-layoutright
	{ background: white url('images/headbr.png') repeat-y top right; padding: 0 20px 0 0; margin: 0; }
	
div.st-borderbottomleft 
	{ background-image: url('images/footbbl.png'); float: left; width: 20px; height: 16px; }
div.st-borderbottom 
	{ background-image: url('images/footbb.png'); width: 100%; height: 16px; }
div.st-borderbottomright
	{ background-image: url('images/footbbr.png'); float: right; width: 20px; height: 16px; }

/* HEAD STYLING */
img#st-logo { float: left; margin-bottom: 24px; }
img#st-icon { float: right; margin-top: 48px; }

/* LEFT PANEL */
div#st-left
{ 
	float: left;
	width: 138px;
	padding: 0;
	margin: 0 0 0 -20px;
	line-height: 0;
	
	background-image: url('images/leftbg.png');
	background-repeat: repeat-y;
}

#st-left div.st-contentspacer { min-height: 400px; }

#st-left ul,
#st-left ul.menu
{
	margin: 0 0 0 24px; 
	padding: 0; 
}
#st-left li,
#st-left li.leaf
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#st-left img { border: none; }

/* LEFT PANEL LINKS */
/* To add new icons, create two new "#st-left a." lines, with the class name
based on the link name (e.g. Home becomes home).  The second line should have
the :hover specifier.*/
#st-left a { display: block; width: 69px; padding: 0px; margin: 0px; text-indent: -1999px; background-position: top left; background-repeat: no-repeat; }
#st-left a.home { height: 56px; background-image: url('images/home-n.gif'); }
#st-left a.home:hover { background-image: url('images/home-o.gif'); }
#st-left a.about { height: 56px; background-image: url('images/about-n.gif'); }
#st-left a.about:hover { background-image: url('images/about-o.gif'); }
#st-left a.contact { height: 56px; background-image: url('images/contact-n.gif'); }
#st-left a.contact:hover { background-image: url('images/contact-o.gif'); }
#st-left a.login { height: 56px; background-image: url('images/login-n.gif'); }
#st-left a.login:hover { background-image: url('images/login-o.gif'); }
#st-left a.resources { height: 56px; background-image: url('images/resources-n.gif'); }
#st-left a.resources:hover { background-image: url('images/resources-o.gif'); }
#st-left a.services { height: 56px; background-image: url('images/services-n.gif'); }
#st-left a.services:hover { background-image: url('images/services-o.gif'); }

/* RIGHT PANEL */
div#st-right 
{ 
	float: right;
	width: 132px;
	height: 432px;
	padding: 0;
	margin: 0 -20px 0 0;
	background-image: url('images/rightdefinition.png');
}

/* CONTENT STYLING */
div#st-content { overflow: hidden; padding: 7px; }

#st-content .st-head ul 
{ 
	display: inline;
	margin: 0 0 0 10px; 
	padding: 0px;
	font-style: italic;
	color: grey;
}
#st-content .st-head li 
{ 
	display: inline;
	list-style-type: none;
	border-left: 1px solid grey;
	margin: 0 0 0 4px;
	padding: 0 0 0 4px;
}
#st-content .st-head li:first-child { border: none; }
#st-content .st-head a { color: grey; text-decoration: none; }
#st-content .st-head a:hover { color: black; }

#st-content div.st-bordertopleft
	{ background-image: url('images/contentbtl.png'); width: 6px; height: 6px; position: relative; left: -28px; top: -28px; }
#st-content div.st-bordertopright
	{ background-image: url('images/contentbtr.png'); float: right; width: 6px; height: 6px; position: relative; left: 28px; top: -28px; }
#st-content div.st-borderbottomleft
	{ background-image: url('images/contentbbl.png'); width: 6px; height: 6px; position: relative; left: -28px; top: 22px; }
#st-content div.st-borderbottomright
	{ background-image: url('images/contentbbr.png'); float: right; width: 6px; height: 6px; position: relative; left: 28px; top: 22px; }

#st-content div.st-content
{
	background: #e7e7e7 url('images/contentbg.gif') no-repeat bottom right;
	padding: 28px;
}

#st-content div.st-contentspacer { min-height: 362px; }

#st-content div#st-searchbox { float: right; }
#st-content .st-content h2 { font-size: 1.1em; font-weight: bold; margin: 0; padding: 0; }

/* FOOT STYLING */
div#st-foot { clear: both; }

/* SUBFOOTER STYLING */
#st-subfoot { font-size: 0.85em; color: grey; }
#st-subfoot p { margin: 0; padding: 0; }
#st-subfoot div.st-left { float: left; margin-left: 16px; }
#st-subfoot div.st-right { float: right; margin-right: 16px; }
#st-subfoot .st-right a { text-decoration: none; color: grey; }
#st-subfoot .st-right a:hover { color: black; }
#st-subfoot .st-right ul.menu { display: inline; margin: 0; padding: 0; }
#st-subfoot .st-right li.leaf { display: inline; list-style-type: none; margin: 0; padding: 0; }