/* Completely Creative
/* URL www.CompletelyCreative.com.au
/* Design: Guy Jeffrey
/* Code: Sol Design
/* Sol Design www.sol.com.au
/* Started: October, 2009
/* Last modified: October, 2009







/* basics
----------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
form label { cursor: pointer; }
fieldset { border: none; }
.standardsAlert { display: none; }
.clearleft { clear: left; }
img { display: inline; }
div.clearer {clear: both; line-height: 0; height: 1px;}



/* Structure
----------------------------------------------- */
#wrapper { width: 912px; margin: 0 auto; padding: 0; }
#contentwrapper { background-image: url(../Images/completelycreativelogo.jpg); background-repeat: no-repeat; background-position: left 0; margin: 0 auto; padding: 0 0 2em; width: 912px; _background-image: url(../Images/paper.png); }
#footer { _background-image: url(../Images/paperbottom.png);background-repeat: no-repeat; background-position: center bottom; width: 912px; height: 50px; margin: 0 auto; padding: 15px 0 0; }
#header { _background-image: url(../Images/papertop.png); background-repeat: no-repeat; background-position: center top; margin: 10px auto 0; padding: 0; width: 912px; height: 30px; }


#leftcolumn { text-align: left; display: inline; width: 650px; float: left; overflow: visible; margin: 0; padding: 0; }
#rightcolumn { text-align: center; width: 212px; float: left; display: inline; overflow: visible; margin: 0; padding: 0 0 2em; }



#masthead { margin: 0 auto; width: 912px; height: 320px; padding: 0; }
/* navigation */



#leftcolumn #nav  { margin: 0 0 30px 30px; width: 600px; float: left; padding: 0; }
#leftcolumn #nav ul { margin: 0; padding: 0; list-style-type: none; text-align: left; }
#leftcolumn #nav ul li { float: left; }
#leftcolumn #nav ul li a { font-size: 12px; line-height: 20px; text-align: left; color: #000; font-weight: bold; font-style: normal; text-decoration: none; margin-right: 20px; padding-right: 20px; border-right: 1px solid #ebebeb; display: block; }
#leftcolumn #nav ul li a:hover { color: #927e71; text-decoration: underline; }
#leftcolumn #nav ul li.here a { color: #6a3231; }
#leftcolumn #nav ul li.here a:hover { color: #000; text-decoration: none; }



/* Nav */
#navwrapper  { background-color: #265066; background-image: none; margin: 0 auto; width: 100%; height: 40px ; z-index: 1000; }
#nav  { background-image: none; background-repeat: repeat-x; margin: 0 auto; width: 900px; height: 40px ; z-index: 100; }
#nav ul { margin: 0; padding: 0; list-style-type: none; text-align: center; z-index: 100; }
#nav ul li { z-index: 100; float: left; }
#nav ul li a { width: 180px; font-size: 12px; font-weight: bold; height: 40px; line-height: 3em; text-align: center; color: #00a6e3; font-style: normal; text-decoration: none; z-index: 100; display: block; }
#nav ul li a.larger { width: 100px; z-index: 100; }
#nav a:hover { color: #265066; background-color: #9ec4e2; z-index: 100; }
#nav a.here { color: #fff; font-weight: bold; background-color: #00a6e3; background-image: url(../Images/navbg.png); z-index: 100; }
#nav ul li a.largerhere { width: 100px; color: #fff; font-weight: bold; background-color: #f8c7ba; z-index: 100; }



/* Forms & Tables */
.forminput { background-color: #fff; border-color: #265066; border-width: 1px; }
.formtextbox { background-color: #fff; width: 300px; height: 20px; border-width: 1px; border-color: #265066; }
.formtextarea { background-color: #fff; width: 300px; height: 100px; border-width: 1px; border-color: #265066; }

#formtable { text-align: left; margin-top: 30px; margin-bottom: 10px; margin-left: 200px; }
#formtable td { color: #265066; text-align: left; padding-right: 20px; padding-bottom: 5px; padding-left: 0; }
#formtable th { color: #fff; font-size: 1em; background-color: #3f3f3f; text-align: center; padding: 2px 8px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
#contentwrapper h1, #leftcolumn h1 { color: #265066; font-size: 3em; font-family: "Times New Roman", Times, serif; font-weight: normal; font-style: italic; line-height: 1.5em; text-align: left; margin: 0; padding: 80px 0 80px 400px; }
#contentwrapper h2, #leftcolumn h2 { color: #265066; font-size: 1.5em; font-family: "Times New Roman", Times, serif; font-weight: normal; line-height: 1.5em; text-align: center; margin: 0; padding: 0 0 1em; }
#contentwrapper h3, #leftcolumn h3 { color: #265066; font-size: 1.5em; font-family: "Times New Roman", Times, serif; font-weight: bold; line-height: 1.5em; text-align: left; margin: 0; padding: 1em 0 0.5em; }
#contentwrapper p { color: #265066; font-size: 1.2em; font-family: "Times New Roman", Times, serif; font-weight: normal; line-height: 1.5em; text-align: left; margin: 0 0 5px; padding: 0; }
#contentwrapper p.intro { color: #265066; font-size: 1.5em; font-family: "Times New Roman", Times, serif; font-weight: normal; font-style: italic; line-height: 1.5em; text-align: left; margin: 0 0 5px; padding: 0; }
#contentwrapper ul li { color: #265066; font-size: 1.2em; font-family: "Times New Roman", Times, serif; font-weight: normal; line-height: 1.5em; background-image: url(../Images/bullet.png); background-repeat: no-repeat; background-position: left 50%; text-align: left; margin: 0 0 5px; padding: 0 0 0 20px; list-style-type: none; }
#contentwrapper h4 { color: #00a6e3; font-size: 1.3em; font-family: "Times New Roman", Times, serif; font-weight: bold; line-height: 1.5em; text-align: left; margin: 0 0 5px; padding: 20px 0 0; }


#contentwrapper ul { margin-top: 0; margin-left: 0; padding: 0; }
.orange { color: #f7941e; }
#leftcolumn p { font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; text-align: left; margin-right: 30px; margin-left: 30px; padding: 0 0 1em; }
#leftcolumn p.small { color: #a7a89f; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; text-align: left; margin-right: 30px; margin-left: 30px; padding: 0 0 1em; }
#rightcolumn p { font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; text-align: left; margin: 0; padding: 0 0 1em; }
#rightcolumn h3 { color: #757169; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; text-align: left; margin: 0; padding: 0 0 1em; }
#leftcolumn p.intro { color: #757169; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.6em; text-align: left; margin-top: 0; margin-right: 30px; margin-left: 30px; padding: 10px 30px 10px 0; }



.am { color: #dbdcd0; font-size: 25px; }


/* Images
----------------------------------------------- */
img.left	{ float: left; margin-top: 3px; margin-right: 15px; border: 0; }
img.icon { vertical-align: baseline; margin-right: 15px; float: left; margin-top: -10px; border: 0; }
img.rctop { display: block; margin: 20px 0 10px 0; }
img.right { display: block; margin: 0; padding-top: 3px; padding-left: 15px; float: right; }
img.b-left { display: block; margin: 3px 15px 10px 0; padding: 3px; float: left; border: solid 1px #c8b7c4 }
img.b-right { display: block; margin: 3px 0 0 15px; padding: 4px; float: right; border: solid 1px #c8b7c4; }
img.logos { margin: 10px 0; }
img.acrobat { margin-top: 15px; padding: 0; display: block; }
img.covers { display: block; margin-top: 10px; margin-left: 15px; padding: 0; border: solid 1px #999; }
img.border { margin-top: 10px; margin-bottom: 10px; padding: 0; border: solid 3px #fff; }

.mainimage { margin: 0 0 0 15px; padding: 0 0 0;  }
.thumb { text-decoration: none; float: left; display: inline; padding: 0; margin: 0 9px 20px 0; border: solid 1px #888; }
.thumblast { text-decoration: none; display: inline; margin: 0 0 20px 0; padding: 0; float: left; border: solid 1px #888; }
/* Forms & Tables
----------------------------------------------- */
#table1 { font-weight: normal; font-style: normal; vertical-align: top; padding: 0; }
#table1 td { color: #f00; font-size: 1em; font-weight: normal; font-style: normal; text-align: left; padding: 0; }


#basic { margin-top: 20px; margin-bottom: 10px; margin-left: 0; border-top: 1px solid #265066; border-left: 1px solid #265066; }
#basic td { color: #3f3f3f; font-size: 1em; background-color: #f5f5f5; text-align: left; padding: 5px 10px 5px 15px; border-right: 1px solid #265066; border-bottom: 1px solid #265066; }
#basic td.odd { background-color: #e2e2e2; }
#basic th { color: #fff; font-size: 1em; background-color: #0088cf; text-align: left; padding: 5px 10px 5px 15px; border-right: 1px solid #265066; border-bottom: 1px solid #265066; }
#basic td.left { text-align: left; }
#basic td.right { text-align: right; }






/* Masthead
----------------------------------------------- */
#titlebar h1 { color: #ad2e26; font-size: 2.5em; font-weight: normal; font-variant: small-caps; line-height: 1em; text-align: center; letter-spacing: 0.4em; margin: 0; padding: 0; }
#titlebar h2 { color: #005fa3; font-size: 1.7em; font-weight: normal; line-height: 1em; text-align: center; letter-spacing: 0.3em; margin: 0 0 5px; padding: 10px 0 0; }




/* footer
----------------------------------------------- */
#footer p { color: #757169; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2; text-align: center; margin: 0 30px; padding: 0; }
#footer a:link, #footer a:visited { color: #00a6e3; text-decoration: none; border-style: none; }

#footer a:hover { color: #343434; text-decoration: none; border-style: none; }