/* Default style sheet for QuiltUniversity.com */

@font-face {
    font-family: 'HeaderFont';
    src: url('http://www.quiltuniversity.com/fonts/Cantarell-Bold-webfont.eot');
    src: url('http://www.quiltuniversity.com/fonts/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.quiltuniversity.com/fonts/Cantarell-Bold-webfont.woff') format('woff'),
         url('http://www.quiltuniversity.com/fonts/Cantarell-Bold-webfont.ttf') format('truetype'),
         url('http://www.quiltuniversity.com/fonts/Cantarell-Bold-webfont.svg#CantarellBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* reset */
 html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, img, fieldset, form, blockquote 
  { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%;
    border: 0 none; outline: 0; padding: 0; margin: 0;}
table { border-collapse: collapse; border-spacing: 0;}

/* HTML Selectors */

body, h1, h2, h3, h4, h5, h6
{ font-family: Arial, Helvetica, sans-serif; }

body         
{ background-image: url('images/cream_textured_background.gif'); margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 { font-weight: bold;}

p, td, form { padding-top: 14px;}

li {margin-left: 36px;}
 
blockquote {margin-left: 40px; margin-right: 40px;}

h1, h2, h3 { font-family: HeaderFont, Arial, Helvetica, sans-serif; color: maroon; word-spacing: 1px; letter-spacing: 1px; text-align: center;
				font-size: 110%; padding-top: 14px;}  
 
h4 { font-family: HeaderFont, Arial, Helvetica, sans-serif; color: maroon; font-size: 105%; padding-top: 14px;}

h5 { font-family: Verdana, Helvetica, sans-serif; font-size: 78%; padding-top: 14px; padding-bottom: 6px;}

h6 { font-size: 70%; margin-top: 0; margin-bottom: 0 }

img {padding: 0 2px 0 2px;}

table { width: 100%; margin-left: auto; margin-right: auto }

a:link { color: blue;}
a:visited { color: blue;}
a:hover { color: maroon; text-decoration: underline;}

ul li { list-style-type: disc; margin-top: 3px;}  /* add extra leading above first level bulleted list elements */
ul li:first-line { margin-top: 0;}                  /* except on the first line */
ul ul li { list-style-type: disc; margin-top: 0;}    
ul ul ul li { list-style-type: circle; margin-top: 0;}

b { color: #002443 }         /* <b> </b> dark blue */

/* Classes */

#container { width: 656px; margin: 0 auto; padding-top: 2px; padding-left: 8px; padding-right: 8px;}

.align_img_center { display: block; margin: 0 auto;}
.align_img_left { float: left; margin-right: 6px;}
.align_img_right { float: right; margin-left: 6px;}

.button { font-family: Verdana, Helvetica, san-serif; padding: 4px 0 6px 0; margin-top: 2px; margin-bottom: 3px; margin-left: 0;
 font-weight: bold; font-size: 65%; text-align: right;}
.button li { list-style: none;	margin: 0; display: inline; background: transparent;}
.button li a { text-decoration: none; padding: 3px 0.5em; margin-left: 3px;
	  border-right: 1px solid black; border-bottom: 1px solid black; border-top: 1px solid #D7D7D7; border-left: 1px solid #D7D7D7;}
.button li a:link {	background: white; color: black;}
.button li a:visited {	background: white; color: black;}
.button li a:link:hover, .button li a:visited:hover { text-decoration: none; color: maroon; box-shadow: 2px 2px 2px gray;
	  border-right: 1px solid #6C0008; border-bottom: 1px solid #6C0008; border-top: 1px solid #FCD9C5; border-left: 1px solid #FCD9C5;}

.Caption { font-family: Arial, Helvetica sans-serif; color: black; font-size: 10pt; font-weight: bold; text-align: center;}
.Center { text-align: center;}

.blue_border { border-width: 1px 2px 2px 1px; border-color: navy; border-style: solid; border-radius: 8px; 
    font-size: 95%; margin-top: 10px; margin-left: 2.5%; margin-right: 2.5%; background: #E9E9E9; padding: 0 10px 12px 10px;}
         
.blue_border p { padding-top: 10px;}   /* 2/3 kerning between graphs in blue_border boxes */

.arial_med { font-family: Arial, Helvetica, sans-serif; font-size: 11pt;}
.arial_small { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
.verdana_small { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt;}   
.comic { font-family: "Comic Sans MS";}
.maroon_bold { color: maroon; font-weight: bold;}
.navy_bold { color: navy; font-weight: bold; font-size: 96%;}  /* 11.52 pts */
.alert { color: red; font-weight: bold; font-size: 90%;}  

.next a:link, .next a:visited { font-family: Arial, Helvetica, sans-serif; color: white; font-size: 90%; font-variant: small-caps;
     text-decoration: none; padding: 0px 9px 0px 9px; background-color: #83002C; letter-spacing: 0.10em;
     border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid black; border-right: 1px solid black;}
/*.next a:hover { color: #960014; border-bottom-color: #960014; border-right-color: #960014; } */
    
/* Printer Exceptions */

@media print
{
#container { width: 98%}

.noprint { display: none;}

h1, h2, h3, h4, h5, h6 { page-break-after: avoid;}
 
ul, ol, dl { page-break-before: avoid;}
}