body
{
	font-family:Arial, Helvetica, sans-serif;
	background: #39F url(../themes/6to12/body-bkgd.gif) repeat-y center;
	text-align: center; /* IE 5.5 doesn't understand auto margins*/
	font-size: 90%;
	margin: 0;
	padding: 0 0 20px 0;
	background-color: #3399FF;
}

#mainarea, #mainareanoback
{
	position: relative;
	width: 738px;
	margin: 30px auto;
	background: url("../themes/6to12/nav-global-bkgd.gif") repeat-y 31px;
	text-align: left; /* puts text align back to normal*/
}

#mainareanoback
{
background-image: none;
}

#wide #mainarea
{
	background-image: none;
	width: 770px;
}

#container01 { 
	position: relative;
	float: left;
	width: 196px;
	margin: 0 0 10px 0;
	display: inline; /* fixes Win IE double Float Margin Bug*/
}

#container02 {
	float: right;
	width: 494px;
	margin: 0 0 0 10px;
	display: inline; /* fixes Win IE double Float Margin Bug*/
}




/* --------------------- branding/logo box --------------------- */

#branding
{	position: relative;
	width: 234px;
	margin: 0;
	height: 298px;
	background: #336 url("../themes/6to12/branding-bkgd.gif") no-repeat;
	text-align: right;
}

#branding a
{
text-decoration: none;
}

#branding #branding-logo
{	
	position:absolute;
	width: 126px;
	height: 126px;
	top: 35px;
	left: 92px;
	background: url("../themes/6to12/branding-logo.gif") top right no-repeat;
}

#branding #branding-header {
	position: absolute;
	top: 160px;
	left: 56px;}
	
#branding-header {
	margin: 0;
	padding: 111px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:111px; /* for IE5/Win only */
	/*line-height: 111px;*/
	width: 178px;
	background: url("../themes/6to12/branding-text.gif") top right no-repeat;
	}
	
#branding #branding-header h1{
	margin:0;
	padding:0;
}

#branding-header a {
	display: block;
}

#branding-wide
{
	float: left;
	display: inline; /* fixes Win IE double Float Margin Bug*/
	width: 295px;
	height: 166px;
	margin: 0 0 0 20px;
	background: url("../themes/6to12/input/branding-bkgd.gif") no-repeat right;
	
}

#branding-wide #branding-logo
{
	float: left;
	display: inline; /* fixes Win IE double Float Margin Bug*/
	background-image: url("../themes/6to12/input/branding-logo.gif");
	width: 93px;
	height: 93px;
	margin: 50px 0 0 34px;
}

#branding-wide #branding-header 
{
	margin: 50px 0 0 0;
	background: url("../themes/6to12/input/branding-text.gif") top right no-repeat;
	width: 167px;
}

#branding-wide h1
{
	color: #FFF;
	font-size: 22px;
	width: 130px;
	margin: -85px 20px 0 78px;
	float: right;
	display: inline; /* fixes Win IE double Float Margin Bug*/
}

/* --------------------- global(main) navigation --------------------- */

#navigation{
	margin-right: -10px;
	text-align: right;
}

#navigation ul{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
}

#navigation a{
	color: #FFCC66;
	text-decoration: none;
}

#navigation a:hover{
	color: #FFF;
}




#nav-global-wide
{
	width: 398px;
	height: 166px;	
	background: url("../themes/6to12/input/nav-global-bkgd.gif") no-repeat bottom;
	text-align: right;
	margin: 0 0 0 312px;
	
}

html>body #nav-global-wide
{
	/* IE is adding pixels on to this left margin. I can't explain why this is happening.*/
	margin: 0 0 0 315px;
}

#nav-global-wide ul
{
	margin: 65px 0 0 30px;
	padding: 0;
	float: left;
	text-align: left;
	width: 150px;
	list-style: none;
}


#nav-global-wide a {
	color: #FFCC66;
	text-decoration: none;
}

#nav-global-wide a:hover {
	color: #fff;
}

.float_menu{
	float: right;
}


#toplink
{
	margin-top: 10px;
}


/* --------------------- login area --------------------- */

#nav-login 
{	position: relative;
	background: url("../themes/6to12/login-bkgd.gif") no-repeat top;
	width: 444px;
	height: 100px;
	margin-left: -3px;

}

html>body #nav-local
{
	/*position: absolute;
	top: 50px;	*/
}

#nav-login-wide
{
	float: left;
	display: inline; /* fixes Win IE double Float Margin Bug*/
	background:  url("../themes/6to12/input/nav-local-bkgd.gif") repeat-y top center;
	width: 740px;
	margin: 10px 0 10px 20px;
	clear: both;
	padding: 7px 0 2px 0;
	
}

html>body #nav-login-wide {
	padding: 7px 0 7px 0;

}

#nav-login-wide #nav-local 
{
	position:static;
	width: 335px;
	float:left;
	display: inline; /* fixes Win IE double Float Margin Bug*/
	margin: 0;
		
}

#nav-local ul {
	margin: 0;
	padding:0;
}

#nav-login ul {
	position: absolute;
	top: 50px;
	margin: 0 0 0 20px;
	padding: 0;
	display: inline;
}

#nav-login-wide ul
{
	margin: 0 0 0 43px;
		
}

#nav-login-wide li, #nav-login li
{
	margin-right: .5em;
	border-right: 1px solid #C60;
	padding-right: .5em;
	display: inline;
	font-size: 1em;
}

#nav-login-wide li a, 
{
	color: #FFFFFF;
	text-decoration:  none;
}

#nav-login li a:link {text-decoration:none; color: #FFF;}
#nav-login li a:visited {text-decoration:none; color: #FFF;}
#nav-login li a:hover {text-decoration:underline; color: #630;}
#nav-login li a:active {text-decoration:underline; color: #630;}

#nav-login-wide li a:link {text-decoration:none; color: #FFF;}
#nav-login-wide li a:visited {text-decoration:none; color: #FFF;}
#nav-login-wide li a:hover {text-decoration:underline; color: #FFF;}
#nav-login-wide li a:active {text-decoration:underline; color: #FFF;}

#loggedin
{	
	position: absolute;
	top: 20px;
	color: #FFF;
	margin: 0 0 0 20px;
	font-size: 1.15em;
}

.name-carer,.name-individual {
	color: #630;
}

#nav-login-wide .name {
	color: #FFF;
}

#nav-login  #loggedin
{
}
	
#nav-login-wide #loggedin
{
	position: static;
	float: right;
	display: inline; /* fixes Win IE double Float Margin Bug*/
	margin: 0 60px 0 0;
	text-align:right;
	width: 340px;
	font-size: 1em;
	color: #FFF;

}

#nav-login form {
	position: absolute;
	top: 40px;
	left: 25px;
	width:300px;
	}

#nav-login form input {
	width: 140px;
	background:#FC6;
	border: 1px #F93 solid;
}
	
#nav-login form input#loginbutton {
	width: 85px;
	color: #FFF;
	background: #630;
	border: 1px #E82 outset;
	}

	

/* --------------------- content area --------------------- */

#content
	{
	background: #07A url("../themes/6to12/content-bkgd.gif") repeat-y top right;
	width: 484px;
	padding: 0;
	margin: 10px 0 0 0;
	color: #DDF;

}

#contentwide
{
	float: left;
	display: inline; /* fixes Win IE double Float Margin Bug*/
	background: #ABB url("../themes/6to12/input/content-bkgd.gif") repeat-y center;
	width:770px;
	/*margin-bottom: -5px;*/
		
}

#content-inner
{
	margin: 0 30px 0 40px;
	padding: 35px 0;
}

#content-inner .input{
	width: 200px;
	margin-left: 20px;
}

#content-main {
	float: right;
	width: 260px;
	/*display: inline;  testing */
}

#content p
{
	margin: 0 0 1.5em 0 ;
	line-height: 1.25em;
}


#content h3, #content h4
{
	margin: .5em 0 .25em 0 ;
}

h2
{
	margin: 0 0 .75em 0;
	color: #FFF;
}

h3 {
	color: #FFF;
}

h4
{
	color: #330;
}

h2 a:link, h3 a:link, h4 a:link  {text-decoration:none; color:#DDD;}
h2 a:visited, h3 a:visited, h4 a:visited {text-decoration:none; color:#BBB;}
h2 a:hover, h3 a:hover, h4 a:hover {text-decoration:underline; color:#FFF;}
h2 a:active, h3 a:active, h4 a:active {text-decoration:underline; color:#003;}


a:link {text-decoration:none; color: #333;}
a:visited {text-decoration:none; color: #333;}
a:hover {text-decoration:underline;	color: #000;}
a:active {text-decoration:underline;color: #000;}

#content-sidebar {
	float: left;
	width: 135px;
	/*display: inline;  testing */
}

.sidebar-item {
	border-top: 1px solid #036;
	padding-bottom: 0.25em;
}

.sidebar-item h4 {
	color: #FFF;
}

.templatedescription
{
	font-size: 0.8em;
}

#content-sidebar h4 {

	font-weight:normal;
	margin: .25em 0 0 0 ;
	padding: .5em 0 0 0;
	font-size: 1em;
	margin-bottom: 0.7em;
	color: #FFF;
	}
	
#content-sidebar p {
	margin: 0 0 .75em 0 ;
	padding: 0;
}

.back-to-top{
	background: url(../themes/common/icon-arrow-up.gif) no-repeat left center;
	padding-left: 15px;
}

.example {
	padding: 20px;
	border: 1px solid #036;
	background:#69C;
	color: #000;
}

.clearer {
clear: both;
}

#content-footer
{
	display: none;	
}


/* --------------------- cartoons  --------------------- */

#branding-deco1
{
	height: 132px;
	width:  392px;
	background: url("../themes/6to12/homepic_all.gif") no-repeat -1px 10px;
}

/* ---------------------    --------------------- */


#helpcontent
{
	float: right;
	display: inline; /* fixes Win IE double Float Margin Bug*/
	width: 285px;
	margin: 20px 70px 20px 0;
	color: #003;
	font-size: .9em;
	line-height: 1.3em;
}

#versionhelp
{
	display: block;
	background: #38B;
	border: #07A 1px solid;
	font-size: 0.9em; 
	line-height: 1.3em;
	clear: both;
	color: #003;
	margin-left: 65px; 
	padding: 10px !important;
	padding-top: 2px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 50px;
}

#formcontent
{
	float: left;
	display: inline; /* fixes Win IE double Float Margin Bug*/
	color: #003;
	width: 320px;
	background-color: #07A;
	margin: 20px 0 20px 65px;
}

#formcontent .label, #formcontent label
{
	margin: 0 0 -.5em 0;
	padding: 0;
	display:block;
	margin-bottom: -12px;
}

#formcontent .description
{
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 7px;
}

#formcontent textarea, #formcontent iframe, #formcontent select
{	color: #022;
	margin: 0 0 10px 0;
	background: #ABB;
	border: 1px solid #036;
	padding: 3px;
}

#formcontent input{	
	color: #022;
	margin: 0 0 10px 0;
	background: #ABB;
	border: 1px solid #036;
	padding: 3px;
	
}

.input{
	width: 290px;
}


#formcontent textarea#2 {
	margin: 0;
	padding: 0;
	width: 250px;
}

#formcontent select {
	padding: 0;

}
	
form {
	margin: 0;
	padding: 0;
}

#formfields
{
	margin: 10px;
	padding: 0;
}

#name
{
	color: #000000;
}

#versionselect
{	font-size: .9em;
	text-align: left;
	float:left;
	display: inline;
	margin-bottom: 10px !important;
	margin: 0 10px 0 0;
	line-height:1.5em;
}

#firstversion
{
	margin-left: 65px;
	color: #003;
}

#versionselect form {
}


#versionselect select
{
	margin: 0;
	margin-left: 65px;
	background: #EEE;
}

div#newversionbutton
{
	padding-top: 0;
	text-align: left;
	float: left;
	width: 200px;
	display: inline;
	height: 10px;
	font-size: .9em;
}
	
#newversionbutton input, #versionselect input{
	background-color:#38B;
	color: #003;
	border: outset 1px #555;
}

.button
{
	background-color:#036;
	color: #FFFFFF;
	border: outset 1px #555;
}

#user_file, #imageupload .button {
	margin: 10px 0 0 0;
	width: 85%;
	}

#imageupload img {
	margin: 10px 0 0 0;
}

#previewbuttonarea
{
	clear: both;
	margin: 0 0 0 0;
	padding-top: 10px;
	margin-bottom: 10px;
}

#previewbuttonarea select
{
	background: #EEE;
	margin: 0 10px 0 0;}

input#previewbutton
{
	display: block;
	background-color: #036;
	color: #FFF;
	width: 300px;
	border: outset 1px #555;
}

#bottomcontentwide
{
	clear:both;
}

#groupheading
{
	margin: 25px 0 15px 65px;
	color: #003;
	font-size: 1.3em;
}

#groupheading a {
	color: #333366;
}

.header-label
{
	font-weight: normal;
	color: #FFF;
}

#templatepreviewarea
{
	left: 20px;
	position: absolute;
	top: 177px;
	width: 700px;
	height: 1000px;
	display: none;
	background-color: #FFFFFF;
	z-index: 20;
	filter: alpha(opacity=100);
	opacity: 1;
}

#closepreview
{
	background-color: #FF9933;
	color: #000000;
	text-align: center;
	height: 30px;
	font-size: 18px;
	padding-top: 10px;
}

#closepreview a
{
	color: #FFFFFF;
}

 #printbutton
{
background-color: #CC3300;
text-align: right;
padding: 4px;
}

#imageupload
{
	background-color: #AABBBB;
	background-image: none;
}

#login label
{
	color: #FFFFFF;
	font-size: 12px;
}

#login
{
	padding-top: 20px;
}



textarea, #formfields iframe
{
	width: 290px;
}

#login input
{
	width: 100px;
}

iframe
{
	border: solid 0px #000;
}

#container
{
	background-color: #FFFFFF;
}

#footer
{
	text-align: center;
	height: 78px;
	width: 674px;
	background: #336 url("../themes/6to12/footer-bkgd.gif") no-repeat 0px 10px;
	color: #FFF;
	font-size: 1em;
	clear: both;
	padding: 40px 0 0 0;
}


.divider
{
border-bottom: solid 1px #FFFFFF;
}

#savenotice {
	position: absolute; 
	padding-top: 10px; 
	background-color: #29A100; 
	width: 700px; 
	height: 30px; 
	font-size: 19px; 
	color: #FFF;  
	text-align: center;
	text-decoration: blink;
}

#savedate {
     float: right;
     padding: 0 !important;
     margin: 0 !important;
     margin-right: 90px !important;
}


/**GUEST FORM */

#content-inner fieldset
{
	background-color: #0077AA;
	width: 380px;
	padding-left: 10px;
	margin-left: 0;
	
}

#content-inner label
{
	display: block;
	color: #FFF;
	margin-left: 0;
	margin-top: 8px;
}


#content-inner fieldset select{
	margin-bottom: 0;
}


#content-inner legend {
	background-color: #333366;
	font-size: 16px;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
}


#content-inner textarea, #content-inner input, #content-inner .input{
	margin-left: 0;
	border: 1px solid #ccc;
	width: 350px;
}

#content-inner .inputwidth{
	width: 350px;
	height: 80px;
}

#content-inner select{
	margin-bottom: 20px;

}

#content-inner .button{
	margin-top: 20px;
	margin-right: 10px;
	width: auto;
}

#content-inner a{
	color: #fff;
}

#content-inner a:hover{
	color: #333366;
}


.grouping{
	border: 2px solid #fff;
	margin-top: -15px;
	padding: 8px 0 5px 5px;
	background-color: #8CACAB;
}


.grouping a{
	color: #333366;
	text-decoration: none;
}

.grouping a:hover{
	color: #fff;
}


.grouping p{
	color: #003366;;
}

.textstyle{
	
	color: #333366;
	font-weight: bold; 
	font-size: 18px;
	border-bottom: 3px solid #333366;
}



h4{
	color: #003366;
}



#notesarea h2 {
	font-size: 14px;
	margin: 8px !important;
	padding-top: 8px;
}

#notesarea {
	background-color: #8CACAB;
	padding-bottom: 4px;
}

#notesarea .note {
	margin: 8px;
	padding: 4px;
	background-color: #FFF;
}

#notesarea form {
	margin: 8px;
}

#content-inner .links{
	text-decoration: underline;
}

.table_text_style{
	font-size: 12px;
}

#restriction{
	width: 430px;
	font-size: 12px;
}

#restriction th{
	background-color: #FF9933;
	padding: 5px;
	color: #663300;
}

#content-inner .checkbox_button{
	margin-top: 5px;
	width: auto;
	background-color: #339900;
	color: #FFFFFF;
	font-size: 14px;
}

.expand_div{
	display: none;
}