/* CSS Document, created and used for the DASA Internet */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ALWAYS THE SAME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* All instances, all pages *******************************************************************************************************************************/
body	{font-family:Arial, Helvetica, sans-serif; text-align: center; margin: 1 auto; margin-top:8px; background-color:#F2FDF3;}
   
td 							{font-size:0.8em;}
div							{font-size:1em; width:100%; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;}

a:link, a:visited			{color:#661100; text-decoration:none; font-weight:bold; font-size:0.94em;}
a:hover, a:active			{color:#000000; background-color:#ccc;}

@media screen				{ .cssPage		{width: 765px; text-align: left; margin: 0 auto;} }
@media print				{ body		{width: 100%;} }

/* MENU ABOVE BANNER (about dasa, contact us **************************************************************************************************************/
#cssBannerMenu a:link, 
#cssBannerMenu a:visited	{color:#444444; padding:2px; text-decoration:none; font-size:0.9em;}
#cssBannerMenu a:hover, 
#cssBannerMenu a:active		{background-color:#555; color:#fff;}

#cssBanner					{background-color:#C4F2C9; border:1px solid #333;}
#cssBanner .banner			{background-image:url("images/gradient.gif"); background-repeat:repeat-y; background-position:bottom left;}
#cssBanner .miniMenu		{text-align:right; vertical-align:middle;}
#cssBanner .miniMenuIndex	{text-align:left; vertical-align:bottom;}
#cssBanner .imageBottom		{vertical-align:bottom;}/*PROB REMOVE*/
#cssBanner .searchButton	{border: 1px solid #4D6B4F; padding:2px 0px 2px 0px; background-color:#F2FDF3; color:#000; margin-top:1px; font-size:0.9em;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PAGE SPECIFIC ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Literally just add basic padding to a block element */
.divPadding	{padding:3px;}
.shadedBG	{background-color:#ccc; margin-right:6px;  margin-top:3px; width:7px;}
.boldTitle	{font-weight:bold; color:#444; font-size:1em;}
.blank		{BACKGROUND-COLOR:#FFFFFF; BORDER-STYLE: none; font-size: 1%; height: 1px;}

/* TABS - the actual tab cells */
.spaceCell		{background-color:#F2FDF3; border-style:none; padding:0px;}
.selectedTab	{background-color:#AFE0B2; border:3px solid #83A886; border-left-width:1px; border-bottom-width:1px; cursor:pointer; text-align:center; padding:1px 2px 2px 2px; font-size:0.75em;}
.unselectedTab	{background-color:#FFF; border:3px solid #9FCCA3; border-left-width:1px; border-bottom-width:1px; cursor:pointer; text-align:center; padding:1px 2px 2px 2px; font-size:0.75em;}
/* TABS - the links within the cells - apply cssTabs to the td */
#cssTabs		{border-style:none;}
#cssTabs a		{width:100%; display:block;}
#cssTabs a:link, #cssTabs a:visited	{text-decoration:none; }
#cssTabs a:hover, #cssTabs a:active	{background-color:#AFE0B2;}

.footer						{width:100%;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STYLES SET WITHIN CONTENT MANAGER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* BOX STYLES - APPLIED TO TEMPLATES - administrators can pick one of a pre-defined list of box styles ****************************************************/
.cssBoxTitleStyle1		{background-color:#AFE0B2; padding: 6px 8px; vertical-align:middle; height:30px; border:1px solid #AFE0B2;}
.cssBoxContentStyle1	{background-color:#ffffff; padding: 6px 8px; vertical-align:top; border:1px solid #AFE0B2;}
.cssBoxContentStyle2	{background-color:#ffffff; padding: 0px; vertical-align:top; border:1px solid #AFE0B2;}

.cssBoxWhite			{background-color:#ffffff;}

/* TABLE STYLES - ID's APPLIED TO DATA ITEMS - administrators can pick one of a pre-defined list of table styles ******************************************/
/* Table Style 1 */
#cssTableStyle1			{}
#cssTableStyle1 td		{vertical-align:top; padding:1px 3px; border: 1px solid #EEEEEE;}

/* Table Style 2 */
#cssTableStyle2			{}
#cssTableStyle2 td		{vertical-align:top; padding:1px 3px; font-size:0.75em;}
#cssTableStyle2 a		{display:block; width:100%; font-size:1em;}
#cssTableStyle2 a:link, #cssTableStyle2 a:visited	{text-decoration:none;}
#cssTableStyle2 a:hover, #cssTableStyle2 a:active	{color:#000000; background-color:#ccc;}

/* Table Style 3 */
#cssTableStyle3			{}
#cssTableStyle3 td		{vertical-align:top; padding:1px 1px 1px 5px; border-bottom: 1px solid #DDD;}
#cssTableStyle3 a:link, #cssTableStyle3 a:visited	{text-decoration:none;}
#cssTableStyle3 a:hover, #cssTableStyle3 a:active	{}

/* Table Style 4 */
#cssTableStyle4			{}
#cssTableStyle4 td		{vertical-align:top; padding:1px 3px; font-size:0.75em;}
#cssTableStyle4 a		{display:block; width:100%; font-size:1em;}
#cssTableStyle4 a:link, #cssTableStyle4 a:visited	{text-decoration:none;}
#cssTableStyle4 a:hover, #cssTableStyle4 a:active	{}

/* Table Style 5 */
#cssTableStyle5			{}
#cssTableStyle5 td		{vertical-align:top; padding:1px 3px; font-size:0.8em;}
#cssTableStyle5 a:link, #cssTableStyle5 a:visited	{text-decoration:none;}
#cssTableStyle5 a:hover, #cssTableStyle5 a:active	{}

/* USER MENU STYLES - users can pick one of a pre-defined list of menu styles *****************************************************************************/

/* Hard-coded into templates to separate menus */
.cssMenuLabel				{width:100%; padding:2px 5px; background-color:#AFE0B2; border:1px solid #333333; text-align:left; font-size:0.9em; font-weight:bold;}

/* Menu Style 1 */
#cssMenuStyle1				{background-color:#664C62; border-left:1px solid #333; border-bottom:1px solid #333; border-right:1px solid #000;}
#cssMenuStyle1 a			{width:100%;}
#cssMenuStyle1 a:link,
#cssMenuStyle1 a:visited	{background-color:#664C62; color:#fff; display:block; padding:3px 0px; text-decoration:none; font-weight:bold; text-align:center; border-right:1px solid #000;}
#cssMenuStyle1 a:hover, 
#cssMenuStyle1 a:active		{background-color:#ccc; color:#000;}

/* Menu Style 2 */
#cssMenuStyle2				{background-color:#ffffff; border-left:1px solid #333333; border-right:1px solid #333; border-bottom:1px solid #333;}
#cssMenuStyle2 a			{width:100%;}
#cssMenuStyle2 a:link,
#cssMenuStyle2 a:visited	{color:#555; display:block; padding:2px 0px; text-decoration:none; font-weight:bold; text-align:center; border-right:1px solid #555; font-size:0.9em;}
#cssMenuStyle2 a:hover, 
#cssMenuStyle2 a:active		{background-color:#ccc; color:#000;}

/* Menu Style 3 */
#cssMenuStyle3				{background-color:#ffffff; border:1px solid #777;}
#cssMenuStyle3 a			{width:100%; padding:2px 5px;}
#cssMenuStyle3 a:link,
#cssMenuStyle3 a:visited	{color:#333; display:block; text-decoration:none; font-weight:bold; text-align:left; font-size:0.9em;}
#cssMenuStyle3 a:hover, 
#cssMenuStyle3 a:active		{background-color:#555; color:#fff;}

/* Menu Style 4 */

#cssMenuStyle4				{background-color:#AFE0B2; color:#fff; border-left:1px solid #777; border-right:1px solid #777;}
#cssMenuStyle4 a			{width:100%; padding:2px 5px;}
#cssMenuStyle4 a:link,
#cssMenuStyle4 a:visited	{color:#333; display:block; text-decoration:none; font-weight:bold; text-align:left; font-size:0.9em;}
#cssMenuStyle4 a:hover, 
#cssMenuStyle4 a:active		{background-color:#555; color:#fff;}

/* Menu Style 5 */
#cssMenuStyle5				{background-color:#555; color:#fff; border-left:1px solid #777; border-right:1px solid #777;}
#cssMenuStyle5 a			{width:100%; padding:2px 5px;}
#cssMenuStyle5 a:link,
#cssMenuStyle5 a:visited	{color:#fff; display:block; text-decoration:none; font-weight:bold; text-align:left; font-size:0.9em;}
#cssMenuStyle5 a:hover, 
#cssMenuStyle5 a:active		{background-color:#555; color:#fff;}




/*
#cssMenuStyle5				{background-color:#AFE0B2; color:#fff; border-left:1px solid #777; border-right:1px solid #777;}
#cssMenuStyle5 a			{width:100%;}
#cssMenuStyle5 a:link,
#cssMenuStyle5 a:visited	{color:#333; display:block; padding:2px 5px; text-decoration:none; font-weight:bold; text-align:left; font-size:0.9em;}
#cssMenuStyle5 a:hover, 
#cssMenuStyle5 a:active		{background-color:#555; color:#fff;}

#cssMenuStyle4				{background-color:#D1F0D3; color:#fff; border-left:1px solid #777; border-right:1px solid #777;}
#cssMenuStyle4 a			{width:100%;}
#cssMenuStyle4 a:link,
#cssMenuStyle4 a:visited	{color:#333; display:block; padding:2px 5px; text-decoration:none; font-weight:bold; text-align:left; font-size:0.9em;}
#cssMenuStyle4 a:hover, 
#cssMenuStyle4 a:active		{background-color:#555; color:#fff;}


///22222
#cssMenuStyle5				{background-color:#D1F0D3; color:#fff; border-left:1px solid #777; border-right:1px solid #777;}
#cssMenuStyle5 a			{width:100%;}
#cssMenuStyle5 a:link,
#cssMenuStyle5 a:visited	{color:#333; display:block; padding:2px 5px; text-decoration:none; font-weight:bold; text-align:left; font-size:0.9em;}
#cssMenuStyle5 a:hover, 
#cssMenuStyle5 a:active		{background-color:#555; color:#fff;}

*/


/* Menu Style 6 */
#cssMenuStyle6				{background-color:#664C62; border-left:1px solid #333; border-bottom:1px solid #333; border-right:1px solid #000;}
#cssMenuStyle6 a:link,
#cssMenuStyle6 a:visited	{background-color:#664C62; color:#fff; display:block; padding:2px 5px; text-decoration:none; font-weight:bold; text-align:center; border-right:1px solid #000;}
#cssMenuStyle6 a:hover, 
#cssMenuStyle6 a:active		{background-color:#fff; color:#555;}



/* TESTING PURPOSES ONLY */

.donkey					{font-style:italic;color:red; padding-top:3px;}

/* COLOURS - some in use (colour bank) some alternatives for ones used

F2FDF3		D5F2D8		C4F2C9		BAE5BD		83A886		4D6B4F		294A2B		1B2E1C		4D6B4F		294A2B

brown		8B5335		blue		1474A6		purple		6F3C67		dirt		534B3A
*/