@import url(defaultHTML4.css);

BODY 			{ font-family: Arial, sans-serif; text-align: center; 
		  	  margin: 0; padding: 0; background: #2554C7;}
p, ul, .t_author, .testimonial,
.testimonial_indent	{ font-size: 9pt;}
h5			{ font-size: 10pt; color: #009;}
.larger			{ font-size: 11pt;}
.contact		{ font-size: 12pt; font-weight: bold; margin: 40px; } 
h5 a			{ color: #009;}
h3 			{ margin: 30px 30px 30px 30px; padding: 0 0 0px 0; 
			  border-bottom: 3px solid #009; color: #009;}
h4, h5, .t_author	{ margin: 0 30px 0 30px;}
li, h4.singled 		{ margin: 0 30px 0 50px;}
p, ul			{ margin: 12px 30px 20px 30px;}
.indent 		{ margin: 10px 30px 0 50px;}
ul			{ list-style: none; }
ul.diamond, 
#contactBlock ul	{ margin-left: 0; padding-left: 1em; text-indent: -1em;}
#contactBlock a		{ color: #fff;}
a, .t_author		{ font-weight: bold;}
#contactBlock ul 	{ margin: 2px 0 0px 25px; padding: 0 0 0 5px; font-weight: bold; color: #fff; font-size: 10pt;}
.contactBorder		{ margin-left: 25px;}
#quoteBlock p.quote	{ margin-top: 5px;}
h3, h4, h5, p		{ position: relative; z-index: 4;} /* to keep menu on top when hovered */

/* navigation moved to navBar.css */

/* images (non-standard dimensions in html) */
.top_small 		{ width: 265px; height: 198px;}
.top_large 		{ width: 530px; height: 198px;}
.icon			{ height: 80px;}
.icon_small		{ margin: 30px 0px 0 30px;}

/* testimonial page */
.testimonial 		{ font-style: italic; margin: 20px 30px 0px 30px;}
.testimonial_indent 	{ font-style: italic; text-indent: 25px; margin: 10px 30px 0px 30px;}

/* other testimonials and quotes (some definitions also in top section of this file) */
.right, .quote_right,
.q_author_right		{ text-align: right; color: #fff;}
.t_author		{ text-align: right;}
.quote, .q_author, 
.t_left, .t_left_author	{ text-align: left; color: #fff;}
.quote, .quote_right,
.t_left			{ font-style: italic; font-family: Georgia, serif; 					  		  margin: 10px 50px 0 50px; font-size: 10pt; font-weight: bold; }
.right, .quote_right 	{ margin: 10px 30px 0 70px;}
.q_author, 
.q_author_right, 
.t_left_author	 	{ font-size: 8pt; font-family: Georgia, serif; margin: 0 30px 0 70px;}
.q_author_right 	{ margin: 0 30px 0 50px;}
.t_left			{ margin: 10px 70px 0 30px; }
.t_left_author		{ margin: 0px 30px 0 50px;}

/* sidebar on About Tina page */
li.sidebar 		{ margin: 0 5px 5px 35px; font-size: 9pt; color: #fff;}
h5.sidebar 		{ margin: 0 5px 0 30px; color: #fff;}
h5.sidebarTop		{ margin: 30px 5px 0 30px; color: #fff;}

/* footer */
.footer_left		{ position: absolute; left: 50px;}
.footer_right		{ position: absolute; right: 50px;}

/* main sections */
#content 		{ position: relative; text-align: left; width: 830px; 
			  margin: 0 auto; padding: 0 0 1px 0; z-index: 2; clear: both;}
#header, #colOne, 
#colTwo			{ position: relative; z-index: 1; display: inline;}
#colOne 		{ float: left; width: 258px; left: 20px; }
#colTwo 		{ float: right; width: 530px; right: 20px;}
#header			{ float: left; width: 795px; height: 198px; left: 20px;}
#pictureBlock 		{ float: right; position: relative; width: 530px; }
#contactBlock		{ float: left; position: relative; width: 265px; height: 198px; background: #009;}
#quoteBlock		{ float: left; position: relative; width: 261px; height: 198px; background: #009;}
#footer 		{ position: relative; width: 830px; height: 26px; font-size: 12px; 
			  font-weight: bold; margin: 0 auto; padding: 5px 0; 
			  background: #f90; }

/* colors and shading */
#colorOne, #colorTwo,
.shadeLeft, .shadeRight	{ position: absolute; bottom: 0; z-index: 0; height: 1000em;}
#colorOne		{ background: #009; width: 265px; left: 20px; }
#colorTwo		{ background: #fff; width: 530px; left: 285px;}
.clearer		{ height: 1px; overflow: hidden; margin-top: -1px; clear: both;}
.shadeLeft		{ width: 20px; background: url(../images/shadowLeft.jpg) repeat-y; left: 0px;}
.shadeRight		{ width: 20px; background: url(../images/shadowRight.jpg) repeat-y; left: 815px;}
#picShadow		{ background: url(../images/shadow.gif) no-repeat; width: 150px; height: 90px;  			  margin: 60px 0px 0 50px;}
#picShadowSmaller	{ background: url(../images/shadowSmaller.gif) no-repeat; width: 150px; height: 90px;  			  margin: 60px 0px 0 50px; }