/********************************************
   	AUTHOR:  		Catherine Eloreine
   	WEBSITE:   		http://www.3dss.com.au
	TEMPLATE NAME: 	Ribbons
   	       	
 *******************************************/ 
 
/* --- global settings --- */

* html { 
	padding: 0; 
	margin: 0; 
}

body {
	padding: 0; 
	margin: 0;
	font: normal 70%/1.5em  Verdana, Arial, sans-serif;
	color: #7A7A7A; 
	background: #c2daf1 url(img/bg.gif) repeat-x;	
	text-align: justify;
}

#wrapper {
	width: 960px;
	margin: 0 auto;	
	background: #FFFFFF;
}

#center_content { 
	width: 100%;
	background: #FFFFFF;
	float: left;
}

#splash {
	width: 960px;
	height: 195px;
	background: url(img/splash.jpg) no-repeat center center;
}

a { color: #306FD6;	text-decoration: none; font-weight:bold; }

a:hover { color: #ff1100; }

p { 
	display: block; 
	line-height: 20px; 
	margin: 5px 5px 5px 10px;
	padding: 5px 5px 10px 5px; 
}

h1 {
	font-size: 165%;
	font-weight: bolder;
	/* color: #1676D6; */
	margin: 10px 0 25px 20px;
	padding: 0;
	text-transform: uppercase;
}

h2 {
	font-size: 145%;
	font-weight: bolder;
	/* color: #306FD6; */
	margin: 0 0 10px 15px;
	padding: 0;
}

h3 {
	font-size: 125%;
	font-weight: bolder;
	/* color: #3371cf; */
	margin: 0 0 10px 15px;
	padding: 0;
}

ul, ol {
	margin: 0 15px 10px 25px;
	padding: 0 5px 5px 20px;
	color: #1060d9;
}

ul span, ol span { 	color: #7A7A7A; }

.arrow { background: url(img/arrow.gif) no-repeat 2px 8px; padding: 5px 15px; }

.square { list-style-type: square; margin: 5px 0 0 0px; padding: 0; }

.img { padding: 5px 0; border: none; }

#rightbar3 h2 { padding-top: 25px; }


/* --- company name header --- */

#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 125px;
	background: url(img/headerbg.gif) repeat-x 0% 100%;	
}

#logo{
	margin-top: 5px;
	left: 30px;
	width: 125px;
	height: 100px;
	float: left;
	background: url(img/logo.jpg) no-repeat center center; 
}

#header h1#company_name {
	margin: 0; 
	padding: 10px 0 0 0;
	letter-spacing: -2px;	
	color: #00086c;
	text-indent: 30px;
	font: bold 3.5em Verdana, Arial, sans-serif; 
	text-transform: uppercase;	
}

#header h2#slogan {
	margin-top: 0.45em;
	letter-spacing: -1px;
	color: #FF1100;
	text-indent: 30px;
	font: bold italic 1.45em 'trebuchet MS', Verdana, sans-serif; 
}

/* --- navigation nestle in header --- */

#header ul {
	position: absolute;
    margin: 0; 
   	padding: 0;
    list-style: none;
	right: 0; 
	bottom: 6px !important; 
	font: bold 125%/1.8em "trebuchet MS", Verdana, sans-serif;	
}

#header li {
   	display: inline;
   	margin: 0; 
	padding: 0;
}

#header a {
   float: left;
   background: url(img/tableft.gif) no-repeat left top;
   margin: 0;
   padding: 0 0 0 4px;
   text-decoration: none;
}

#header a span {
   float: left;
   display: block;
   background: url(img/tabright.gif) no-repeat right top;
   padding: 6px 15px 3px 8px;
   color: #FFFFFF;
}

#header a:hover {
   background-position: 0% -42px;
   cursor: default;
}

#header a:hover span {
   background-position: 100% -42px;
   cursor: default;
   color: #FFFFFF;
}

#header #current a {
   background-position: 0% -42px;
	color: #FFFFFF;
}

#header #current a span {
   background-position: 100% -42px;
	color: #FFFFFF;
}

/* --- sidebar navigation --- */

#sidebar {
	float: left;
	width: 23.5%; 
	margin-top: 15px;
	padding: 15px 0;
	display: inline;
	background-color: #FFFFFF;
}

#sidebar  h2 {
	color: #306FD6; 
	border-bottom: 1px solid #CED9DF;
	text-indent: 5px;
	font: bold 1.5em "trebuchet MS", Verdana, sans-serif;
}

#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 0 10px 10px; 
	padding: 5px;
	text-decoration: none;	
}

#sidebar ul.sidemenu li {
	font: bold 1.25em "trebuchet MS", Verdana, sans-serif;
	border-bottom: 1px solid #EFF0F1;
	background: url(img/icon_world.gif) no-repeat 0px 4px;	
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
	text-decoration: none;
	display: block;
	color: #306FD6;
	padding: 5px 5px 5px 20px;
}

#sidebar ul.sidemenu li a:hover {
	text-decoration: none;
	color: #ff1100;
	background: #F0F4F7 url(img/icon_world.gif) no-repeat 0px 4px;	
}


/* --- main column --- */

#main1 {
	float: left;
	width: 100%;	
	margin: 25px 0 0 0;
	padding: 5px 0 0 0;
	background-color: #FFFFFF;
}

#main2 {
	float: left;
	width: 74%;	
	margin: 25px 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
}

#main3 {
	float: left;
	width: 56%;	
	margin: 25px 0 0 0;
	padding: 5px 0 0 0;
	background-color: #FFFFFF;
}

#main4 {
	float: left;
	width: 49%;	
	margin: 25px 0 0 0;
	padding: 5px 0 0 0;
	background-color: #FFFFFF;
}


/* ------ rightbar ------ */

#rightbar1 {
	width: 19%;
	float: right;
	height: 100%;
	margin: 25px 10px 0 0;
	padding: 15px 0 0 0;
	background-color: #FFFFFF;
}

#rightbar2 {
	float: right;
	width: 37%;	
	height: 100%;
	margin: 25px 10px 0 0;
	padding: 15px 0 0 0;
	background-color: #FFFFFF;
}

#rightbar3 {
	width: 49%;
	height: 100%;
	float: right;
	margin: 25px 10px 0 0;
	padding: 15px 0 0 0;
	background-color: #FFFFFF;
}

/* --- table --- */

table { 
	border-collapse: collapse; 
	margin: 10px 10px 20px 20px; 
	padding: 0 0 0 10px; 
}

th strong { color: #fff; }

th {
	background: #386ee7;
	height: 30px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}

tr { height: 30px; }

td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}

td.first, th.first { border-left: 0px; }

td.second, th.second { background: #fff; }

td.third, th.third { 
	font-size: 1.25em;
	color: #7a7a7a; 
	background: #fff;
	border-left: none;
}

tr.row-a { background: #F8F8F8; padding: 15px 0; }

tr.row-b { background: #EFEFEF; padding: 15px 0; }

td.row-c { background: #FFFFFF; }

td.row-d { background: #F8F8F8; padding: 35px 0; }

td.row-e { background: #EFEFEF; padding: 35px 0; }

td.row-f { background: #F8F8F8; }

td.row-g { background: #EFEFEF; }

/* ------ bottom page curved ------ */

#curve {
	height: 25px;
	width: 960px;
	margin: 0 auto;
	clear: both;
	background: transparent url(img/btm_curve.gif) no-repeat;
}

/* --- site map ---*/

h2.sitemap{
	background: url(img/h2.png) no-repeat center left;
	margin: 5px 0 0 20px;
	padding: 5px 20px;
}

ul.sitemap{
	list-style-type: none;
	margin-left: 25px;
	padding-left: 0;
}

ul.sitemap li{ margin-left: 15px; padding-left: 1.1em; list-style-type : none; }

ul.sitemap li a{
	background: transparent url(img/page.gif) no-repeat center left;
	padding: 1em 1em 1em 15px;
}

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

ul.sitemap li a.parent{
	background: transparent url(img/square-green.png) no-repeat center left;
	margin: 15px 0 0 15px;
	padding: 1em 1em 1em 20px;
}

ul.sitemap li a.child { background: transparent url(img/square_bullet.gif) no-repeat center left; }

ul.sitemap li ul{
	list-style-type : none;
	margin: -1.5em 0 0 -1.6em;
	padding: 1.5em 0 0 0.6em;
}


ul.sitemap li ul li{ margin-left: 30px; padding-left: 10px; }


/* --- footer --- */

#footer {
	margin: 0 auto;
	padding: 0;
	clear: both;
	height: 25px;
	font-weight: bold;
	text-align: center;
}

#footer p { color: #306FD6; }

#footer p.links { 
	margin: 10px auto 5px auto; 
	padding: 0; 
	font-size: 0.85em; 
}

#footer p.legal { 
	color: #306FD6; 
	margin: 5px auto; 
	padding: 0; 
	font-size: 0.75em; 
}

#footer a { color: #306FD6; text-decoration: none; }

#footer a:hover{ color: #ff1100; text-decoration: none; }