/************** CUTEC GENERAL DOCUMENT TYPE 1 **************/




.content {padding: 0 0 0 20px;}
.content h1 {padding: 30px 30px 0 0; font-size: 130%; font-family: verdana;}

.content h2 {padding: 30px 30px 0 0; color: #003366; font-size: 85%; text-transform: uppercase; font-weight: bold;}
/* #cutec_doc1 h2 {padding: 30px 0 0 0; color: #6F0000; font-size: 110%; font-weight: bold;} */
.content h3 {padding: 20px 30px 0 0; color: blue; font-size: 75%; font-style: italic;}
.content p {padding: 20px 30px 0 0; font-size: 75%;}

/* same as the welcome rule */
/* #cutec_doc1 div.hr {margin: 5px 0 0 0;  padding: 1px 0 0 0;
                       border-top: solid 1px #A10615;} */


.content ul {margin: 5px 0 0 30px; padding: 0}
.content li {padding: 2px 0 0 0; font-size: 75%; list-style-image:url(bullet.gif);}
.content em.quote {font-weight: bold; color: #444444}
.content img.thumbnail {vertical-align: middle; margin: 5px; border: 1px solid blue;}


/* .content img.album { vertical-align: top; margin: 6px; padding: 6px border: 1px dashed #AAA; } */



.content input {color: black; background: white; border: 1px solid #A8A8FF; }
.content input.submit {color: black; background: white; border: 2px outset #A8A8FF }
.content form {align: right;}

/* the album has an unwanted float here that messed up the pictures
that I tried to implement with the TVC 2009
DO: find the other instances of this class and re-write*/

.content .album {border: 1px dashed #AAA; padding: 7px 7px 7px 7px; margin: 7px; float: left}
.content .album img {border: none}

.content img.tvc_album { vertical-align: top; margin: 6px; padding: 6px; border: 1px dashed #AAA; }