body                                            {margin: 0; font: 0.82em verdana, arial, sans-serif; line-height: normal; color: black; background: white;}
div												{border: none 0px #000000; margin: 0px; padding: 0px;}
form											{margin: 0px;}
img							 					{border: solid 0px #000000;}
.hidden											{display: none; visibility: hidden;}

input											{margin-left:0px;}

/************ HORIZONTAL CENTER (2010-10-20) ***********/
body {
    text-align: center; /* For old browsers */
    min-width: 872px; /* Avoid failures of margin: auto */
}
body.mceContentBodyAdmin,
body.mceContentBodyPluginRight,
body.mceContentBodyPluginLeft,
body.forPDF {
    text-align: left; /* Ignore centering in admin */
    min-width: 10px; /* Set min-width for admin to less than 1024px */
}
#bodycenter {
    text-align: left; /* Reset alignment */
    width: 872px; /* Width of websites, designed for 1024px */
    margin-left: auto; /* Center */
    margin-right: auto; /* Center */
}

/************ LAYOUT ****************/

/* Container for the whole Page*/
.container										{width: 872px; background: white url(http://www.ccss.org.au/_resources/Web---Background-Columns.jpg) top left repeat-y;}
.bodyColumn										{position: absolute;}
.ie .bodyColumn										{position: relative; clear: both;}

/* Left Column with the Logo and Plugins */
.leftColumn										{width: 140px; float: left; padding-top: 8px;}
.logo											{width: 140px; height:112px; float: left; padding-bottom: 20px;}

/* Right column containing the Banner, Menu and Content Container */
.rightColumn									{width: 669px; background: white; float:left; border: 1px solid #8a8a8a; margin-right: 1px;}
.banner											{background: transparent; height: 76px;}
.menuContainer									{margin-bottom: 5px; background-color: transparent; padding-left: 15px; padding-right: 15px; clear:both; line-height: normal; height: 65px; position: relative;}
.menuContainer .FolderSelectLevel0				{position: absolute; bottom: 0;}
.menuContainer .FolderSelectLevel1 li			{width: auto; line-height: normal; padding-bottom: 10px;}
.menuContainer .FolderSelectLevel1 ul			{padding-top: 10px;}
.menuContainer .FolderSelectLevel1 ul ul		{padding-top: 0px;}
.menuContainer .FolderSelectLevel1 li li		{line-height: 220%; height: auto; padding-bottom: 0px;}

/* container for the School by Name etc. */
.headerBackground								{width:872px; background: white url(http://www.ccss.org.au/_resources/Web---Page-Banner.jpg); height: 146px;}
.headerBackground img {}
/* .headerBackground .banner a img {height: 146px; width: 872px;} */

/* Container for the rotating Image, Content and the right column for the plugins */
.contentContainer								{width: 669px; float: left; background-color: white; background: url(http://www.ccss.org.au/_resources/Web---Background-Content.jpg) top left repeat-x;}
.rotImage										{width: 669px; height:110px; border-bottom: 0px none white;} 
.contentLeft									{width: 510px; float: left; padding: 10px 9px 10px 10px;}
.contentRight									{width: 200px; float: left;}
.IsSystemFalse .contentRight                             {margin-top: 113px;}

.footer											{width: 669px; background-color: white; float:left; overflow: hidden; padding-top: 5px; color: #999999; clear: both;}
.TM_MinHeight									{width: 1px; float: right; height: 198px;}

/************** BOTTOM MENU *****************/
/*
.bottomMenu 									{margin: 0; padding: 0; white-space: nowrap; list-style-type: none;}
.bottomMenu li 									{border-left: 1px solid #999999; float: left; line-height: 1.1em; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em;}
.bottomMenu li a								{text-decoration: none; color: #999999;}
*/
.TM_BottomNavigation							{width: 669px; float: left; margin:0px; padding: 0px; float:left}
.TM_BottomNavigation ul							{margin:0px; padding: 0px 10px 24px;}
.TM_BottomNavigation li							{float:left; list-style-type: none; line-height:13px; padding-right: 5px; margin:0px; padding-top:0px;}
.TM_BottomNavigation li a,
.TM_BottomNavigation span a						{font-family: Verdana; color: #999999; border-right: solid 1px #999999; font-weight: normal; font-size: 11px; text-decoration: none; padding-right:5px; }

.TM_BottomNavigation div						{padding: 0px 15px 20px 0px;}
.TM_BottomNavigation span						{line-height:30px; border: 0px; padding-right: 5px; margin:0px; padding-top:0px; line-height: 13px;}
.TM_BottomNavigation .last						{border-right:none;}

/********* PLUGINS **************/
.TM_Search										{width: 0px; height: 0px; padding: 0; position: absolute;}
.TM_Search .offset								{position: relative; top: 13px; left: 678px; width: 190px;} /* 2010-10-20: Relative positioning due to centering of templates */
#SearchLabel									{color: white; text-transform: uppercase; font-weight: normal; font-family: Verdana; font-size: 11px;}
#SearchText										{}
#SearchText input								{border: solid 1px #2bffc9; width: 115px; padding-left:3px; margin: 0 4px 0 0; font-family: Verdana; font-size: 11px;}

.IsSystemFalse .TM_Search                                {position: absolute;}
.IsSystemFalse .TM_Search .offset                        {top: 147px; position: relative; left: 671px; background: #00246b; width: 180px; padding: 40px 10px; height: 30px; border-bottom: solid 1px White;} /* 2010-10-20: Relative positioning due to centering of templates */
.IsSystemFalse .TM_Search #SearchLabel                   {display: block; padding-bottom: 3px;}
.IsSystemFalse .TM_Search #SearchText input              {width: 159px;}

.TM_Subsites									{width: 130px; padding: 10px 0px 0px 10px; border-bottom: solid 1px white;}
#SubsitesLabel									{color: #00539f; text-transform: uppercase; font-weight: bold; font-family: Verdana; font-size: 11px; display: block;}
#SubsitesList									{}
#SubsitesList .FakeBorder						{}
#SubsitesList select							{border: solid 1px #8a8a8a; width: 120px; font-family: Verdana; font-size: 11px; margin: 2px 0px 4px 0px; }
 
.TM_EventCalendar								{width: 200px; border-bottom: solid 1px White;}
#Calendar										{width: 100%; background-color: white;}
#CalendarMonthTr								{background-color: #00539f; height: 21px; height: 21px;}
.CalendarMonth									{width: 159px; font-size: 12px; font-family: Verdana; color: white; font-weight: normal; height: 21px; padding: 2px 2px; text-align: center; line-height: 16px;}
#CalendarDays									{height: 21px;}
#CalendarDays th								{font-weight: normal; color: white; background-color: #00ada9; font-size: 12px; font-family: Verdana; height: 18px; text-align: center; line-height: 16px;}
#CalendarDay, #CalendarDay a					{text-align: center; text-decoration: none; color: #00ada9; font-size: 12px; font-family: Verdana; height: 18px; }
#CalendarDifDay, #CalendarDifDay a				{text-align: center; text-decoration: none; color: #277ca3; font-size: 12px; font-family: Verdana;}
.CalendarNext									{margin: 4px;}
.CalendarPrev									{margin: 4px;}
.CalendarSelected, .CalendarSelected a			{background-color: #00ada9; color: White ! important;}
.yearMonth										{text-align:center; }

.TM_SearchFilter,
.TM_Survey,
.TM_Submenu,
.TM_HtmlLeft,
.mceContentBodyPluginLeft 										{background-color: #dee8fa; color: #000000; border-bottom: solid 1px White; font-family: Verdana; font-size: 11px; font-weight: normal; width: 120px; padding: 15px 10px 10px 10px; line-height: normal;}
.TM_Survey .RequiredField						{display: none; visibility: hidden;}
.TM_SearchFilter p,
.TM_Survey p,
.TM_HtmlLeft p,
.mceContentBodyPluginLeft p									{padding: 3px 0px 6px 0px; margin: 0px;}
.TM_SearchFilter h1,
.TM_Submenu h1,
.TM_Survey h1,
.TM_HtmlLeft h1,
.mceContentBodyPluginLeft h1									{color: #000000; text-transform: uppercase; font-weight: normal; font-family: Verdana; font-size: 11px; padding: 0px; margin: 0px; font-weight: bold;}
.TM_SearchFilter a,
.TM_Survey a,
.TM_Submenu a,
.TM_HtmlLeft a,
.mceContentBodyPluginLeft a	 								{text-decoration: none ! important; color: #00539f ! important;}
.TM_Survey ul									{list-style-type: none; padding: 3px; margin: 0px; margin-left: 10px;}
.TM_Survey li									{padding: 3px 0px 0px 0px;}
.TM_SearchFilter input,
.TM_Survey input								{border: solid 1px #8a8a8a;  margin: 2px 0px 4px 0px; width: 115px;}
.TM_Survey input.button                         {width: auto;}
.TM_Survey .radioButton							{vertical-align: top; border: none 0px white;}
.TM_Survey hr,
.TM_HtmlLeft hr									{border: none 0px White; border-bottom: solid 1px white; width: 100%; height: 1px; clear: both;}
.TM_Survey .button						{
   color: white ! important;
   background-color:#0a0a1d ! important;
   border-top: solid 1px white ! important;
   border-left: solid 1px white ! important;
   border-bottom: solid 1px #555555 ! important;
   border-right: solid 1px #555555 ! important;
   margin: 0px 0px 0px 0px;
   font-family: Verdana;
   font-size: 11px;
   padding-left: 4px;
   padding-right: 4px;
}
.TM_Survey .Dropdown_SELECT
{border: solid 1px #2bffc9; width: 120px; font-family: Verdana; font-size: 11px;}
.TM_Survey .Dropdown_SELECT_Div { margin-bottom: 6px;}
.TM_Survey table, 
.TM_Survey tr,
.TM_Survey td					{padding: 0px; margin: 0px; border: none 0px white;}
.TM_Survey_OptionBox			{padding: 2px 0px 6px 18px;}
.Survey_OptionBox			{padding: 1px 0px 0px 18px;}

/* width override for HR and MINs in Survey */
.hrMin							{width:70px !important;}

.TM_Quotes                                      {width: 180px; height: 92px; padding: 10px; background-color: #00539f; color: white; border-bottom: solid 1px White; font-family: Verdana; font-size: 11px; font-weight: normal; line-height: normal; display: table;}
.TM_Quotes #Quote                               {display: table-cell; vertical-align: middle;}
.TM_Quotes #QuoteText                           {}
.TM_Quotes #QuoteSource                         {display:block; font-style:italic; text-align:right; width:100%;}

.BODP .TM_Quotes                                {display: none;}

.TM_Rss,
.TM_StudentSupportTopics,
.TM_RelatedLinks,
.TM_ENewsLink,
.TM_EventsList,
.TM_NewsList,
.TM_HtmlRight,
.mceContentBodyPluginRight  									{width: 180px; padding: 10px; background-color: #f7f7fd; color: #464646; border-bottom: solid 1px White; font-family: Verdana; font-size: 11px; font-weight: normal; line-height: normal;}
.TM_Rss p,
.TM_StudentSupportTopics p,
.TM_RelatedLinks p,
.TM_ENewsLink p,
.TM_EventsList p,
.TM_NewsList p,
.TM_HtmlRight p,
.mceContentBodyPluginRight p									{padding: 2px 0px 6px 0px; margin: 0px;}
.TM_Rss h1,
.TM_RelatedLinks h1,
.TM_StudentSupportTopics h1,
.TM_ENewsLink h1,
.TM_EventsList h1,
.TM_NewsList h1,
.TM_HtmlRight h1,
.mceContentBodyPluginRight h1									{color: #00539f; text-transform: uppercase; font-weight: bold; font-family: Verdana; font-size: 11px; padding: 0px; margin: 0px;}
.TM_Rss a,
.TM_RelatedLinks a,
.TM_StudentSupportTopics a,
.TM_ENewsLink a,
.TM_EventsList a,
.TM_NewsList a,
.TM_HtmlRight a,
.mceContentBodyPluginRight a									{text-decoration: none ! important; color: #00ada9 ! important;}
.TM_RelatedLinks input,
.TM_ENewsLink input,
.TM_StudentSupportTopics input,
.TM_EventsList input,
.TM_NewsList input								{border: solid 1px #8a8a8a;}
.TM_RelatedLinks ul								{list-style-type: none; padding: 2px 3px 6px 3px; margin: 0px; margin-left: -2px;}
.TM_ENewsLink ul,
.TM_EventsList ul,
.TM_NewsList ul									{list-style-type: none; padding: 3px; margin: 0px; margin-left: -2px;}
.TM_RelatedLinks li,
.TM_ENewsLink li,
.TM_EventsList li,
.TM_NewsList li									{padding: 3px 0px 0px 0px;}

.TM_EventsList .TM_EventDate {font-size: 9px;}

.TM_SearchFilter ul,
.TM_StudentSupportTopics ul,
.TM_Submenu ul,
.TM_HtmlLeft ul,
.TM_HtmlRight ul,
.mceContentBodyPluginRight ul,
.mceContentBodyPluginLeft ul						            {list-style-image: url("http://www.ccss.org.au/_resources/Web---TopicBullet.gif"); margin-left:-24px;}
.TM_SearchFilter li,
.TM_StudentSupportTopics li,
.TM_Submenu li,
.TM_HtmlLeft li,
.TM_HtmlRight li,
.mceContentBodyPluginRight li,
.mceContentBodyPluginLeft li						            { margin-left:0px;}

.TM_HtmlLeft .ContentNameOne,
.TM_HtmlLeft .ContentNameOne a,
.mceContentBodyPluginLeft .ContentNameOne,
.mceContentBodyPluginLeft .ContentNameOne a        {font-family: Verdana; font-size: 11px; font-weight: normal; color: #000000 ! important; text-decoration: none; font-style: italic; padding: 3px 0px 0px 0px; margin: 0px;}
.TM_HtmlRight .ContentNameOne,
.TM_HtmlRight .ContentNameOne a,
.mceContentBodyPluginRight .ContentNameOne,
.mceContentBodyPluginRight .ContentNameOne a        {font-family: Verdana; font-size: 11px; font-weight: normal; color: #464646 ! important; text-decoration: none; font-style: italic; padding: 3px 0px 0px 0px; margin: 0px;}

.IE_MenuBullet									{display: none; visibility: hidden;}

/* Style */
	/* Main menu */
.FolderSelectLevel0								{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none;}
	/* Main menu */
.FolderSelectLevel1								{list-style-type: none; margin: 0px; padding: 0px;}
.FolderSelectLevel1 a							{display: block; height: 22px;}
.FolderSelectLevel1 li li a							{display: block; height: auto;}
.FolderSelectLevel1 li							{float: left; position: relative; list-style-type: none; padding: 0 10px 0 10px; line-height: 23px;}
.FolderSelectLevel1 > li:last-child				{border-right: none;}
	/* Dropout 1 */
.FolderSelectLevel1 li ul li					{margin: 0px; padding: 0px;}
.FolderSelectLevel1 li ul						{display: none; position: absolute; height:0px; top:23px; left:-1px; margin: 0px; padding: 0px;}
.FolderSelectLevel1 li:hover ul					{display: block;}
	/* Dropout 2 */
.FolderSelectLevel1 li:hover ul li ul			{display: none; position: absolute; top: -1px; left: 147px; width: 147px;}
.FolderSelectLevel1 li:hover ul li:hover ul		{display: block;}

/* Style */
	/* Main menu */
.FolderSelectLevel1 li							{border-right: solid 1px #2bffc9; background-color: transparent; font-size: 11px;}
.FolderSelectLevel1 li a						{color: white; text-decoration: none; text-transform: uppercase;}
.FolderSelectLevel1 li .currentMenu				{color: #2bffc9;}
.FolderSelectLevel1 li:hover					{background-color: #2bffc9; color: #0a0a1d;}
.FolderSelectLevel1 li:hover a					{color: #0a0a1d;}
	/* Dropout 1 */
.FolderSelectLevel1 li:hover li					{width: 147px; background-color: white; color: #00539f; border: solid 1px #555555; z-index:1000; margin-top:-1px; line-height: 100%; padding: 6px 0px;}
.FolderSelectLevel1 li:hover li a				{color: #00539f; font-weight: normal; font-size: 11px;  text-transform: none; margin: 0 7px;}
.FolderSelectLevel1 li:hover li:hover			{background-color: #2bffc9; color: #0a0a1d;}
.FolderSelectLevel1 li:hover li:hover a			{color: #0a0a1d;}
	/* Dropout 2 */
.FolderSelectLevel1 li:hover li:hover li		{width: 147px; background-color: white; color: #00539f; border: solid 1px #555555;margin-top:-1px;top:1px;}
.FolderSelectLevel1 li:hover li:hover li a		{color: #00539f; font-weight: normal; font-size: 11px;  text-transform: none; margin: 0 7px;}
.FolderSelectLevel1 li:hover li:hover li:hover	{background-color: #2bffc9; color: #0a0a1d;}
.FolderSelectLevel1 li:hover li:hover li:hover a {color: #0a0a1d;}

/********* CONTENT STYLES ***************/
th	{ font-size: 12px; color: white; font-family: Verdana;}

/*Blue*/ 
.mceContentBodyAdmin									{line-height: normal; min-height: 200px; }
.mceContentBodyAdmin, .mceContentBodyAdmin table td, .mceContentBodyAdmin table th				{font-family: Verdana; font-size: 12px; font-weight: normal; color: #123570; text-decoration: none; font-style: normal;}
.mceContentBodyAdmin p								{padding: 2px 0px 6px 0px; margin: 0px;}
.mceContentBodyAdmin h1, .mceContentBodyAdmin h1 a			{font-family: Verdana; font-size: 18px; font-weight: bold; color: black ! important; text-decoration: none; font-style: normal; padding: 6px 0px 10px 0px; margin: 0px;}
.flashText H2, .mceContentBodyAdmin h2, .mceContentBodyAdmin h2 a			{font-family: Verdana; font-size: 16px; font-weight: bold; color: black ! important; text-decoration: none; font-style: normal; padding: 6px 0px 10px 0px; margin: 0px;}
/*Aqua Blue*/
.mceContentBodyAdmin h3, .mceContentBodyAdmin h3 a			{font-family: Verdana; font-size: 12px; font-weight: bold; color: #00539f ! important; text-decoration: none; font-style: normal; padding: 3px 0px 0px 0px; margin: 0px;}
.flashText A, .mceContentBodyAdmin a								{font-family: Verdana; font-size: 12px; font-weight: normal; color: #b04227 !important; text-decoration: none !important; font-style: normal; padding: 3px 0px 0px 0px; margin: 0px;}
.mceContentBodyAdmin h4, .mceContentBodyAdmin h4 a			{font-family: Verdana; font-size: 12px; font-weight: normal; color: #00539f ! important; text-decoration: none; font-style: normal; padding: 3px 0px 0px 0px; margin: 0px;}
/*Orange*/
.mceContentBodyAdmin h5, .mceContentBodyAdmin h5 a			{font-family: Verdana; font-size: 11px; font-weight: normal; color: #00ada9 ! important; text-decoration: none; font-style: normal; padding: 5px 0px 0px 0px; margin: -3px 0 0 0;;}
/*Footnote*/
.ContentNameOne, .ContentNameOne a,
.mceContentBodyAdmin h6, .mceContentBodyAdmin h6 a			{font-family: Verdana; font-size: 11px; font-weight: normal; color: #666666 ! important; text-decoration: none; font-style: italic; padding: 3px 0px 0px 0px; margin: 0px;}
/*HR*/
.mceContentBodyAdmin hr								{border: none 0px White; border-bottom: solid 1px #c8c3a3; width: 100%; height: 1px; padding: 0px 0px 4px 0px; margin-bottom: 10px; clear: both;}
/*Lists*/
.mceContentBodyAdmin ul								{list-style-image: url("http://www.ccss.org.au/_resources/Web---Unordered-List-Bullet.gif"); padding-top: 2px; padding-bottom: 6px; margin-top: 0px; margin-bottom: 0px;}

.ListRow img									{padding-top: 5px ! important; margin-bottom: 6px ! important;}

.ceoNewsList									{list-style-image: url("http://www.ccss.org.au/_resources/Web---Unordered-List-Bullet.gif"); padding: 0 0 0 20px;}
.ceoNewsList li									{margin-bottom:10px;}
/*Tables*/
.mceContentBodyAdmin table th	{font-weight: bold;}

.mceContentBodyAdmin table,
.mceContentBodyAdmin .tableNBNC						{border: none 0px white;}
.mceContentBodyAdmin table th,
.mceContentBodyAdmin .tableNBNC th					{border: none 0px white; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyAdmin table td,
.mceContentBodyAdmin .tableNBNC td					{border: none 0px white; background-color: transparent; padding: 3px;}
.mceContentBodyAdmin table td.alt,
.mceContentBodyAdmin .tableNBNC td.alt				{border: none 0px white; background-color: transparent;}

.mceContentBodyAdmin .tableBNC						{border-top: solid 1px #555555; border-left: solid 1px #555555;}
.mceContentBodyAdmin .tableBNC th					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyAdmin .tableBNC td					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent; padding: 3px;}
.mceContentBodyAdmin .tableBNC td.alt				{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent;}

.mceContentBodyAdmin .tableBAC						{border-top: solid 1px #555555; border-left: solid 1px #555555;}
.mceContentBodyAdmin .tableBAC th					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyAdmin .tableBAC td					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent; padding: 3px;}
.mceContentBodyAdmin .tableBAC td.alt				{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: white;}

.mceContentBodyAdmin .tableBC						{border-top: solid 1px #555555; border-left: solid 1px #555555;}
.mceContentBodyAdmin .tableBC th						{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyAdmin .tableBC td						{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: white; padding: 3px;}
.mceContentBodyAdmin .tableBC td.alt				{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: white;}

.Pages table									{border-top: solid 1px #555555; border-left: solid 1px #555555;}
.Pages table th									{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: #00ada9; color: white; padding: 3px;}
.Pages table td									{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent; padding: 3px;}
.Pages table td.alt							{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent;}

.PolicyTitle									{font-weight: bold ! important;}
.Image											{vertical-align: top;}

/*Tags control*/
.Tags											{clear:both; display: inline;}
/*Button controls on top of news articles, etc*/
.TM_Buttons										{}
.ButtonsText									{float: left; margin-top: 14px; font-size: 11px;}
.ButtonsSort									{float: left; margin-top: 14px; margin-right: 30px}
.ButtonsGallery									{float: left; margin-top: 14px; }
.ButtonsRss										{float: right; width: 80px; text-align: right; margin-top: 14px;}
.ButtonsPdf										{float: right; width: 90px; text-align: right; margin-top: 14px;}
.ButtonsEmail									{float: right; width: 55px; text-align: right; margin-top: 14px;}
.ButtonsPrint									{float: right; width: 50px; text-align: right; margin-top: 14px;}
/*List pages (News, Events, etc) style*/
.ListRow										{float:left; width:100%;}
.ListRowImage									{float: left; width: 60px; text-align:center;margin-right:10px;}
.ListRowData									{float: left;width:436px;}

.Pager											{clear: both;}
.Pager p										{padding: 30px 0px 0px 0px; }

/* Graphs for the survey */
.Filler											{background-color: #00ada9;}
.Remainder										{background-color: transparent;}
.SR_Table, .SR_Table tr td						{padding: 0px 0px 3px 0px ! important; margin: 0px ! important; vertical-align: top;}
.SR_Value										{width: 175px; vertical-align: top;}
.ScaleBack										{background-color: white !important; border-bottom: 1px solid #555555 !important;}


.galleryBack									{width: 145px; height:151px; background: url(http://www.ccss.org.au/_resources/GalleryView-Background.gif) top left no-repeat; text-align: center;}									
.galleryBack table 
{
	margin: 0 auto; 
	text-align: left;
}
.galleryBack h5									{display: block; width: 105px; height: 31px; overflow: hidden; padding-top: 3px ! important;}
.gallerySummary									{padding: 6px 0px 10px 0px ! important;}

.centered { margin: 0 auto; }


/* CEO HOMEPAGE LAYOUT */
.ceo_left		{float: left; width: 231px; padding:10px 30px; }
.ceo_right_container { float:left; width: 439px; background-color:White; }
.ceo_right_feature { float: left; width:439px; }
.ceo_right_pointer_first { clear: both; float:left; width:215px; border-right: 6px solid White; border-top: 5px solid White; overflow:hidden; height:95px;}
.ceo_right_pointer { float:left; width: 215px; border-left: 3px solid White; border-top: 5px solid White;overflow:hidden; height:95px;}
/* END CEO HOMEPAGE LAYOUT */

/* ASR STYLES */
.ASRIndent {margin-left: 30px; margin-top: 4px;}
.ASRImage { width: 480px; }
/* END ASR STYLES */



/* Admin Form */

.AdminForm										{height: auto; margin: 0px; padding: 0px; border-style: none; border-collapse:collapse; border-width: 0px; font-family: Verdana; font-size: 12px; width: 100%;}
.AdminForm td									{padding: 3px 6px 3px 0px ! important;}

.AdminFormRow
{
	font-family: Verdana;
	font-size: 12px;
	padding: 1px 6px 1px 6px;
	border-style: none;
	border-width: 0px;
}

.AdminFormRowName
{
	padding: 0px 14px 0px 0px;
	width: 150px;
	line-height: 18px;
	vertical-align: top;
}
.AdminFormHeader td
{
	font-family: Verdana ! important;
	font-size: 11px ! important;
	font-weight: bold ! important;
	padding: 3px ! important;
	background-color: #00ada9 ! important; color: white ! important;
}
.RequiredField
{
	color: #F98C24;
}
.SingleText_TEXT,
.SingleText90_TEXT,
.MultiText_TEXT,
.Date_TEXT
{
	font-family:Verdana;
	font-style:normal;
	font-size: 11px;
	padding-left:5px;
	width:200px;
	border:1px solid #8a8a8a;
}
.SingleText90_TEXT,
.Date_TEXT
{	width: 90px ! important;}
.MultiText_TEXT
{	
	height: 100px;
	line-height: 13px;
}
.MultiText_Wide_TEXT {height: 100px;}
.SingleText_Wide_TEXT,
.MultiText_Wide_TEXT
{
	font-family:Verdana;
	font-style:normal;
	font-size: 11px;
	padding-left:5px;
	text-decoration: none;
	width:320px;
    border:1px solid #8a8a8a;
}
.Dropdown_SELECT60,
.Dropdown_SELECT
{
	font-family:Verdana;
	font-style:normal;
	font-size: 11px;
	width:327px;
	position:relative;
	padding-left: 0px;
	border:1px solid #8a8a8a;
}
.Dropdown_SELECT60						{width: 58px ! important;}

.Hidden
{
	display: none;
	visibility: hidden;
}

/* Comments */
.CommentPanel {
	padding: 5px;
	width:500px;
	background-color: #f7f7fd;
	color: #123570;
}

.CommentTable {
	width:100% !important;
	display:table !important;
	background-color: #f7f7fd;
	margin-top:-2px !important;
	color: #123570;
}


.CommentPreview {
	background-color: #00ada9;
	color: white;
}
	
ul.CommentLevel0 {
	padding:0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul.CommentLevel0 li {
	list-style-image:none;
	list-style-type:none;	
	padding:0px;
	margin-bottom:10px
}

ul.CommentLevel0 li table {
	padding:0px 5px;
	margin: 0px;
}

ul.CommentLevel0 {
	list-style-image:none;
	list-style-type:none;	
	padding:0px;
}

ul.CommentLevel0 li li{
	padding-left:20px;
	margin-bottom:0px
}

ul.CommentLevel0 li ul {
	margin-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	background-color: #e7f4fc;
}

.CommentBy {
	color: #999999;
	padding-top: 5px;
	padding-bottom: 10px;
}

.CommentRequired {
	color: #999999;
	font-size: smaller;
}

.CommentWidth{
	width:260px;
}

h1.comment {
	padding-bottom:0px;
	padding-left:5px;
	margin-bottom:-9px;
}

/* END Comments */

/* FAQ */
.FaqItem					{ padding-top:4px; padding-bottom:4px; padding-left:10px; }
.FaqHr						{ border-bottom: solid 1px #c8c3a3 !important; padding:0px !important; margin: 0px !important; }
/* END FAQ */

/* Collapsable Header */
.collapsHeader				{background-color: #00ada9; color: white; font-weight:bold; margin: 2px 0px 2px 0px; padding: 1px 2px; cursor: pointer;}
.collapsHeader a			{font-weight:bold; }

/* alert */
.alert {color:Red; }

.size10, .size10 a, .size10 p a  {
	font-size: 11px ! important;
}	

/* Buttons */
input.button, button.button {
   color: white;
   background-color:#0a0a1d;
   border-top: solid 1px #c2c2c6 ! important;
   border-left: solid 1px #c2c2c6 ! important;
   border-bottom: solid 1px #2e2e38 ! important;
   border-right: solid 1px #2e2e38 ! important;
   font-family: Verdana;
   font-size: 11px;
}
/* End Buttons */

/* Item in an expandable Div */
.expandItem { margin: 0 0 4px 14px;}


/* SiteMap */
.SiteMap0 ul										{list-style: none !important;list-style-type: none !important;list-style-image:none !important; margin: 0px; padding: 0px;}
.SiteMap0 ul span,
.SiteMap0 ul a                                      {display:block; background-color:#00ada9; color: white ! important; text-transform:uppercase; font-weight:bold; margin-bottom:2px; margin-top:10px; padding: 1px 2px;}
.SiteMap0 ul ul									    {margin-left:20px;}
.SiteMap0 ul ul span,
.SiteMap0 ul ul a                                   {background-color:transparent; text-transform:none; color:#b04227 ! important; margin-top: 0px;}
.SiteMap0 ul ul a                                   {font-weight: bold;}
.SiteMap0 ul ul ul span,
.SiteMap0 ul ul ul a                                {font-weight:normal;}
.SiteMap0 ul ul ul ul span,
.SiteMap0 ul ul ul ul a                             {font-style: italic;}

/******************************************
*******************************************
Date pickers
*******************************************
******************************************/
.DatePicker .plugin									{display: none; position: absolute; width: 165px; z-index:100;}
.DatePicker:hover .plugin							{display: inline; border: solid 1px #277ca3;}
.DatePicker #Calendar								{width: 100%; background-color: white}
.DatePicker #CalendarMonthTr						{background-color: #00ada9; color: white;}
.DatePicker #CalendarMonthTr div					{background-color: Transparent;}
.DatePicker #CalendarMonth							{float: left; width: 119px; font-size: 12px; font-family: Verdana; color: white; font-weight: normal; height: 18px; padding: 2px 2px; text-align: center; line-height: 16px;}
.DatePicker #CalendarDays th						{font-weight: normal; color: white; background-color: #a9daf6; font-size: 12px; font-family: Verdana; height: 18px; text-align: center;}
.DatePicker #CalendarDay							{text-align: center; text-decoration: none; color: #277ca3; font-size: 12px; font-family: Verdana; height: 18px; cursor: pointer;}
.DatePicker #CalendarNext							{float: left; margin-top: 4px; margin-right: 4px; cursor: pointer;}
.DatePicker #CalendarPrev							{float: left; margin-top: 4px; margin-left: 4px; cursor: pointer;}


BODY.mceContentBodyAdmin	                        {background-color: white ! important;}
BODY.mceContentBodyPluginRight                      {background-color: white ! important;}
BODY.mceContentBodyPluginLeft                       {background-color: white ! important;}




#SubsiteBack     {position: absolute; width: 0px; height: 0px; text-align: right; font-size: 11px; text-transform: none; }
#SubsiteBack .offset    {position: relative; top: 3px; left: 624px; width: 236px;} /* 2010-10-20: Relative positioning due to centering of templates */
#SubsiteBack a   {text-decoration: none; color: white ! important;}
#SubsiteBack img {position: relative; top: 5px; margin-right: 4px;}

/* 2010-09-01: Center author next to date on SS articles */
/* 2011-05-13: .ssAuthor {width: 330px; text-align: center; float: right;} */

/* 2010-09-16: Table styles for HTML Left/Right plugins */
.mceContentBodyPluginRight table th,
.TM_HtmlRight table th	{font-weight: bold;}

.mceContentBodyPluginRight table,
.TM_HtmlRight table,
.mceContentBodyPluginRight .tableNBNC,
.TM_HtmlRight .tableNBNC						{border: none 0px white;}
.mceContentBodyPluginRight table th,
.TM_HtmlRight table th,
.mceContentBodyPluginRight .tableNBNC th,
.TM_HtmlRight .tableNBNC th					{border: none 0px white; background-color: #00ada9; color: white; padding: 3px; font-size: 11px;}
.mceContentBodyPluginRight table td,
.TM_HtmlRight table td,
.mceContentBodyPluginRight .tableNBNC td,
.TM_HtmlRight .tableNBNC td					{border: none 0px white; background-color: transparent; padding: 3px; font-size: 11px;}
.mceContentBodyPluginRight table td.alt,
.TM_HtmlRight table td.alt,
.mceContentBodyPluginRight .tableNBNC td.alt,
.TM_HtmlRight .tableNBNC td.alt				{border: none 0px white; background-color: transparent; font-size: 10px;}

.mceContentBodyPluginRight .tableBNC,
.TM_HtmlRight .tableBNC						{border-top: solid 1px #555555; border-left: solid 1px #555555;}
.mceContentBodyPluginRight .tableBNC th,
.TM_HtmlRight .tableBNC th					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyPluginRight .tableBNC td,
.TM_HtmlRight .tableBNC td					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent; padding: 3px; font-size: 11px;}
.mceContentBodyPluginRight .tableBNC td.alt,
.TM_HtmlRight .tableBNC td.alt				{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent; padding: 3px; font-size: 11px;}

.mceContentBodyPluginRight .tableBAC,
.TM_HtmlRight .tableBAC						{border-top: solid 1px #555555; border-left: solid 1px #555555;}
.mceContentBodyPluginRight .tableBAC th,
.TM_HtmlRight .tableBAC th					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyPluginRight .tableBAC td,
.TM_HtmlRight .tableBAC td					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent; padding: 3px; font-size: 11px;}
.mceContentBodyPluginRight .tableBAC td.alt,
.TM_HtmlRight .tableBAC td.alt				{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: white; padding: 3px; font-size: 11px;}

.mceContentBodyPluginRight .tableBC,
.TM_HtmlRight .tableBC						{border-top: solid 1px #555555; border-left: solid 1px #555555;}
.mceContentBodyPluginRight .tableBC th,
.TM_HtmlRight .tableBC th						{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyPluginRight .tableBC td,
.TM_HtmlRight .tableBC td						{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: white; padding: 3px; font-size: 11px;}
.mceContentBodyPluginRight .tableBC td.alt,
.TM_HtmlRight .tableBC td.alt				{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: white; padding: 3px; font-size: 11px;}


.mceContentBodyPluginLeft table th,
.TM_HtmlLeft table th	{font-weight: bold;}

.mceContentBodyPluginLeft table,
.TM_HtmlLeft table,
.mceContentBodyPluginLeft .tableNBNC,
.TM_HtmlLeft .tableNBNC						{border: none 0px white;}
.mceContentBodyPluginLeft table th,
.TM_HtmlLeft table th,
.mceContentBodyPluginLeft .tableNBNC th,
.TM_HtmlLeft .tableNBNC th					{border: none 0px white; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyPluginLeft table td,
.TM_HtmlLeft table td,
.mceContentBodyPluginLeft .tableNBNC td,
.TM_HtmlLeft .tableNBNC td					{border: none 0px white; background-color: transparent; padding: 3px; font-size: 11px;}
.mceContentBodyPluginLeft table td.alt,
.TM_HtmlLeft table td.alt,
.mceContentBodyPluginLeft .tableNBNC td.alt,
.TM_HtmlLeft .tableNBNC td.alt				{border: none 0px white; background-color: transparent; padding: 3px; font-size: 11px;}

.mceContentBodyPluginLeft .tableBNC,
.TM_HtmlLeft .tableBNC						{border-top: solid 1px #555555; border-left: solid 1px #555555;}
.mceContentBodyPluginLeft .tableBNC th,
.TM_HtmlLeft .tableBNC th					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyPluginLeft .tableBNC td,
.TM_HtmlLeft .tableBNC td					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent; padding: 3px; font-size: 11px;}
.mceContentBodyPluginLeft .tableBNC td.alt,
.TM_HtmlLeft .tableBNC td.alt				{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent; padding: 3px; font-size: 11px;}

.mceContentBodyPluginLeft .tableBAC,
.TM_HtmlLeft .tableBAC						{border-top: solid 1px #555555; border-left: solid 1px #555555;}
.mceContentBodyPluginLeft .tableBAC th,
.TM_HtmlLeft .tableBAC th					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyPluginLeft .tableBAC td,
.TM_HtmlLeft .tableBAC td					{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: transparent; padding: 3px; font-size: 11px;}
.mceContentBodyPluginLeft .tableBAC td.alt,
.TM_HtmlLeft .tableBAC td.alt				{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: white; padding: 3px; font-size: 11px;}

.mceContentBodyPluginLeft .tableBC,
.TM_HtmlLeft .tableBC						{border-top: solid 1px #555555; border-left: solid 1px #555555;}
.mceContentBodyPluginLeft .tableBC th,
.TM_HtmlLeft .tableBC th						{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: #00ada9; color: white; padding: 3px;}
.mceContentBodyPluginLeft .tableBC td,
.TM_HtmlLeft .tableBC td						{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: white; padding: 3px; font-size: 11px;}
.mceContentBodyPluginLeft .tableBC td.alt,
.TM_HtmlLeft .tableBC td.alt				{border-bottom: solid 1px #555555; border-right: solid 1px #555555; background-color: white; padding: 3px; font-size: 11px;}


/************ SUBMIT EVENTS (2011-03-08) ************/
.mceContentBodyAdmin table td.AdminFormHeader {border: none 0px white; background-color: #00ada9; color: white; padding: 3px !important; font-weight: bold;}

/************** IFRAMES ON HTMLLEFT/HTMLRIGHT PLUGINS (2011-05-09) *************/
.TM_HtmlLeft iframe,
.TM_HtmlRight iframe {max-width: 100%;}
body.mceContentBodyPluginRight iframe,
body.mceContentBodyPluginLeft iframe {max-width: 100%;}

/*********** PATCH UP MARGIN FOR IE7 HTMLLEFT/HTMLRIGHT PLUGINS *************/
.ie7 .TM_SearchFilter ul,
.ie7 .TM_StudentSupportTopics ul,
.ie7 .TM_Submenu ul,
.ie7 .TM_HtmlLeft ul,
.ie7 .TM_HtmlRight ul,
.ie .mceContentBodyPluginRight ul,
.ie .mceContentBodyPluginLeft ul {margin-left: 18px;}

/********** NO FLASH TEXT **********/
.noFlash {background: #00ada9; display: block; padding: 3px; margin: 3px; border: solid 1px #555555; color: white}
.noFlash a {color: white !important; text-decoration: underline !important;}

/********** SOCIAL MEDIA SERVICES **********/
.TM_FollowUs a,
.TM_FollowUs a:hover {text-decoration: none;}
.TM_FollowUs .social {padding: 3px 3px 0 0; display: inline-block;}
.TM_FollowUs .social span {width: 37px; height: 37px; background: url("http://www.ccss.org.au/_layouts/images/socials_37x37.png"); display: inline-block;}
.TM_FollowUs .socialEmail span {background-position: 0 -222px;}
.TM_FollowUs .socialRSS span {background-position: 0 -185px;}
.TM_FollowUs .socialFacebook span {background-position: 0 0px;}
.TM_FollowUs .socialTwitter span {background-position: 0 -37px;}
.TM_FollowUs .socialYouTube span {background-position: 0 -74px;}
.TM_FollowUs .socialFoursquare span {background-position: 0 -111px;}
.TM_FollowUs .socialTumblr span {background-position: 0 -149px;}

.addthis_default_style {float: right; margin-top: 10px;}
.addthis_default_style > a {color: #00ada9 !important; font-size: 10px; text-decoration: none; display: inline-block; margin: 0; line-height: 15px;}
.addthis_default_style > a > span,
.addthis_default_style > a > .at15t_compact {padding-right: 3px; margin: 0;}
.addthis_default_style .addthis_counter { display: inline-block;
    margin: 0;}
.addthis_default_style .addthis_counter.addthis_bubble_style a.addthis_button_expanded {line-height: 10px;}
.addthis_default_style .addthis_rss {float: left; padding: 0 2px; background: url("http://s7.addthis.com/static/r07/widget30.png") no-repeat scroll 0 0 transparent;	background-position: 0 -4304px; display: block;
    height: 16px;
    line-height: 16px !important;
    overflow: hidden;
    width: 16px;}
.addthis_default_style > a.addthis_button_email {padding-left: 0px;}