/* BASIC HTML DEFINITIONS */

body       {font-family: Verdana, Arial, sans-serif; background-color: #404040; background-image: url('images/background.gif');
            padding: 0; font-size: 75%; text-align: center; margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px}
ul li      {list-style-image: url('images/bullet.gif'); font-size: 100%; margin-bottom: 0; padding-bottom: 0}
hr         {background-color: #2C7EF8; color: #2C7EF8; height: 1px; width: 100%;}
blockquote {margin-bottom: 0;}

form       {margin: 5px 0 0 0; padding: 0; font-size: 100%;}
.forminput {background-color: #FFFFFF; color: #000000; border: 1px solid #C0C0C0; padding: 2px; font-size: 100%; font-family: Verdana, Arial, sans-serif; margin: 2px 0;}
.contact label {width: 150px; float: left; text-align: right;margin: 3px 5px 5px 5px; clear: both}
.contactbutton {text-align: center; margin: 5px 0 0 170px;}

/* BASIC LINK COLORS */

A:LINK    {color: #2C7EF8; text-decoration: none; font-weight: bold;}
A:VISITED {color: #2C7EF8; text-decoration: none; font-weight: bold;}
A:HOVER   {color: #7488A6; text-decoration: underline; font-weight: bold;}
A:ACTIVE  {color: #2C7EF8; text-decoration: none; font-weight: bold;}

/* HEADING DEFINITIONS */

h1 {font-family: Georgia, Georgia, serif; color: #00308C; text-align: left; font-size: 20px; font-weight: bold; padding: 0px; margin: 0 0 10px 0;}
h2 {font-family: Verdana, Geneva, sans-serif; color: #4F617B; text-align: left; font-size: 16px; font-weight: bold; letter-spacing: 2px; margin: 10px 0;}
h3 {font-family: "Times New Roman", Times, serif; color: #0754D3; text-align: left; text-transform: lowercase; font-size: 18px; font-weight: normal; margin: 10px 0;}
h4 {font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; font-size: 12px; font-weight: bold; color: #0754D3; margin: 10px 0;}
h5 {font-size: 120%; font-weight: bold; color: #4F617B; margin: 10px 0;}
h6 {font-size: 120%; font-weight: bold; color: #000000; margin: 10px 0;}

span.dropcap {font-family: Georgia, Georgia, serif; float: left; color: #00308C; font-size: 58px; font-weight: bold; line-height: 45px; padding: 0 2px 0 0;}
span.heading {color: #00308C;}

/* PROPERTIES FOR PAGE LAYOUT SECTIONS */

.wrapper {width: 750px; background-color: #FFFFFF; background-image: url('images/background2.gif'); color: #000;
         text-align: left; border: 1px solid #000; margin: 0 auto;}

.header  {background-color: #000; background-image: url('images/castek_header.jpg'); text-align: right; padding: 20px 20px 0 0; color: #93ACF2; height: 175px; font-size: 90%;}

.navigation {background-color: #FFF; background-image: url('images/navigation.jpg'); text-align: center; padding: 15px 0 0 0; color: #FFF; height: 35px; font-size: 90%; word-spacing: 30px;}
.navigation A:LINK    {color: #FFF; text-decoration: none; word-spacing: 2px;}
.navigation A:VISITED {color: #FFF; text-decoration: none; word-spacing: 2px;}
.navigation A:HOVER   {color: #FFF; text-decoration: underline; word-spacing: 2px;}
.navigation A:ACTIVE  {color: #FFF; text-decoration: none; word-spacing: 2px;}

.content {width: 480px; float: left; padding: 20px 10px; line-height: 18px; text-align: justify;}

.sidebar {float: right; width: 230px; padding: 20px 10px; font-size: 90%;}

.footer {clear: both; background-image: url('images/footer.jpg'); color: #93ACF2; text-align: center; font-size: 90%; height: 60px; padding: 20px 0 0 0; line-height: 12px;}


/* ASSIGN CLASSES TO IMAGES TO PLACE THE PHOTOS' BORDER AND ALIGNMENT */

.imageleft {border: 3px double #606060; margin: 2px 10px 2px 0px; float: left;}
.imageright {border: 3px double #606060; margin: 2px 0px 2px 10px; float: right;}