/* SCC Site                            */
/* CSS Nibble media solutions - WJ     */
/* 9 juli 2010                         */

body {
	background-color       : #FFF;
	text-align             : center;
	margin                 : 0px;
	padding                : 0px;
	background-image       : url(../pageimg/pageBack.gif);
	background-repeat      : repeat-x;
}

div#bodywrapper {
	margin                 : 0px auto 0px auto;
	padding                : 0px;
	width                  : 954px;
}

div#bodywrapper #top {
	margin                 : 0px;
	padding                : 0px;
	height                 : 20px;
	width                  : 954px;
	text-align             : left;
	clear                  : both;
}

div#bodywrapper #header {
	margin                 : 0px;
	padding                : 0px;
	height                 : 285px;
	width                  : 954px;
	text-align             : left;
	clear                  : both;
}

div#bodywrapper #header #headLeft {
	float                  : left;
	margin                 : 0px;
	padding                : 0px;
	height                 : 285px;
	width                  : 34px;
	text-align             : left;
}

div#bodywrapper #header #flashHead {
	float                  : left;
	margin                 : 0px;
	padding                : 0px;
	height                 : 285px;
	width                  : 886px;
	text-align             : left;
	background-image       : url(../pageimg/scc_flash.jpg);
	background-repeat      : no-repeat;
}

div#bodywrapper #header #headRight {
	float                  : left;
	margin                 : 0px;
	padding                : 0px;
	height                 : 285px;
	width                  : 34px;
	text-align             : left;
}

div#bodywrapper #menuHolder {
	margin                 : 0px;
	padding                : 0px;
	height                 : 37px;
	width                  : 954px;
	text-align             : center;
	background-image       : url(../pageimg/menuBack.gif);
	background-repeat      : no-repeat;
	clear                  : both;
}

/* MENU */
div#bodywrapper #menuHolder #menuBar {
	margin                 : 0 auto 0 auto;
	padding                : 0px;
	height                 : 34px;
	width                  : 870px;
	text-align             : left;
}

div#bodywrapper #menuHolder #menuBar ul.menu,
div#bodywrapper #menuHolder #menuBar ul.menu li,
div#bodywrapper #menuHolder #menuBar ul.menu ul {
	list-style             : none;
	margin                 : 0;
 	padding                : 0;
}

div#bodywrapper #menuHolder #menuBar ul.menu {
	position               : relative;
	float                  : left;
	z-index                : 597;
}

div#bodywrapper #menuHolder #menuBar ul.menu li {
	float                  : left;
	line-height            : 30px;
	vertical-align         : middle;
	zoom                   : 1;
}

div#bodywrapper #menuHolder #menuBar ul.menu li.hover,
div#bodywrapper #menuHolder #menuBar ul.menu li:hover {
	position               : relative;
	z-index                : 599;
	cursor                 : default;
}

div#bodywrapper #menuHolder #menuBar ul.menu ul {
	display                : none;
	position               : absolute;
	top                    : 100%;
	left                   : 0;
	z-index                : 598;
	width                  : 100%;
}

div#bodywrapper #menuHolder #menuBar ul.menu ul li {
	float                  : none;
}

div#bodywrapper #menuHolder #menuBar ul.menu li:hover > ul {
	display                : block;
}
/* MENU */

div#bodywrapper #contentwrapper {
	float                  : left;
	margin                 : 0px;
	padding                : 0px;
	width                  : 954px;
	text-align             : center;
	background-image       : url(../pageimg/bodytop.gif);
	background-position    : top;
	background-repeat      : no-repeat;
	clear                  : both;
}

div#bodywrapper #contentwrapper #content {
	margin                 : 0 auto 0 auto;
	padding                : 0px;
	width                  : 886px;
	text-align             : left;
}

div#bodywrapper #contentwrapper #content #colSpace,
div#bodywrapper #contentwrapper #content #colSpace2 {
	float                  : left;
	margin                 : 0;
	padding                : 0;
	width                  : 17px;
	height                 : 100px;
}

div#bodywrapper #contentwrapper #content #col1 {
	float                  : left;
	margin                 : 0px;
	padding                : 0px;
	width                  : 284px;
	text-align             : left;
	background-image       : url(../pageimg/3col_back.gif);
	background-repeat      : repeat-y;
}

div#bodywrapper #contentwrapper #content #col1 img {
	float                  : right;
	margin                 : 0 0 0 5px;
}

div#bodywrapper #contentwrapper #content #col1 h1 {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 14px;
	color                  : #404064; /*#484878*/;
	background-image       : url(../pageimg/3_colHead.gif);
	background-position    : 0 0;
	background-repeat      : no-repeat;
	height                 : 55px;
	line-height            : 38px;
	padding                : 0 0 0 15px;
	margin                 : 0;
}

div#bodywrapper #contentwrapper #content #col1 h3 {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 14px;
	color                  : #404064; /*#484878*/;
	background-image       : url(../pageimg/23_2_colHead.gif);
	background-position    : 0 0;
	background-repeat      : no-repeat;
	height                 : 55px;
	line-height            : 38px;
	padding                : 0 0 0 15px;
	margin                 : 0;
}

div#bodywrapper #contentwrapper #content #col1 h2 {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 14px;
	font-weight            : normal;
	color                  : #404064; /*#484878*/;
	padding                : 0 0 0 15px;
	margin                 : 0;
}

div#bodywrapper #contentwrapper #content #col1 h4 {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 14px;
	font-weight            : bold;
	color                  : #404064; /*#484878*/;
	padding                : 0 0 0 15px;
	margin                 : 0 0 10px 0;;
}

div#bodywrapper #contentwrapper #content #col1 ul.linkList {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 12px;
	font-weight            : normal;
	color                  : #404064; /*#484878*/;
	padding                : 0 10px 0 25px;;
	margin                 : 0;
}

div#bodywrapper #contentwrapper #content #col1 ul.linkList li a {
	text-decoration        : none;	
}

div#bodywrapper #contentwrapper #content #col1 ul.linkList li a:hover {
	text-decoration        : underline;	
}

div#bodywrapper #contentwrapper #content #col1 ul.linkList li a:visited {
	color                  : #404064;
}

div#bodywrapper #contentwrapper #content #col1 h1 img {
	float                  : right;
	margin                 : 10px 10px 0 0;
}

div#bodywrapper #contentwrapper #content #col1 p {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 12px;
	margin                 : 2px 15px 15px 15px;
	padding                : 0px;
	line-height            : 18px;
	color                  : #666;
}

div#bodywrapper #contentwrapper #content #col1 p a {
	font-weight            : bold;
	color                  : #666;
	text-decoration        : none;
}

div#bodywrapper #contentwrapper #content #col1 p a:hover {
	font-weight            : bold;
	line-height            : 18px;
	color                  : #666;
	text-decoration        : underline;
}

div#bodywrapper #contentwrapper #content #col1 #col3foot1,
div#bodywrapper #contentwrapper #content #col2 #col3foot2,
div#bodywrapper #contentwrapper #content #col3 #col3foot3 {
	margin                 : 0px;
	padding                : 0px;
	text-align             : right;
	height                 : 28px;
	background-image       : url(../pageimg/3_colFoot.gif);
	background-repeat      : no-repeat;
}

div#bodywrapper #contentwrapper #content #col1 #col3foot1 a,
div#bodywrapper #contentwrapper #content #col2 #col3foot2 a,
div#bodywrapper #contentwrapper #content #col3 #col3foot3 a {
	display                : block;
	margin                 : 0px;
	padding                : 0 10px 0 0;
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 12px;
	color                  : #FFF;
	line-height            : 28px;
}

div#bodywrapper #contentwrapper #content #col2 {
	float                  : left;
	margin                 : 0;
	padding                : 0;
	width                  : 284px;
	text-align             : left;
	background-image       : url(../pageimg/3col_back.gif);
	background-repeat      : repeat-y;
}

div#bodywrapper #contentwrapper #content #col2 img {
	float                  : right;
	margin                 : 0 0 0 5px;
}

div#bodywrapper #contentwrapper #content #col2 .imgfull {
	float                  : none;
	margin                 : 5px 0px 5px 35px;
	clear                  : both;
}

div#bodywrapper #contentwrapper #content #col2 h1 {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 14px;
	color                  : #404064; /*#484878*/;
	background-image       : url(../pageimg/3_colHead.gif);
	background-position    : 0 0;
	background-repeat      : no-repeat;
	height                 : 55px;
	line-height            : 38px;
	padding                : 0 0 0 15px;
	margin                 : 0;
}

div#bodywrapper #contentwrapper #content #col2 h1 img {
	float                  : right;
	margin                 : 10px 10px 0 0;
}

div#bodywrapper #contentwrapper #content #col2 p {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 12px;
	margin                 : 2px 15px 15px 15px;
	padding                : 0px;
	line-height            : 18px;
	color                  : #333;
}

div#bodywrapper #contentwrapper #content #col2 p a {
	font-weight            : bold;
	line-height            : 18px;
	color                  : #333;
	text-decoration        : none;
}

div#bodywrapper #contentwrapper #content #col2 p a:hover {
	font-weight            : bold;
	line-height            : 18px;
	color                  : #333;
	text-decoration        : underline;
}

div#bodywrapper #contentwrapper #content #col2 #col3foot {
	margin                 : 0px;
	padding                : 0px;
	text-align             : right;
	height                 : 28px;
	background-image       : url(../pageimg/3_colFoot.gif);
	background-repeat      : no-repeat;
}

div#bodywrapper #contentwrapper #content #col2 #col3foot a {
	display                : block;
	margin                 : 0px;
	padding                : 0 10px 0 0;
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 12px;
	color                  : #FFF;
	line-height            : 28px;
}

div#bodywrapper #contentwrapper #content #col3 {
	float                  : left;
	margin                 : 0;
	padding                : 0;
	width                  : 284px;
	text-align             : left;
	background-image       : url(../pageimg/3col_back.gif);
	background-repeat      : repeat-y;
}

div#bodywrapper #contentwrapper #content #col3 img {
	float                  : right;
	margin                 : 0 0 0 5px;
}

div#bodywrapper #contentwrapper #content #col3 h1 {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 14px;
	color                  : #404064; /*#484878*/;
	background-image       : url(../pageimg/3_colHead.gif);
	background-position    : 0 0;
	background-repeat      : no-repeat;
	height                 : 55px;
	line-height            : 38px;
	padding                : 0 0 0 15px;
	margin                 : 0;
}

div#bodywrapper #contentwrapper #content #col3 h1 img {
	float                  : right;
	margin                 : 10px 10px 0 0;
}

div#bodywrapper #contentwrapper #content #col3 p {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 12px;
	margin                 : 2px 15px 15px 15px;
	padding                : 0px;
	line-height            : 18px;
	color                  : #666;
}

div#bodywrapper #contentwrapper #content #col3 p a {
	font-weight            : bold;
	line-height            : 18px;
	color                  : #666;
	text-decoration        : none;
}

div#bodywrapper #contentwrapper #content #col3 p a:hover {
	font-weight            : bold;
	line-height            : 18px;
	color                  : #666;
	text-decoration        : underline;
}

div#bodywrapper #contentwrapper #content #col3 #col3foot {
	margin                 : 0px;
	padding                : 0px;
	text-align             : right;
	height                 : 28px;
	background-image       : url(../pageimg/3_colFoot.gif);
	background-repeat      : no-repeat;
}

div#bodywrapper #contentwrapper #content #col3 #col3foot a {
	display                : block;
	margin                 : 0px;
	padding                : 0 10px 0 0;
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 12px;
	color                  : #FFF;
	line-height            : 28px;
}

div#bodywrapper #contentwrapper #content #col3 .imgc,
div#bodywrapper #contentwrapper #content #col2 .imgc,
div#bodywrapper #contentwrapper #content #col1 .imgc   {
	float                  : left;
	margin                 : 5px 0 5px 0;	
}

/* TWO COLUMN */
div#bodywrapper #contentwrapper #content #col23 {
	float                  : left;
	margin                 : 0;
	padding                : 0;
	width                  : 584px;
	text-align             : left;
	background-image       : url(../pageimg/23col_back.gif);
	background-repeat      : repeat-y;
}

div#bodywrapper #contentwrapper #content #col23 h1 {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 16px;
	color                  : #404064; /*#484878*/;
	background-image       : url(../pageimg/23_colHead.gif);
	background-position    : 0 0;
	background-repeat      : no-repeat;
	height                 : 55px;
	line-height            : 38px;
	padding                : 0 0 0 15px;
	margin                 : 0;
}

div#bodywrapper #contentwrapper #content #col23 h1 img {
	float                  : right;
	margin                 : 10px 10px 0 0;
}

div#bodywrapper #contentwrapper #content #col23 h2 {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 14px;
	margin                 : 2px 15px 2px 15px;
	padding                : 0px;
	line-height            : 14px;
	color                  : #484878;
}

div#bodywrapper #contentwrapper #content #col23 p {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 12px;
	margin                 : 2px 35px 15px 15px;
	padding                : 0px;
	line-height            : 18px;
	color                  : #333;
}

div#bodywrapper #contentwrapper #content #col23 p a {
	font-weight            : bold;
	line-height            : 18px;
	color                  : #333;
	text-decoration        : none;
}

div#bodywrapper #contentwrapper #content #col23 p a:hover {
	font-weight            : bold;
	line-height            : 18px;
	color                  : #333;
	text-decoration        : underline;
}

div#bodywrapper #contentwrapper #content #col23 ol,
div#bodywrapper #contentwrapper #content #col23 ul {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 12px;
	margin                 : 0 35px 15px 35px;
	padding                : 0px;
	line-height            : 18px;
	color                  : #333;
}

div#bodywrapper #contentwrapper #content #col23 #col3foot {
	margin                 : 0px;
	padding                : 0px;
	text-align             : right;
	height                 : 28px;
	background-image       : url(../pageimg/23_colFoot.gif);
	background-repeat      : no-repeat;
}

div#bodywrapper #footer {
	margin                 : 0px;
	padding                : 0px;
	width                  : 954px;
	text-align             : center;
}

div#bodywrapper #footer p {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 11px;
	color                  : #484878;
}

div#bodywrapper #footer p a {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 11px;
	color                  : #484878;
	text-decoration        : none;
}

div#bodywrapper #footer p a:hover {
	text-decoration        : underline;
}

.gray {
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 11px;
	color                  : #999;
}

/* FORMS */
div#bodywrapper #contentwrapper #content #col23 form {
	margin                   : 0px;
	font-family            : Arial, Helvetica, sans-serif;
	font-size              : 12px;
	margin                 : 2px 35px 15px 15px;
	padding                : 0px;
	line-height            : 18px;
	color                  : #333;	
}

div#bodywrapper #contentwrapper #content #col23 .formfields {
	font-family              : Arial, Helvetica, sans-serif;
	font-size                : 12px;
	margin                   : 0px;
	color                    : #666666;
	border                   : 1px solid #CCC; 
	width                    : 380px;
}

div#bodywrapper #contentwrapper #content #col23 .formbtn {
	font-family              : Arial, Helvetica, sans-serif;
	font-size                : 12px;
	font-weight              : bold;
	background-color         : #484878;
	margin                   : 0px 0px 0px 5px;
	color                    : #FFF;
	border                   : 1px solid #000; 
	width                    : 100px;
}

div#bodywrapper #contentwrapper #content #col23 .formbtn:hover {
	font-family              : Arial, Helvetica, sans-serif;
	font-size                : 12px;
	font-weight              : bold;
	background-color         : #FFF;
	margin                   : 0px 0px 0px 5px;
	color                    : #000;
	border                   : 1px solid #000; 
	width                    : 100px;
}

div#bodywrapper #contentwrapper #content #col1 #cp1 form {
	margin                   : 0px;
	font-family              : Arial, Helvetica, sans-serif;
	font-size                : 12px;
	margin                   : 2px 35px 15px 15px;
	padding                  : 0px;
	line-height              : 18px;
	color                    : #333;	
}

div#bodywrapper #contentwrapper #content #col1 #cp1 .formfields {
	font-family              : Arial, Helvetica, sans-serif;
	font-size                : 12px;
	margin                   : 0px;
	color                    : #666666;
	border                   : 1px solid #CCC; 
	width                    : 180px;
}

div#bodywrapper #contentwrapper #content #col1 #cp1 .formbtn {
	font-family              : Arial, Helvetica, sans-serif;
	font-size                : 12px;
	font-weight              : bold;
	background-color         : #484878;
	margin                   : 0px 0px 0px 5px;
	color                    : #FFF;
	border                   : 1px solid #000; 
	width                    : 100px;
}

div#bodywrapper #contentwrapper #content #col1 #cp1 .formbtn:hover {
	font-family              : Arial, Helvetica, sans-serif;
	font-size                : 12px;
	font-weight              : bold;
	background-color         : #FFF;
	margin                   : 0px 0px 0px 5px;
	color                    : #000;
	border                   : 1px solid #000; 
	width                    : 100px;
}

div#bodywrapper #contentwrapper #content #col1 #cp1 .quickTable {
	border-collapse          : collapse;
}

div#bodywrapper #contentwrapper #content #col1 #cp1 .quickTable td {
	vertical-align           : middle;
	text-align               : left;
	padding                  : 2px 0 2px 0;
}

div#bodywrapper #contentwrapper #content #col1 #cp1 .quickTable td.btn {
	text-align               : right;
	padding                  : 10px 10px 0 0;
}