/*-------------------------------------------------------------------------------
 * CODEBASE™ Pty Ltd
 * Author: Josh Wines, Rawdyn Nutting, codebase.com.au
 * Created: Oct 09
 * Notes: Stylesheet for the 'smooth' template. 
-------------------------------------------------------------------------------*/

@import "/global/global_bin/css/reset.css";		/* Import reset stylesheet to set all browsers to a base layout */
@import "/global/global_bin/css/generic.css";	/* Import generic stylesheet which provides commonly used classes */


/*-------------------------------------------------------------------------------
 * BODY
-------------------------------------------------------------------------------*/
html, body {
	width: 100%;
	height: 100%;
}

body {
	background-color: #FFF;
	font-family: Arial, sans, Tahoma, Halvetica;
	font-size: 9pt;
	color: #444444;
	line-height: 1.2em;
}

#smoothBody {
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}


/*-------------------------------------------------------------------------------
 * HEADER
-------------------------------------------------------------------------------*/
#smoothHeader {
	width: 100%;
	height: 200px;
	background-color: #86A150;
}
	
.divBorderBottom {
	height: 1px;
	width: 100%;
	background-color: #444;
}

#smoothHeaderLeft 	{ height: 180px; }
#smoothHeaderRight 	{ height: 180px; }
#smoothHeaderTop 	{ width: 920px; }


/*-------------------------------------------------------------------------------
 * MENU
-------------------------------------------------------------------------------*/
#smoothMenu {
	width: 100%;
	background: transparent url("/sb_bin/templates/smooth/resources/menu_background.gif") repeat-x;
	height: 60px;
}

#smoothMenuContent {
	width: 920px;
	height: 35px; 
	margin-top: 5px;
	float: left;
}

#smoothMenuLeft 	{ height: 40px; }
#smoothMenuRight 	{ height: 40px; }
#smoothMenuBottom 	{ width: 920px; }

#menuContainer {
	margin-top: 8px;
	width: 100%;
	text-align: right;
}

#menu li { 
	display: inline;
	list-style-type: none;
	margin-right: 20px;
	font-weight: bold;
	color: #777;
	margin-top: 20px;
	font-size: 1.1em;
	font-family: Verdana, sans, Arial, Tahoma;
}

#menu a {
	text-decoration: none;
	color: #777;
}

#menu a:hover {
	color: #447700;
}

#sideMenu {
	width: 190px;
	float: left;
	margin-left: -10px; /* Push the menu over the top of the wrapping div */
}

#sideMenu li {
	width: 179px;
	height: 34px;
	padding: 0 0 0 10px;
	border-bottom: solid 1px #444;
	background-image: url(/sb_bin/templates/smooth/resources/side_menu_buttons.gif);
}

#sideMenu li.highlight {
	background-image: url(/sb_bin/templates/smooth/resources/side_menu_button_highlight.gif);
}

#sideMenu li.highlight a {
	color: #222;
}

#sideMenu li a {
	font-size: 1.1em;
	text-decoration: none;
	line-height:34px;
	font-weight: bold;
	color: #555;
	font-family: Verdana, sans, Arial, Tahoma;
}

#sideMenu li a:hover {
	color: #0055CC;
	text-decoration: underline;
}


/*-------------------------------------------------------------------------------
 * CONTENT / FOOTER
-------------------------------------------------------------------------------*/
#smoothContentWrapper, #smoothContent, #smoothFooter {
	width: 100%;
}

#smoothContentTop, #smoothContentBottom, #smoothFooterTop, #smoothFooterBottom  {
	width: 920px;
}

#content, #footer {
	width: 920px; 
	margin: 0 20px;
}

#smoothFooter {
	background-color: #86A150;
}

#pageContent {
	float: right; 
	width: 730px;
	padding-top: 10px;
}

#contentBannerWrapper {
	background-color: #86A150;
}

#contentBanner {
	width: 100%;
	height: 50px;
	font-family: Verdana, sans, Arial, Tahoma;
	color: #FFF;
}

.contentBlock {
	width: 920px;
	margin: 0 auto;
}

/*-------------------------------------------------------------------------------
 * BORDERS
-------------------------------------------------------------------------------*/
.borderTopLeft, .borderTopRight, .borderBottomLeft, .borderBottomRight {
	width: 20px;
	height: 20px;
}

.borderTop, .borderBottom {
	height: 20px;
}

.borderLeft, .borderRight {
	width: 20px;
}

.borderTopLeft, .borderBottomLeft, .borderLeft, .borderTop, .borderBottom {
	float: left;
}

.borderTopRight, .borderBottomRight, .borderRight {
	float: right;
}

.borderTopLeft 		{ background-image: url("/sb_bin/templates/smooth/resources/border-tl.png"); 		background-repeat: no-repeat; 	}
.borderTopRight 	{ background-image: url("/sb_bin/templates/smooth/resources/border-tr.png"); 		background-repeat: no-repeat; 	}
.borderBottomLeft 	{ background-image: url("/sb_bin/templates/smooth/resources/border-bl.png"); 		background-repeat: no-repeat; 	}
.borderBottomRight 	{ background-image: url("/sb_bin/templates/smooth/resources/border-br.png");		background-repeat: no-repeat; 	}
.borderTop 			{ background-image: url("/sb_bin/templates/smooth/resources/border-top.png"); 		background-repeat: repeat-x; 	}
.borderBottom 		{ background-image: url("/sb_bin/templates/smooth/resources/border-bottom.png"); 	background-repeat: repeat-x; 	}
.borderLeft 		{ background-image: url("/sb_bin/templates/smooth/resources/border-left.png"); 		background-repeat: repeat-y; 	}
.borderRight 		{ background-image: url("/sb_bin/templates/smooth/resources/border-right.png"); 	background-repeat: repeat-y; 	}

.dynamicBorderLeft 	{ background-image: url("/sb_bin/templates/smooth/resources/border-left.gif"); 		background-repeat: repeat-y; 	}
.dynamicBorderRight	{ background-image: url("/sb_bin/templates/smooth/resources/border-right.gif"); 	background-repeat: repeat-y;	background-position: top right; 	}


/*-------------------------------------------------------------------------------
 * FONT STYLES
-------------------------------------------------------------------------------*/
.heading, h1 {
	color: #444;
	font-size: 1.8em;
	font-weight: bold;
	margin: 2px 0 10px 0;
}

.sub_heading, h2 {
	color: #5A5A5A;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 5px;
}

.sub_sub_heading, h3 {
	color: #446DD3;
	font-weight: bold;
	margin-bottom: 3px;
}

.basic_text {
	color: #666666;
}

.subtle_text {
	color: #888888;
	font-style: italic;
}

p {
	margin-bottom: 15px;
	line-height: 1.5em;
}


/*-------------------------------------------------------------------------------
 * LINKS
-------------------------------------------------------------------------------*/
a {
	color: #007EC2;
}

a:hover {
	color: #E07338;
}

#contentBanner a, #footer a {
	font-size: 1.1em;
	color: #FAFAFA;
	font-weight: bold;
}

#contentBanner a:hover, #footer a:hover {
	color: #fbc86e;
}

#footer a {
	font-size: 1.0em;
}


/*-------------------------------------------------------------------------------
 * LISTS
-------------------------------------------------------------------------------*/
ol {
	list-style-type: decimal;
}


/*-------------------------------------------------------------------------------
 * TABLES
-------------------------------------------------------------------------------*/
td {
	padding: 3px;
}


/*-------------------------------------------------------------------------------
 * GENERAL
-------------------------------------------------------------------------------*/
sup {
	vertical-align: top;
}