@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
}
a{
text-decoration:none;
color:#CDDFF3;
}
.hidden{
display:none;
}
body {
	font-family: Georgia, Arial, Sans-serif;
	background:#233C65 url(background.png) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}

a img{
border:none;
}
#wrapper{
margin:0 auto;
width:972px;
position:relative;
}
div.content{
clear:left;
}
#branding{
width:972px;
height:135px;
margin-top:8px;
}
#branding img{
behavior:url(transparency/iepngfix.htc);
}
#rotate{
clear:both;
}
#contact_details{
	float:right;
	margin-top:58px;
	text-align:right;
}
#content{
min-height:407px;
width:972px;
overflow:visible;
margin:0;
background:#CDDFF3;
clear:both;
position:relative;
}
#content a{
display:block;
}
.section{
width:7000px;
position:relative;
}
.section .cushycms, .section .sub{
position:relative;
float:left;
width:968px;
height:400px;
list-style:none;
margin:0;
padding:0;
border:2px solid #CDDFF3;
}
.section img, .section ul{
padding:0;
margin:0;
}
#container { 
	clear:both;
margin:0 auto;
padding:35px 0 0 0;
text-align:left;
width:972px;
}
#mainContent p, #sidebar1 p{
padding:10px 0 0 0;
line-height:23px;
}
#mainContent span{
color:#CDDFF3;
}
#sidebar1 {
	border-top:1px solid black;
float:right;
margin-top:15px;
width:280px;
}
#sidebar1 li{
list-style:inside;
}
#sidebar1 p{
margin:0;
padding:0;
}
#twitter_div{
padding:10px 0 0 0;
border-top:1px solid #171F2F;
margin:15px 0 0 0;
}
#blurb{
border-top:1px solid #171F2F;
margin:15px 0 10px 0;
}
#mainContent { 
	margin: 0px 330px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#section1b table td {
height:95px;
width:484px;
}
#section1b table a img{
border:1px solid #CCC;
}
#section1b table a:hover img{
border:1px solid #333;
}
table a img{
border:1px solid white;
}
table a:hover img{
border:1px solid #CCC;
}
#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
};
#contact p,#contact label,#contact legend { font: 1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color:#333; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact {width: 650px; margin: 0px auto; padding: 15px 35px; color:#333; -moz-border-radius: 5px; -webkit-border-radius:5px; text-align:left; background:transparent; }

/* Form style */

label { display: inline-block; float: left; height: 26px; line-height: 30px; width: 155px; font-size: 1.5em; }
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 2px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; float:right; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:20px; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #666; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }