/*
Theme Name: WICF
Theme URI: http://www.wellingtonicf.com/
Description: Design by Daniel Po.
Author: Daniel Po
*/

*{
	margin:0;
	padding:0;
	list-style:none;
}
body {
	font: 70% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	margin:10px;
	color:#555;
	background:#202020  url(images/bgbody.jpg) no-repeat top center;
}
#container {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-left: 1px;
	width: 958px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position:center;
}
html { 
	height: 100%; 
	margin-bottom: 1px; 
}
.header {
	background:#202020;
	cursor: pointer;
	padding:4px;
}
#footer {
	width:660px;
	margin:0 auto;
	color:#ccc;
	text-align:center;
}
#footer a {
	color:#aaa;
	text-decoration:none;
	font-weight:bold;
}
.header:hover{
	background-color:#666;
}

#header h1 a {
	color:#333;
	text-decoration:none;
}

#header h1 a:hover {
	color:#000;
}
.selected{
	background-color:#F00;
	color:#FFF;
}

.content{
	background:#FFF;
	padding:4px;
}

.accordion_child a {
	color:#e3af25;
	text-decoration:none;
}

.accordion_child a:hover {
	border:1px solid #e3af25;
	border-right:none;
	border-left:none;
	text-decoration:none;
}

.accordion_child ul.links li {
	background:url(images/link.gif) left no-repeat;
}

input {
	width:180px;
	background:url(images/input.jpg) top no-repeat;
	font: 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	color:#333;
	border:0;
	padding:7px 10px;
	margin:5px;
	color:#777;
}
textarea {
	width:350px;
	height:105px;
	background:url(images/textarea.jpg) top no-repeat;
	font: 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	color:#333;
	border:0;
	padding:10px;
	margin:5px;
	color:#777;
}

input[type=submit] {
	 cursor:pointer;
	 background:#ff9900;
	 color:#fff;
	 font-weight:bold;
	 width:182px;
	 height:33px;
	 padding:7px 10px;
	 background:url(images/submit.jpg) top no-repeat;
}

blockquote {
	  font: 1.5em/1.8em Georgia, "Times New Roman", Times, serif;
	  padding-left: 18px;
	  text-indent: -18px;
	  color:#888;
	  margin:20px 0;
}

blockquote:first-letter {
    padding-left: 18px;
}

.accordion_child ul {
	margin:25px 0 25px 0px;
}

.accordion_child ul li {
	list-style:none;
	padding-left:20px;
	margin:10px 0;
	background:url(images/bullet.gif) left no-repeat;
	border-bottom:0px;
	padding-bottom:2px;
	line-height:19px;
}

table {
	width:100%;
	padding:5px;
}

td {
	background:#fafafa;
	padding:4px;
}

h2 {
clear:both;
}

.accordion_child h2 {
	font:170% Arial;
	margin:10px 0 20px;
	padding:10px 0;
	color:#555555;
	border-bottom:0px;
}

#header h1 {
text-align:center;
font:350% Georgia;
font-style:italic;
color:#232323;
margin-top:50px;
letter-spacing:-1px;
z-index:-1;
}

#header h2 {
text-align:center;
font:100% Verdana;
text-transform:uppercase;
letter-spacing:2px;
color:#bbb;
margin:10px 0 40px;
}

#ribbon h2 {
text-align:center;
font:100% Verdana;
text-transform:uppercase;
letter-spacing:2px;
color:#bbb;
margin:211px 0 29px;
*margin:201px 0 29px; /* IE 7 and below */
}

#ribbon h2 a {
text-decoration: none;
color:#bbb;
}

#ribbon h2 a:hover {
text-decoration: none;
color:#e4ae24;
}

#slideshow {
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	padding-left: 0px;
	width: 958px;
	height: 150px;
}

#accordian{
	padding:0px;
	width:958px;
	z-index:2;
	margin:0 auto;
	background:#202020 url(images/bg.gif) repeat-y center;
}

.accordion_headings{
	padding:7px 10px;
	background:url(images/item_bg.jpg) top no-repeat;
	color:#FFFFFF;
	margin-top:2px;
	cursor:pointer;
	font:170% Trebuchet MS;
	letter-spacing:1px;
	clear:both;
}

.accordion_headings:hover{
	background:url(images/item_bg_hover.jpg) top no-repeat;
}

.accordion_child{
	text-align:justify;
	padding:20px 30px;
	background:#fafafa;
	border:0px solid #f4f4f4;
}

img {
	padding:0px;
	background:#fff;
	border:0px solid #eee;
}

img.float { 
	float: left; 
	padding-right: 20px;
	background:#fafafa;
}

p {
	margin:15px 0;
	line-height:19px;
}

.header_highlight{
	background:url(images/item_bg_hover.jpg) top no-repeat;
}

.alignleft {float:left;}
.alignright {float:right;}

.alignleft a, .alignright a {color:#aaa;text-decoration:none;font-weight:bold;}