/* Lime Style Sheet Written, Produced, Directed by and Starring Michael Bailey */

/* My mother didn't really cook. But she did make key lime pie, until the day the top of the evaporated milk container accidentally ended up in the pie and she decided cooking took too much concentration. */


/* 
 ###########
 
 MAIN BLOCKS            

 ###########
*/


body { 
	font: 12px verdana, Lucida Sans Unicode, arial, sans-serif;
	text-align: left; 
	margin: 0; 
	color: #000; 
	background: #589BC5 url(../imgs/bg.jpg);
	background-repeat: repeat-x;
}

#container {
	width: 840px;
	height: 400px;
	top: 0;
	margin: auto;
	padding: 0;
}

#logo {
	width: 770px;
	height: 194px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#logo img { border: none; }

#logo h1 {
	text-indent: -100em;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#logo p {
	text-indent: -100em;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#left {
	width: 199px;
	padding: 0;
	margin: 0;
	background-image: url(../imgs/left-bar.jpg);
	background-repeat: repeat-y;
	float: left;
}

#right {
	width: 631px;
	padding: 0;
	margin: 0 0 20px 0;
	background: #FFF;
	float: left;
}

.box img { border: none; }


/* 
 ###########
 
 CONTENT BLOCKS            

 ###########
*/

#right h1 {
	width: 631px;
	padding: 13px 0 0 16px;
	margin: 0;
	background-image: url(../imgs/top-white.jpg);
	background-repeat: no-repeat;
}

* html #text { height: 200px; }

#flashWelcome {
	width: 250px;
	height: 250xp;
	padding: 0;
	margin: 0 0 0 150px;
}



#text {
	width: auto;
	min-height: 200px;
	padding: 5px;
	margin: 12px;
	border-top: dotted 1px #285875;
	border-bottom: dotted 1px #285875;
}

#text p {
	text-align: justify;
	padding: 0;
	margin: 13px 0 13px 0;
} 

#text h4 {
	font-size: 11px;
	padding: 0;
	margin: 7px 0 7px 0;
	font-style: italic;
} 

#text h3 {
	font-size: 14px;
	padding: 0;
	margin: 7px 0 7px 0;
}  

#text p a {
	color: blue;
} 

#bullets {
	width: auto;
	padding: 0;
	margin: 0;
}

#bullets li {
	list-style-type: square;
	display: list-view;
	padding: 0;
	margin: 10px 10px 10px 30px;
}

#bullets a {
	color: blue;
}

#bulletList {
	width: auto;
	padding: 0;
	margin: 0;
}

#bulletList li {
	list-style-type: square;
	display: inline;
	padding: 0;
	margin: 0;
}

#bulletList a {
	width: 220px;
	display: block;
	float: left;
	padding: 0;
	margin: 10px 10px 10px 0;
	color: blue;
}

.line {
	width: auto;
	border-top: dotted 1px #285875;
	height: 1px;
	font-size: 0;
	padding: 0;
	margin: 7px 0 7px 0;
}


#text .box {
	width: auto;
	padding: 10px;
	margin: 0;
	background-color: #FFF;
}

#text .box h3 {
	padding: 0;
	margin: 0 0 7px;
	font-weight: normal;
}

#text .box h3 a { color: #0000FF; }

#text .box p {
	padding: 0;
	margin: 3px 0 3px 0;
}

#text .box img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}

table { 
	width: auto;
	padding: 0;
	margin: 0;
}

table th {
	width: 110px;
	padding: 5px;
	margin: 0;
	text-align: right;
	font-weight: normal;
	vertical-align: top;
}

table td {
	padding: 5px;
	margin: 0;
}

textarea {
	width: 294px;
	height: 200px;
	padding: 3px;
	border: solid 1px #CCCCCC;
	margin: 0;
}

.inputBox {
	width: 294px;
	padding: 3px;
	border: solid 1px #CCCCCC;
	margin: 0;
}

input:focus { border: solid 1px #666666; }
textarea:focus { border: solid 1px #666666; }
select:focus { border: solid 1px #666666; }

select {
	width: 300px;
	padding: 3px;
	border: solid 1px #CCCCCC;
	margin: 0;
}

.submit {
	width: 109px;
	height: 24px;
	background: url(../imgs/buttons.jpg);
	padding: 0;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
}	


/* 
 ###########
 
 NAV BLOCKS            

 ###########
*/

#leftTop {
	width: auto;
	height: 53px;
	padding: 0;
	margin: 0;
	background-image: url(../imgs/left-top.jpg);
	background-repeat: no-repeat;
}

#leftBot {
	width: auto;
	height: 32px;
	padding: 0;
	margin: 0;
	background-image: url(../imgs/left-bot.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
}

#nav {
	width: auto;
	padding: 0 0 15px 0;
	margin: 0;
	background-image: url(../imgs/left-bot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 11px;
}

#nav li {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
}

#nav a {
	width: 169px;
	padding: 5px;
	display: block;
	margin: 0 0 0 20px;
	color: #00658F;
	text-decoration: none;
	text-indent: 14px;
	background-image: url(../imgs/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

#nav a:hover {
	background: #FFF;
	color: #000;
	text-decoration: none;
	background-image: url(../imgs/bullet-over.jpg);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

#current a {
	background: #FFF;
	color: #000;
	text-decoration: none;
	background-image: url(../imgs/bullet-over.jpg);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	font-weight: bold;
}

/* 
 ###########
 
 FOOTER BLOCKS            

 ###########
*/

* html #footer { height: 25px; }

#footer {
	width: auto;
	min-height: 25px;
	padding: 0 0 8px 0;
	margin: 0;
	background-image: url(../imgs/footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
}

#footer p {
	padding: 0;
	margin: 5px 0 0 0;
	color: #000;
	font-size: 10px;
}

/* 
 #############
 
 FLOAT CLEAR            

 #############
*/

.clear {
  clear:both;
  overflow:hidden;
}