/* Stylesheet for Somic Theme */

/*
Somic Colours:
font is verdana

11pt for menu
14pt for headers
12pt for copy
 
Dark Green:		rgb(38, 142, 58)		hex:#268e3a
Light Green:	rgb(138, 196, 63)		hex:#8ac43f
Grey Copy:		rgb(98, 99, 102)		hex:#626366

*/

BODY
{
	margin:1px 0px 0px 0px; font-size:12pt; font-family:Verdana, sans-serif; color:#282828; background-color:#ffffff; color:#626366;
}

/* The master DIV inside which everything else lives. */
@media screen
{
	DIV.somic_container 
	{
		height:auto;
		width:760px; 
		position:absolute; 
		left:50%; 
		margin:0px 0px 0px -380px; 
		padding:0px 0px 0px 0px; 
		
	}
}
@media print /*Hack to side-step the inadequacies of browser printing, not that I'm bitter or anything...*/
{
	DIV.somic_container 
	{
		height:auto;
		width:760px; 
		padding:0px 0px 0px 0px; 
	}
}

/* The header DIV */
DIV.somic_header
{ 
	position:absolute; 
	top:0px;
	left:0px; 
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	border-left:solid 0px #268e3a;
	border-right:solid 0px #268e3a;
	width:760px;
	background-color:#ffffff;
}

/* The central content DIV */
DIV.somic_content
{
	position:absolute; 
	top:98px; 
	left:0px; 
	width:760px; 
	padding:2px 1px 0px 1px; 
	margin:0px 0px 0px 0px; 
	border:solid 0px red;
}

TABLE.somic_content{width:760px;}

TD.somic_cph { border-bottom:solid 2px #268e3a; padding:0px 2px 2px 2px; min-height:600px; }
/* min-height for Internet Explorer */
/*\*/
TD.somic_cph { height: 600px; }

TD.somic_footer{ text-align:center; font-size:9pt; color:#ffffff; font-style:italic; border:solid 0px red; background-image:url(Images/Footer.gif); background-repeat:no-repeat; height:22px; }
TD.somic_footer A{ font-size:8pt; color:#ffffff; font-size:9pt; }

DIV.DebugLabel{ border:solid 1px #282828; background-color:#ffff00; position:absolute; bottom:0px; color:#282828; width:600px; }

A{ text-decoration: none; color: #268e3a; }
A:hover{text-decoration:underline;}

TD.somic_lhs_menu
{
	padding-left:2px;
	width:144px; 
	background-image: url(Images/side-menu-image.jpg); 
	background-repeat: repeat-y; 
	border-right:solid 2px #268e3a;
	border-bottom:solid 2px #268e3a;
}

TD.somic_lhs_menu A
{
	font-size:9pt;
	font-style:italic;
	font-weight:normal;
}
/*#268e3a*/
A.somic_lhs_menu_selected{ font-style:italic; text-align:center; width:144px; padding:1px 0px 5px 0px; display:block; margin:3px 0px 3px 0px; color:#ffffff; }
A.somic_lhs_menu_selected{ text-decoration:none; background-image:url(Images/lhs-menu-tab-green.gif); background-repeat:no-repeat; color:#ffffff; }
A.somic_lhs_menu_selected:visited{ text-decoration:none; color:#ffffff; }
A.somic_lhs_menu_selected:hover{ background-image:url(Images/lhs-menu-tab-green.gif); background-repeat:no-repeat; text-decoration:none; }

A.somic_lhs_menu{ font-style:italic; text-align:center; width:144px; padding:1px 0px 5px 0px; display:block; margin:3px 0px 3px 0px; color:#268e3a; }
A.somic_lhs_menu{ text-decoration:none; background-image:url(Images/lhs-menu-tab-white.gif); background-repeat:no-repeat; }
A.somic_lhs_menu:hover{background-image:url(Images/lhs-menu-tab-green.gif); background-repeat:no-repeat; color:#ffffff; text-decoration:none;}

IMG{ border:solid 1px #ffffff; }

HR.somic_thick_green{ height:3px; color: #268e3a; background-color:#268e3a; margin:2px 0px 2px 0px; padding:0px 0px 0px 0px }

.somic_important-notice{ color:#268e3a; font-weight:bold; }

A.somic_top_bookmark{display:none; visibility:hidden;}

SPAN.page_heading{color:#268e3a; font-size:14pt;}
SPAN.dark_green_large{ color:#268e3a; font-size:14pt;}
SPAN.light_green{ color:#8ac43f; }
SPAN.dark_green{ color:#268e3a; }
SPAN.smaller_copy{ font-size:10pt; }

div.contactFormSectionHeader
{
	width:100%; text-align:center; font-size:20px; font-weight:bold; color:#268e3a;
}

input.checkbox, span.checkbox
{
	font-size:12px; color:#268e3a;
}
input.textbox
{
	font-size:12px;
}

table.contactForm
{
	width:100%;
}

table.contactForm th
{
	color:#268e3a;
}

table.contactForm td
{
	color:#268e3a;
	font-size:12px;
}

.validator
{
	color:#ff0000;
	font-weight:bold;
}

SPAN.checkbox INPUT /* Used for styling CheckBoxes that have a label because setting CheckBox.CssClass applies to the surrounding SPAN not the CheckBox itself. */
{
	border-style:none;
	color:#000000;
	font-family: Verdana, Sans-Serif;
}

SPAN.checkboxlist INPUT /* Used for styling the CheckBoxes inside CheckBoxLists with RepeatLayout=Flow */
{
	border-style:none;
}
TABLE.checkboxlist INPUT /* Used for styling the CheckBoxes inside CheckBoxLists with RepeatLayout=Table */
{
	border-style:none;	
}

SPAN.somic_lhs_menu_group_title
{
	font-weight:bold; font-size:12px;
	font-style:italic; text-align:center; width:144px; display:block; margin:3px 0px 6px 0px; color:#ffffff;
}