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

*{
margin:0; padding:0;
border:none;
}
body {
background:#1457A2 url(images/body_back.gif) repeat-x;
color:#FFF;
text-align:center;
}
#page{
background:url(images/back_flag.jpg) no-repeat;
width:100%;
height:100%;
}
#layout {
width:898px;
margin-left:auto;
margin-right:auto;
position:relative;
top:30px;
}

/**************** div #header starts here ***********************/
#transparent{
width:898px; 
height:30px;
}

#header {
width:898px;
clear:both;
}
#header #navig li {
background-image:none;
	display: inline;
	float: right;
	list-style-type: none;
}
#header #navig li a:link, #header #navig li a:visited, #header #navig li a:active {
	display: block;
	color: #333333;
	font-family: "Trbuchet MS", Verdana, sans-serif;
	font-size: 12px;
	height:24px;
	width: 126px;
	background-image: url(images/button_back_off.png);
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	padding-top:9px;
	
}
#header #navig li a:hover {
	color: #FFFFFF;
	background-image: url(images/button_back_on.png);
	background-repeat: no-repeat;
}
#header #navig li a.current:link, #header #navig li a.current:visited, #navig #header li a.current:hover {
	color: #FFFFFF;
	background-image: url(images/button_back_on.png);
	background-repeat: no-repeat;
}
/********************  #header ends here    ********************/
/******  #logo starts here ******/
#logo_container {
width:898px;
height:77px;
clear:both;
background-image:url(images/logo_back.png);
}
#logo_container #logo {
	height: 77px;
	width: 421px;
	float:left;
}
#logo_container #logo_back {
width:474px;
height:77px;
background:url(images/logo_back.png) repeat-x;
border-right:3px solid #DCDCDC;
float:left;
}
/**************   #logo ends here  ******************/
/******** #wrapper starts ***************************/ 
#wrapper {
width:898px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#FFF url(images/wrapper_back.gif) repeat-y;
}

#wrapper #bradenton_pictures {
width:898px;
height:225px;
clear:both;
}
#wrapper #bradenton_pictures .views {
position:relative;
top: -600px;
}

#wrapper h1{
font-family:Georgia, serif;
color:#B61139;
font-size:2.0em;
letter-spacing:1px;
text-align:center;
margin:10px 0;
}
#wrapper h2{
font-family:Verdana, sans-serif;
color:#0D2779;
font-size:1.3em;
margin:7px 5px 8px 10px;;
}
#wrapper #left_col {
width:607px;
float:left;
line-height:100%;
text-align:center;
font-size:0.9em;
padding: 10px 7px 5px 20px;
}
#page #layout #wrapper #left_col h3 {
	font-size: 1.1em;
	color: #0D2779;
	margin-left: 10px;
}
#page #layout #wrapper #left_col img {
	float:left;
	margin-right:10px;
}
#page #layout #wrapper #left_col ul {
	margin-left:15px;
}
/*********************** what pertains to the contact.php page only **************************/

/********** the only changes to the left_col  in contact.php***************************/

#wrapper #left_col .success {
color:#006600;
}
#wrapper #left_col #form1 {
margin-top:7px;
}
#wrapper #left_col #form1 .required{
color:#FF0000;
}
#wrapper #left_col #members, #wrapper #left_col #coordinators {
margin-top:10px;
margin-left:65px;
margin-bottom:6px;
width:515px;

}
#wrapper #left_col #members td {
padding:4px;
text-align:left;
font-size:0.9em;

}
#wrapper #left_col #coordinators td,  #wrapper #left_col #coordinators th{
padding:4px;
text-align:left;
font-size:0.9em;
margin:1px;
}
 #wrapper #left_col #coordinators th {
 text-align:center;
 }
#wrapper #left_col #coordinators tr.even {
background-color: #E9E9E9;
}

#wrapper #formtable{
width:450px;
text-align:left;
margin-left:auto;
margin-right:auto;
/*border-collapse:collapse;*/
border:1px solid #C8DEF9
}
#wrapper #formtable td {
padding:5px 5px 10px 5px;
border:none;
}
#wrapper #formtable td.up {
vertical-align:top;
border:none;
}
#wrapper #formtable td.sub {
text-align:center;
height:23px;
}
#wrapper #formtable .sub_btn{
height:25px;
padding-left:3px; padding-right:3px;
}
#wrapper #formtable input,  #wrapper #formtable select {
text-align:left;
height:18px;
border:1px solid #C8DEF9
}
#wrapper #formtable textarea {
border:1px solid #C8DEF9
}
#wrapper #formtable label {
font-weight:bold;
font-size:11px;
text-align:right;
display:block;
}
#left_col #formtable .odd {
	background-color: #E4EFFC;
}

/*********************** end of the contact.php table and form formatting ***********************/
/****************** #right_col formatting starts here ******************************************/
#wrapper #right_col {
font-family:tahoma, Arial, Helvetica, sans-serif;
font-size:0.9em;
width:244px;
float:right;
color:#333333;
padding:7px 10px;
margin-top:30px;
text-align:left;
}

#wrapper #right_col input{
border:1px solid #666666;
}
#wrapper #right_col #news_events {
width:225px;
padding:6px;
background-color:#F4F4F2;
border:1px solid #D7D7D7;
margin-bottom:10px;
margin-right:10px;
}
#wrapper #photographer {
width:880px;
font-size:10px;
color:#666666;
text-align:right;
padding-right:18px;
padding-bottom:5px;
}
#wrapper #photographer a:link, #wrapper #photographer a:visited {
font-size:10px; color: #369; 
}
#wrapper #photographer a:hover {
color:#F00;text-decoration:none;
}

/*************************** end of the #rith_col specific for contact.php ***********************/
#footer {
width:898px;
height:20px;
font-size:smaller;
background:#0A2C55;
color:#FFF;
clear:both;
padding-top:6px;
padding-bottom:2px;
}
#footer a:link, #footer a:visited {
color: #FFF;
font-size:0.9em;
text-decoration:none;
}
#footer a:hover {
color:#FFFF99;
text-decoration:underline;
}
#autorization {
width:858px;
height:28px;
background-color:#1457A2;
font-size:0.8em;
color:#FFF;
padding:6px 20px;
}
.valid {
text-align:left;
}