/* pallett */
/* black */
/* white */
/* red */
/* #666; grey */
/* #e0934d;  light wood*/
/* #3a3a98;  bright blue */



/*removing default styles*/
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,dl,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
address { font-style:normal; }
table {font-size: 90%;} /*Fixes IE inheritance failure */
th, td {vertical-align:top;}

/* to force ht to 100% of viewport ------------*/
html, body, #outerwrap
 		{
	min-height:  100%;
	width:  100%;
	height:  100%;
		}
		
html>body, html>body #outerwrap
		{
		height:  auto;
		}	
		
#outerwrap	{
	position:  absolute;
	top:  0;
	left:  0;
			}		

/* end force ht to 100% of viewport ------------*/


body{
					font-family: 					Georgia,"Times New Roman",serif;
					color:							#666; /* grey */
					background-color:			white;
					background-image:			url(/images/background_tile.jpg);
					background-repeat:			repeat-x;
					font-size:						100%;
					}
h1{
					font-family:					Arial,Helvitica,sans-serif;
					letter-spacing: 				.3em;
					font-size:						200%;
					color:							#666;
					margin-bottom:					2px;
					}
h2{
					font-family:					Arial,Helvetica,sans-serif;
					font-size:						160%;
					color:							#3a3a98; /* bright blue */
					padding-bottom:				20px;
					padding-top:					50px;
					}
h3{
					font-family:					Arial,Helvetica,sans-serif;
					font-size:						120%;
					color:							#3a3a98; /* bright blue */
					padding-top:					50px;
					padding-bottom:				10px;
					font-variant:					small-caps;
					line-height:					1.3em;
					}
h4{
					font-family:					Arial,Helvetica,sans-serif;
					color:							#000;
					font-size:						100%;
					font-weight:					bold;
					margin-top:					20px;
					margin-bottom:				0px;
					padding:						5px 0px 2px 0px;
					}
					
ul{
					font-size:						90%;
					padding-bottom:				20px;
				}
li{
					padding-bottom:				4px;
					}
blockquote{
					font-style:						italic;
					margin-left:					20px;
					margin-right:					20px;
					font-size:						90%;
					margin-bottom:				10px;
					line-height:					1.5em;
					text-align:						justify;
				}


div.section{
					page-break-after:			always;
					}
div.general_section{
					padding:						10px 0 20px 0;
					width:							98%;
					}

.red{
					color:							red;
					}
.strong{
					font-weight:					bold;
					}
.alert{
					color:							red;
					font-weight:					bold;
					}
.fineprint{
					font-size:						70%;
					}
					
.spacer{
					height:							2em;
					width:							100%;
					}

.center{
					text-align:						center;
					}
	
.clear{
					clear:							both;
					}
					
.breadcrumbs{
					padding-top:					30px;
					margin-left:					10px;
					font-size:						90%;
					font-family:					Verdana,Arial,Helvetica,sans-serif;
					}

p{
					margin-bottom:				12px;
					line-height:					1.5em;
					color:							#666; /* grey */
					font-size:						90%;
					text-align:						justify;
				}
p.lead{
					margin-top:					20px;
				}
				
p.lead:first-letter{
								font-size:			180%;
							}
p.lead:first-line{
					font-family:					Arial,Helvetica,sans-serif;
					letter-spacing:				0.2em;
					line-height:					1em;
					}
					
h4.event_title{
					font-family:					Arial,Helvetica,sans-serif;
					font-size:						100%;
					letter-spacing:				0.15em;
					line-height:					1.5em;
					color:							#333;
					}
.footer_text{
					color:							white;
					margin-left:					80px;
					margin-top:					2px;
					font-family:					Arial,Helvetica,sans-serif;
				}

	
/* Styles for common links */
a:link {
                    text-decoration:        		none;
                    color:							#e0934d; /* light wood*/
					}
a:visited {
                    text-decoration:        		none;
                    color:							#e0934d; /* light wood*/
                    }
a:active {
					text-decoration:        		underline;
					color:							white;
					background-color:			#e0934d; /* light wood*/
                    }
a:hover{
                    text-decoration:        		underline;
					color:							white;
					background-color:			#e0934d; /* light wood*/
                    }
                    
                    /* Styles for reverse links */
a.reverse_link:link {
                    text-decoration:        		none;
                    color:							white; /* light wood*/
					}
a.reverse_link:visited  {
                    text-decoration:        		none;
                    color:							white; /* light wood*/
                    }
a.reverse_link:active  {
					text-decoration:        		underline;
					color:							yellow;

                    }
a.reverse_link:hover {
                    text-decoration:        		underline;
					color:							yellow;

                    }
                    
                    
/* images */
#roger{
				margin-top:	30px;
			}                    
                    
/* divisions */
				
#header{
				margin: 		auto;
				}
				
#navigation{
					position: 	absolute;
					top: 			304px;
					left:			  80px;
					width:		250px;
					font-size:	110%;
					}
#navigation ul li{
						padding-bottom: 10px;
					}
					
#content{
				margin-left: 	350px;
				margin-right: 	150px;
				margin-top:	40px;
				padding-bottom:40px;
				}
#ucm_content{
	            font-family: Verdana, Arial, Helvetica, sans-serif;
	            font-size: 90%;
				margin-left: 	40px;
				margin-right: 	40px;
				margin-top:	40px;
				padding-bottom:40px;
				width:90%;
				}
#footer{
				background-color:#e0934d;/* light wood*/
				bottom:0;
				height: 20px;
				position: absolute;
				width:100%;
				font-size:70%;
				text-align:center;
			}
#footer_links{
					padding-left:220px;
				}
#jo_promo{
					padding-left:50px;
				}