@charset "UTF-8";
/* CSS Document for SRFSI 2009 website*/
/*standard colors: gright green: 1b7942 olive green: 333300 light tan: fcf2d9 brown: 744930 medium brown: ac652c orange: e79440*/
/******************Eric Meyer reset css code **************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {
	font-weight:bold;
}

img, div, input { behavior: url("iepngfix.htc") }

/*******************************************/
body {
	behavior: url("csshover3.htc"); /*for fixing IE6 hover on all elements */
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#222222;
	background:#000000 url(images/bkg2.jpg) top left repeat-x;
}
html, body {
	height:100%;
	min-height:100%;
}
p {
	padding:3px 10px 12px 10px;
	font-size:14px;
	line-height:18px;
}
a {
	color:#333300;
	/*text-decoration:none;*/
}
a:hover {
	color:#e79440;
}
ul, ol {
	padding-left:40px;
	list-style-position:outside;
	font-size:12px;
	padding-bottom:12px;
}
blockquote {
	padding:0 40px 10px 40px;
	font-size:13px;
}
h1 {
	color:#ac652c;
	font-size:300%;
	font-weight:bold;
	font-family:Arial,Verdana;
	line-height:30px;
}
h2 {
	color:#b26521;
	font-size:200%;
	font-weight:bold;
	font-family:Arial,Verdana;
	padding:8px 0 2px 0;
	line-height:24px;
}
h3 {
	color:#b26521;
	font-weight:bold;
	font-size:150%;
	padding:8px 0 2px 0;
	line-height:20px;
}
/**************** layout stuff ********************/
#outer {
	width:960px;
	margin:0 auto;
	border:1px solid #744930;
	background-color:#fcf2d9;
}
#header {
	width:960px;
	height:200px;
	margin:0 auto;
}
#headline {
	width:960px;
	height:20px;
	margin:0 auto;
	color:#ffffff;
	background-color:#333300;
	text-align:center;
}
#inner {
	width:955px;
	margin:0 auto;
	padding:0 5px 10px 0;
	overflow:hidden;
}
#footer {
	width:960px;
	margin:0 auto;
	padding:10px 0;
	background-color:#333300;
	text-align:center;
	font-size:9px;
	clear:left;
}
#footer p {
	font-size:10px;
	color:#eeeeee;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	color:#e79440;
}

/********************** layout elements **********************/
#leftcol {
	float:left;
	width:220px;
	margin-top:8px;
	display:inline; /* fixes IE bug that doubles float margin */
}
#rightcol {
	margin:20px 0 0 225px;
	width:725px;
}
#rightcol h1, #rightcol h2, #rightcol h3 {
	padding-left:10px;
}
#rightcol h2 {
	padding-top:20px;
	padding-bottom:0;
}
#rightcol h3 {
	padding-top:10px;
	padding-bottom:0;
}
#rightcol .itemleftimg h3 {
	padding-left:0;
}
.floatrightcol {
	float:right; margin-left:5px; text-align:center;
}
.floatrightcol img {
	padding:4px; border:1px solid #CCCCCC; background-color:#FFFFFF;
}
.floatrightcol p {
	font-size:10px;
	text-align:left;
}
/**************** boxes *****************/
.box220top{
	/*display:block;*/
	width:218px;
	height:30px;
	background:transparent url(images/box218_top.jpg) top left no-repeat;
}
.box220topcontent{
	color:#FFFFFF;
	font-weight: bold;
	font-size:12px;
	line-height:20px;
	text-align:center; 
	padding-top:6px;
}
.box220topcontent a {
	color:#FFFFFF; 
	text-decoration:none; 
	cursor:pointer
}
.box220bottom{
	/*display:block;*/
	width:219px;
	background:transparent url(images/box218_bot.jpg) bottom left no-repeat;
}
.box220content{
	/*display:block;*/
	padding:1px 5px 16px 5px;
	height:auto;
}
.box220content p {
	padding:5px 20px;
	font-size:12px;
	line-height:14px;
	margin:0;
}
.simplebox {
	width:180px;
	padding:6px;
	margin-bottom:10px;
	background-color:#fcf2d9;
}
.withborder {border:1px solid #CCCCCC; background-color:#ffffff;}
.simplebox .title {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333300;
	width:100%;
	text-align:center;
	display:block;
	margin-bottom:6px;
}
.simplebox p {
	text-align:left;
	font-size:10px;
	margin:0;
	padding:3px 6px 6px 6px;
	line-height:14px;
}
.simplebox p a {
	text-decoration:underline;
	padding:0;
	margin:0;
}
.simplebox ul {
	padding-left:10px;
	list-style-position:inside;
	font-size:10px;
	text-align:left;
	list-style-type:square;
}
.simplebox img {
	padding:0;
	border:none;
}

/******************* side accordians menu ************************/
div.accordion h4 {
	background:transparent url(images/right.jpg) top left no-repeat;
    display:block;
	padding:6px 6px 6px 22px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	border-bottom:1px solid #EEEEEE;
	cursor:pointer;
}
div.accordion h4:hover {
	color:#FEFCE9;
	background:transparent url(images/down.jpg) top left no-repeat;
}
.accsubmenu {
	background-color:#FEFEFE;
	padding:0;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin:0;
}
.accsubmenu ul {
	padding:0;
}
.accsubmenu ul li {
	list-style:none;
	padding:0 10px 5px 10px;
	border-bottom:1px solid #CCCCCC;
	font-size:11px;
	font-weight:bold;
}
.accsubmenu ul li:hover {
	background-color:#FEFCE9;
}
.accsubmenu ul li a {
	color:#333300;
	text-decoration:none;
}
.accsubmenu ul li a:hover {
	color:#704A38;
}
.accsubmenu ul li ul li{
	font-size:10px;
	font-weight:normal;
	list-style:none;
	padding:0 4px 0 10px;
	border:none;
}

.accsubmenu p {
	font-size:11px;
	color:#212C59;
	font-style:italic;
	margin:0;
	padding:4px 6px 4px 20px;
	border-bottom:1px solid #CCCCCC;
}
/****************** item lists ***************/
.itemleftimg {
	padding:10px; 
	overflow:hidden;
	width:95%;
}
.itemwhiteborder {
	border:1px solid #CCCCCC;
	background-color:#ffffff;
}
.itemleftimg img {
	float:left;
	margin:10px 10px 10px 0;
}
.itemleftimgtxt {
	margin-left:210px;
}
.itemleftimgtxt2 {
	margin-left:100px;
}

.itemleftimgtxt p, .itemleftimgtxt2 p {
	font-size:13px;
	line-height:16px; 
	padding-left:0;
	margin:2px 0;
}
/**************** individual element style ********************/
.imgonleft {margin:3px 6px 6px 0; float:left;}
.imgonleftborder {margin:3px 6px 6px 0; border:1px solid #CCCCCC; float:left;}
.imgphoto {padding:6px; background-color:#FFFFFF; border:1px solid #CCCCCC; margin-top:10px;}
.email {
	display:inline-block;
	text-align:left;
	padding-left:20px;
	margin-bottom:3px;
	font-size:11px;
	background:transparent url(images/iconemail.png) bottom left no-repeat;
}
.phone {
	display:inline-block;
	padding-left:20px;
	font-size:11px;
	margin-bottom:3px;
	text-align:left;
	background:transparent url(images/iconphone.png) no-repeat;
}
.dropcap {font-size:350%; font-weight:bold; height:44px; width:40px; background-color:#333300; color:#ffffff; padding:0 4px 4px 10px; line-height:48px;}
.smallnote {font-size:11px;}
/**************** splash banner style ********************/
#splashpages { width:710px; height:20px; padding:1px 5px; margin:0; background-color:#111111; }
#splashpages a { margin: 5px; padding:1px 5px; background: #ffffff; text-decoration: none; color:#111111; }
#splashpages a.activeSlide { background: #e79440 }
#splashpages a:focus { outline: none; }
/****************** staff contact styles ***************/
.staffcontact {
	width:360px; height:125px; margin-bottom:4px; float:left;
}
.staffcontact img {
	float:left; padding:6px; border:1px solid #CCCCCC; margin-right:10px; background-color:#ffffff;
}
.staffcontact p {
	margin:0 10px 8px 10px;
}

/***************** contact form ********************/
#contactform {
	margin:0;
	padding:0 20px 20px 20px;
	font-size:10px;
}
.formlabel {
	font-size:11px;
	padding:5px 0;
	height:40px;
}
input, textarea, select {
	border:1px solid #CCCCCC;
	background-color:#f3f3f3;
	padding:2px;
	margin:0 5px 0 0;
	line-height:12px;
}
.controlset label, 
.controlset input { 
	font-size:11px;
	display: inline; 
	float: none; 
}
.controlset { 
	margin-left: 40px; 
}
input#email_button, input#submit_button {
	background-color:#519330;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	border:0px;
	padding:4px;	
}
input#email_button:hover, input#submit_button:hover {
	background-color:#333333;
}
.reqd {
	color:#CC0000;
}
.error {
	color:#FF0000;
}
div.errors {
	width:500px;
	border:3px solid #FF0000;
	padding:5px 20px;
	color:#FF0000;
	font-size:14px;
	text-align:center;
}
div.messages {
	width:500px;
	border:3px solid #339933;
	padding:5px 20px;
	color:#339933;
	font-size:14px;
	text-align:center;
}

/***************** button formatting **********************/
.buttonrow {
	clear:both; 
	padding:20px 0 10px 20px;
	font-size:14px;
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:3px 7px 3px 0;
	background-color:#F7F4EE;
    border:1px solid #AAAAAA;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    /*font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
    /*background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;*/
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}