/*********************************************/
/* MDIA 4303 - Alan Colquhoun, November 2012 */
/*********************************************/

/* The global font size is set to 90% as  */
/* most browsers' normal font size is too */
/* large, at least when using Verdana     */

@import url(chords2.css);
@import url(chords3.css);
@import url(chords4.css);
@import url(chords5.css);
@import url(chords6.css);
@import url(chords7.css);
@import url(chords8.css);
@import url(chords9.css);

body {
   font-family:     Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
   font-size:       90%;	/* Allow IE/Win to resize the document */
   color:           #ffffff; 
   background:      #123;
   margin:          0; 
   padding:         20px;
   border:          none;
}

.hidden {				/* Used for content that should be displayed */
						/* by non-stylesheet-aware browsers          */
   display:         	none !important;
}

.notprinted {			/* Used for content that should not be */
}				        /* printed to paper                    */

#mainlink {				/* "Skip to main content" link */
   display:         	none !important;
}

/* Headings */

h1,				/* Headings (H1-H6) -- used in main content area */
h2,				
h3 {
   font-weight:     bold;
   text-align:      left;
   margin:          1.5em 0 0 0;
   padding:         0;
}

h4,
h5,
h6 {
   font-weight:     bold;
   text-align:      left;
   margin:          1.25em 0 0 0;
   padding:         0;
}

h1 { font-size:     175% }
h2 { font-size:     145% }
h3 { font-size:     120% }
h4 { font-size:     105% }
h5 { font-size:     80%  }
h6 { font-size:     65%  }

#leftcrc h4 {
	text-align: center;
	padding-right: 150px;
}

html/**/>body #leftcrc h4 {
	padding-right: 35px;
}
	
/* Anchors */

a:link {
   text-decoration: none;
   color:           #0066CC;
   background:      transparent;
}

a:visited {
   text-decoration: none;
   color:           #003399;
   background:      transparent;
}

a.nav:hover,
a.nav:active {
   text-decoration: underline;
}

/* Block elements */

p {
   margin:          1em 0;
   padding:         0;
}

/********** Styles for Header **********/

/* In this style sheet, headers are composed */
/* of three parts: left, right and subheader */

#header {			/* Warning: not printed out on paper */
   color:           #ffffff;
   background:      #000000;
   border: 			3px solid red;
   padding:         15px 0 0 0;
}

#header a:link,
#header a:visited {
   color:           #003399;
   background:      transparent;
}

#header .highlight,
#header a.highlight:link,
#header a.highlight:visited {
   color:           white;
   background:      transparent;
}

#header div.left {
   float:           left;
   clear:           left;
   margin:          0;
   padding:         0 0 15px 15px;
}

#header div.left,
#header div.left a:link,
#header div.left a:visited {
   font-size:       200%;
   font-weight:     bold;
   text-decoration: none;
   color:           white;
   background:      transparent;
}

#header div.left p {
   margin:          0 0 0 0.25em;
   padding:         0;
}

#header div.left .alt {
   color:           yellow;
   background:      transparent;
}

#header div.right {
   font-size:       90%;
   text-align:      right;
   margin:          20px 30px 0 0;
   padding:         0.5em 1.17em 0.5em 1.0em;
   float:           right;
   clear:           right;
   color: 			#000000;
   background:		#ffffff;
   border:			3px solid yellow;
}

#header div.right a:link,
#header div.right a:visited {
   margin:          0;
   padding:         0 0.5em;
}

#header div.subheader {
   color:           white;
   background:      #003399;
   margin:          0;
   padding:         5px 0 0 5px;
   border:          1px solid #003399; /* Required for IE/Win */
   clear:           both;
   height:          40px;
}

#header div.subheader p {	/* To overcome an IE/Win unwanted padding */
						/* bug, still present in IE7.             */
   margin:          0;
   padding:         0.5em;
}

#header div.subheader a:link,
#header div.subheader a:visited {
   font-weight:     bolder;
   color:           white;
   background:      transparent;
   margin:          0;
   padding:         0 0.5em;
}

#header div.subheader .highlight,
#header div.subheader a.highlight:link,
#header div.subheader a.highlight:visited {
   color:           yellow;
   background:      black;
   margin-left: 	10px;
   margin-right:    10px;
   padding: 		4px 6px;
   border:			2px solid white;
}

/********** Styles for Content **********/

/* The content area is divided into     */
/* two secions: #navhead and #main      */

#navhead {			/* "Path to this page" information */
				    /* Warning: not printed out on paper */
   font-size:       90%;
   margin-top:      0;
   padding:	        5px 5px 5px 15px; 
   border:			3px solid black;
}

#main {
   line-height:     1.5;
   color:           black;
   background:      white;
   margin:          0;
   padding:         35px;
   border-left:	    3px solid red;
   border-right:    3px solid red;   
}

#main h1 {			/* Should be used once, following navhead */
   color:           #000000;
   background:      transparent;
   margin:          0;
   padding-top:     30px;
}

#leftside {
	float: left;
	width: 60%;
}

#rightside {
	float: right;
	width: 40%;
}

#leftpht {
	float: left;
	width: 45%;
}

#rightpht {
	float: right;
	width: 40%;
}

#leftcrc {
	float: left;
	width: 37%;
}

#rightcrc {
	float: right;
	width: 60%;
}

#descr {
	font-size: 24px;
	padding-left: 140px;
	font-weight: bold;
}
	
#endmain {
   visibility:      hidden;
   clear:           both;	/* Doesn't always work under IE/Win */
}

/******** Style for Floating Box *********/
				
.floatbox
{	
   overflow:        visible;
   font-size:       95%;
   line-height:     1.25;
   float:           right;
   clear:           right;
   color:           black;
   background:      white;
}

/********** Styles for Footer **********/

#footer {
   font-size:       90%;
   text-align:      left;
   color:           white;
   background:      black;
   margin:          0;
   padding:         15px;
   clear:           both;
   border:			3px solid red;
}

#footer a:link,
#footer a:visited {
   text-decoration: underline;
   color:           white;
   background:      transparent;
}