/* layoutstyles.css */

/* Background color of box images: #b0c4d0
   Border of box images: #7e97a6 */

/* Eliminate browser default margins and padding */
*{
    margin:0;
    padding:0;
}

body {
	background: url(images/backgroundSwirl.jpg);
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:85%;
}

#wrapper{
   width: 65em;
   background-color: #d3f0f9;
   margin: 1em auto;
   position:relative;
} 

/********** Major layout divisions **********/
#branding{
    /* For absolutely-positioned hyperlinks */
    position:relative;
}   

#branding img{
    width:99.5%;
}

/********** Branding division styles **********/
#branding a{
    /* Postions are set in tags in layout.htm  */
    position:absolute;
    text-decoration:none;
    color:#000;
}

#branding a:link, #branding a:visited{
   color:#000;
}

#branding a:hover{
    color:#090;
}
#branding a:active{
    color:#1bb498;
}

/* Fixes the mysterious image gap */
#branding img{
    display:block;
}

/********** Leftcolumn division styles **********/
#leftcolumn{    
   
    width:12em;
    float:left;
    text-align:center;
    /* For absolutely-positioned leftcolumn */
    position:absolute;
    top: 31em;
    left:0;    
    
}

#leftcolumncontent{
    background:#b3e8f9;   
    border-left:solid 0.1em #7e97a6;
    border-right:solid 0.1em #7e97a6; 
    padding: 4px;
}

/* Applies to images in the leftcolumn div 
#leftcolumn img{
    width:80%;
}
*/

/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
    padding:0.2em;
    width:80%;
    margin:0.5em auto;
    line-height: 1.5em;
    text-align:left;
    font-size:1em;

}

/********** Navbar division styles **********/
   
#navbar{
    background:transparent; 
	height:2em;	 
	/* For absolutely-positioned navbar */
	position:absolute;
	top:27em; 
	left:0;  
    width:65em; /* Same as layout width */
    z-index:100;
    border:none;
    margin-left: 0em;
}


#navbar ul{
	list-style-type:none;
	position:relative;
	left:2em;
	top:1px;
	z-index:101;
	font-size:1em;

}

/* List items in the navbar */
#navbar li{
	float:left;
	position:relative;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
    color:#535656;
	background:transparent;  
	display:block;
	height:2em;
	width:9em;
    /*border-right:solid 2px #7e97a6;*/
    line-height:1.85em;
    margin-top:2px;
    text-align:center;
    outline-style:none;
    font-weight: bold;
}


/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active {
    background:#a4b8fd;
    color:#fff;
}

#navbar li.selected a:link,
#navbar li.selected a:visited{
	color: #3d7479;
}

#navbar li.selected a:hover{
	color: #fff;
}


/********** Content division styles **********/
#content{
    /* Left margin must match leftcolumn width */
    margin-left:12em;
    background-color:#fff;
    color:#000;
    padding:4em 10px 10px 20px;
    
}

/* Applies to paragraphs in the content division */
#content p{
    font-size:1.25em;
    margin:0.5em;
    line-height:1.4em;
}

/* Applies to all lists in the content division */
#content ul, #content ol{
    font-size:1.2em;
    padding:0.25em 0 0 40px;
}
/* A little extra space between lines in list */
#content li, #content li{
    padding-bottom:0.5em;
}

/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3, #content h4{
    font-family: Georgie, Times, Serif;
    color:#3d7479;
    padding-bottom: 10px;
}



/* Size h1 headings in the content division */
#content h1{
	font-size:2.6em;
}

/* Size h2 headings in the content division */
#content h2{
	font-size:2.2em;
}
	
	
	/* Size h3 headings in the content division */
#content h3{
	font-size: 1.9em;
	
	
	/*border-bottom: 3px solid #a02228;
	text-decoration: underline;
	width: 87%;*/
}


/* Size h4 headings in the content division */
#content h4{
	font-size:1.4em;
}

	
iframe {padding: 15px;
}




.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

hr {
	background-color:#3d7479;
	height: 3px;
	width: 95%;
	margin-left: 5px;
}

.border{
	border-right:solid 0.1em #7e97a6; 
}

.bold3 {
	font-weight: bold;
	font-size:1em;
	font-family:arial, helvitica, geneva, sans-serif;
}

.feature {color: red; text-align: center; 
			
}

.bold4 {font-weight: bold;
	font-size:1em;
	font-family:arial, helvitica, geneva, sans-serif;
	background: #d3f0f9; padding:.5em;
}

.blockyellow {
	background-color: #b6f1f5;
	border: 1px solid #000;
	margin: 2em;
	padding: 1em;
}    

.blockyellow2 {
	background-color: #f2e14f;
	border: 1px solid #000;
	margin: 1em;
	padding: .5em;
	width: 10em;
}    


.blockyellow3 {
	background-color: #f2e14f;
	border: 1px solid #000;
	margin: 1em;
	padding: .5em;
	width: 30em;
}    





/********** Footer division styles **********/

#footer{
    position:relative;
    left:0;
    text-align:center;
    font-size:1em; 
    height:3em;
    left: 5em;
}


/* Footer unvisited and visited links */
#footer a,
#footer a:link,
#footer a:visited{
    /* No underline on links */
    text-decoration:none;
    position:relative;
    top:0.4em;
    z-index:102;
    border:0;
}

/* Footer hover and active links */
#footer a:hover,
#footer a:active{
    color:#a02228;
    border:0;
}

#footer2 p{
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: 0.8em;
	text-align: right;
	color: #000;
	width: 80%;
	margin: auto;
	padding: 0.5em;
	/*background-color: #cfd4e0;
	*/
	
}

hr {
	color: #a02228;
}

/*************** General styles ************/
.hotkey{
    text-decoration:underline;
}

/* Acronyms and abbreviations */
    acronym,abbr{
        border-bottom:dotted 1px #333;
        cursor:help;
}

/*********** Printer-Friendly Styles **********/
@media print{
/* Start printer-friendly styles */

/* Printer only-Make wrapper the full page width */
#wrapper{
    width:100%;
}

/* Printer only-Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
    display:none;
}

/* Printer only-Get rid of content div margins and 
   padding. Use a different font for print */
#content{
    margin:0;
    padding:0;
    font-family:'Century Schoolbook', Times, Serif;
    font-size:1em;
}
/*End printer-friendly styles */
}