/* ----------------------------------------------------
   Project: 	redlandsartscouncil.org.au
   (C) 2009 bridge2net web concepts
   rca_screen.css

   ---------------------------------------------------- */
   
HTML { height: 100%; margin-bottom: 1px; }
BODY { height: 100%; margin: 0; padding: 0; background: #1c1c1c url(../images/body_bg.gif); color: #464646;text-align: center; }
BODY, INPUT, SELECT, TEXTAREA { color: #464646; font-size: 12px; font-weight: normal; font-family: Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT, SELECT, TEXTAREA { border: 1px solid #a9a9a9; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
H1 { height: 44px; margin: 0 0 15px; color: #FF6600; font-size: 18px; font-weight: bold; line-height: 44px; text-transform: uppercase;}
H2 { height: 44px; margin: 10px 0 20px; padding: 0 25px; background: #fff url(../images/title_bg.gif) no-repeat 1px center; color: #FF6600; font-size: 16px; font-weight: bold; line-height: 44px;}
H3 { margin: 0 0 5px; color: #3872d0; background: #FFFFFF; font-size: 16px; font-weight: bold; padding: 0 25px;}
H3 SPAN { margin-left: 10px; font-size: 12px; font-weight: normal; font-style: italic; padding: 0 25px; }
H4 { margin: 0 0 5px; padding: 0 25px; color: #3872d0; background: #FFFFFF; font-size: 14px; font-weight: bold;}
H5 { margin: 0 0 5px; padding: 0 25px; color: #3872d0; background: #FFFFFF; font-size: 12px; font-weight: bold;}
H6 { margin: 0 0 5px; padding: 0 25px; color: #000000; background: #FFFFFF; font-size: 12px; font-weight: bold;}
P { margin: 13px 0; padding: 0 25px; text-align:left;}

p.align-center{
  text-align:center;
}

p.align-right {
  text-align:right;
}

p.align-justify {
  text-align:justify;
}

ul {
	list-style-image: url("../images/bullet_arrow_simple.png");
	margin: 10px 20px 10px;
	padding: 0 0 8px 20px;	
	text-align:left;
}
ol {
	list-style-image: none;
	list-style-type: decimal;
	margin: 10px 20px 10px;
	padding: 0 0 8px 20px;
	text-align:left;
}
li {
	margin: 0 0 8px 5px;
	text-align:left;
}
A { color: #FF6600; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }

/* LAYOUT */
.container { width: 849px; margin: 0 auto; }

#columnLeft { float: left; width: 604px; padding-bottom: 25px; text-align:left;}
#columnLeft H1 { background: #fff url(../images/title_bg.gif) no-repeat 1px center; padding: 0 25px; }
#columnLeft .content { width: 556px; padding: 20px; }

#columnLeft .contentPad { padding: 0 25px; }
#columnRight .contentPad a {text-decoration:none; color:#FF6600;}
#columnRight .contentPad h3 a {text-decoration:none; color:#3872d0;}

#columnRight { float: right; width: 214px; padding-bottom: 25px; text-align:left;}
#columnRight H1 { background: #fff url(../images/titlesmall_bg.gif) no-repeat 1px center; padding: 0 8px; }
#columnRight .content { padding: 20px 8px; font-size: 11px; }

/*.content { background: #e0e0e0 url(../images/content_bg.gif) repeat-x left top; line-height: 18px; }*/
.content { background-color: #FFF; line-height: 18px; }

/* HEADER */
#header { height: 138px; background: #b55508 url(../images/header_bg.gif) repeat-x; border-bottom: 1px solid #888; }
#header h1 { float: right; width: 222px; height: auto; background: url(../images/header_right.jpg) no-repeat left bottom; margin: 0; padding: 33px 0 0; font-size: 0; text-indent: -5000px; }
#header h1 A { display: block; height: 95px; }
#header h2{ width: 615px; height: 128px; background: url(../images/header_left.jpg) no-repeat; margin: 0; padding: 0; font-size: 0; text-indent: -5000px; }

/* FOOTER */
#footer { font-size: 10px; background-color: #e0e0e0; color: #464646; text-align:center; }

/* MENU */
#menu { height: 69px; background: url(../images/menu_bg.gif) repeat-x; overflow: hidden; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li{ float: left; background: url(../images/menu_sep.gif) no-repeat right center; padding-right: 1px; }
#menu li#last { background: none; }
#menu a{ display: block; background: url(../images/menu_hover.gif) repeat-x; background-position: 0 0; padding: 0 11px 0 10px; color: #d2d2d2; font-size: 13px; font-family: Tahoma, Arial, sans-serif; line-height: 69px; text-transform: uppercase; text-decoration: none; }
#menu A:hover { background-position: 0 -69px; }

/* BLOCKS */
.shT { background: url(../images/shT.gif) repeat-x left top; }
.shR { background: url(../images/shR.gif) repeat-y right top; padding: 0 4px; }
.shB { background: url(../images/shB.gif) repeat-x left bottom; }
.shL { background: url(../images/shL.gif) repeat-y left top; }
.shTL { background: url(../images/shTL.gif) no-repeat left top; }
.shTR { background: url(../images/shTR.gif) no-repeat right top; height: 4px; font-size: 0; line-height: 0; }
.shBL { background: url(../images/shBL.gif) no-repeat left bottom; }
.shBR { background: url(../images/shBR.gif) no-repeat right bottom; height: 4px; font-size: 0; line-height: 0; }

#columnLeft .outerBrd { float: right; width: 228px; border: 1px solid #ebebeb; }
#columnLeft .innerBrd { background-color: #f8f8f8; padding: 8px; color: #5e5e5e; font-size: 11px; border: 1px solid #dfdfdf; }
#columnLeft .innerBrd BR { line-height: 10px; }
#columnLeft .innerBrd P { margin: 10px 0; }
#columnLeft .innerBrd H4 { color: #FF6600; }

#columnRight .outerBrd { float: left; border: 1px solid #efefef; }
#columnRight .innerBrd { background-color: #fff; padding: 5px; color: #dedede; border: 1px solid #dfdfdf; }
#columnRight .innerBrd IMG { border: 1px solid #dddddd; }

.outerBrdImg { float: left; border: 1px solid #e6e6e6; }
.innerBrdImg { float: left; background-color: #fff; padding: 5px; border: 1px solid #d3d3d3; }

.imgT { float: left; background: #fff url(../images/imgT.gif) repeat-x left top; border: 8px solid #eeeff1; }
.imgR { background: url(../images/imgR.gif) repeat-y right top; }
.imgB { background: url(../images/imgB.gif) repeat-x left bottom; }
.imgL { background: url(../images/imgL.gif) repeat-y left top; }
.imgTL { background: url(../images/imgTL.gif) no-repeat left top; }
.imgTR { background: url(../images/imgTR.gif) no-repeat right top; }
.imgBL { background: url(../images/imgBL.gif) no-repeat left bottom; }
.imgBR { background: url(../images/imgBR.gif) no-repeat right bottom; padding: 4px; }

IMG.imgBrd { border: 1px solid #bfd0eb; }
.imgFloatL { margin: 3px 20px 10px 0; border: 1px solid #bfd0eb; }
.imgFloatR { float: right; margin: 3px 0px 10px 20px; border: 1px solid #bfd0eb; }

.floatTxt { float: left; width: 375px; }
.vacTxt { float: left; width: 504px; background: url(../images/vacatures_bg.jpg) repeat-x; margin-bottom:15px; height:102px; }
.vacTxt h5 { margin:15px; color:#fff; font-size:16px; font-weight:bold; }
.vacTxt h6 { margin:15px; color:#fff; font-size:14px; }
.vacTxt a {color:#fff; font-size:11px;}

.listNum SPAN { float: left; display: block; width: 28px; height: 28px; background: url(../images/number_bg.gif) no-repeat; margin: 2px 0 15px; color: #fff; font-size: 16px; font-weight: bold; line-height: 28px; text-align: center; }
.listNum DIV { float: right; width: 456px; margin-bottom: 15px; }
.listNum BR { clear: both; }

UL.list { margin: 8px 0 15px; padding: 0; list-style: none; }
UL.list LI { background: url(../images/mark.gif) no-repeat left 2px; margin-bottom: 2px; padding-left: 18px; }

.separator { height: 20px; background-color: #fff; margin: 15px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }

.formContact { margin-top: 50px; }
.formContact LABEL { float: left; clear: left; width: 140px; font-weight: bold; }
.formContact INPUT { width: 180px; margin-bottom: 10px; }
.formContact TEXTAREA { width: 300px; margin-bottom: 15px; }
.formContact INPUT.btn { float: right; margin-right: 58px; }

/* BUTTONS */
A.btnMeer { float: right; display: block; width: 107px; height: 107px; background: url(../images/buttons/btn_meer.png) no-repeat; text-indent: -5000px; cursor: pointer; }
A.btnContact { float: left; display: block; width: 171px; height: 56px; background: url(../images/buttons/btn_contact.png) no-repeat; margin-top: 15px; text-indent: -5000px; cursor: pointer; }

A.btn { display: block; background: url(../images/buttons/btn_left.gif) no-repeat left top; text-decoration: none; }
A.btn SPAN { display: block; height: 25px; background: url(../images/buttons/btn_right.gif) no-repeat right top; padding: 0 15px; color: #fff; font-size: 11px; line-height: 24px; cursor: pointer; }
A.btn B { margin-left: 2px; color: #FF6600; font-weight: normal; }
A:hover.btn SPAN { color: #FF6600; }

INPUT.btn { width: auto !important; background-color: #FF6600; margin-top: 10px; color: #fff; cursor: pointer; }


/* OTHER */
.txtred { color: #FF6600; }

.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }
.inleiding {color:#3a3a3a; }

.csc-textpic-caption {
	font-size: 10px; 
}

.blockquote {
	font-family: Arial, sans-serif;
	margin: 10px 20px 10px;
	color:#333;
	line-height:1.5; 
}

/* horizontal ruler */
hr {
	height:1px;
	color:#CCCCCC;
	background-color:white;
}

span.important {
	color:red !important;
}

span.current {
	font-weight:bold;
}

span.selected {
	font-weight:bold;
	color:blue;
}

#columnLeft .ractable {
	width:99%; /* wegen IE 6 */
	font-size:12px;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
    border: none;
}