/* Clean Horizontal Tabbed Menu - Curved - GRAY */

/* GRAY SCHEME */

body                  {background: #3B444B}
.container            {}
div#header            {background: url('images/penref-header.jpg'); } 
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a
		      {background-color: #FFFFFF;}
div.nav               {background: #D6D4CD; color: #262E34}
ul.nav a	      {background: #D6D4CD; color: #262E34}
ul.nav a:hover	      {background: #FFFFFF; color: #262E34}
ul.nav a:active       {background: #FFFFFF; color: #262E34}
div.content           {background: #FFFFFF; border: solid #D6D4CD;}
div.content_info      {background: #FFFFFF; border: solid #D6D4CD;}
div.sidebar-elements  {background: #D6D4CD}
div#footer            {background: #D6D4CD; border-top: solid 5px #262E34;}

/* GLOBAL LAYOUTS and FONTS */

body {
			padding: 0px;
			margin: 0px;
			color: #262E34;
			text-align: center;
			font: 85% Georgia,Verdana,"Trebuchet MS",Arial,sans-serif
}

h1, h2, p {
			margin: 0;
			padding: 0 10px;
			font-weight:normal
}


p {
			padding: 5px 10px;
}


h1 {
			font-size: 250%;
			color: #FFF;
			letter-spacing: 1px
}

h2 {
			font-size: 200%;
			line-height:1;
			color:#262E34
}





/* CONTAINERS */

div#holder {
			width:770px;
			margin: 0 auto;
			padding:0px ;
}

.container {
			padding: 0px;
			margin: 0px 0px 0px 0px;
			width: 770px;
}
	      
.container:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: "";
			clear: both;
			height: 0
}
     
.container { display: inline-block; }
* html .container { height: 1%; }
.container { display: block; }





/* HEADER */

div#header {
			padding: 0px;
			margin: 0px 0px 0px 0px;
			text-align:right;
			height: 130px;
			background-repeat: no-repeat;
}

.titleblock {
			background: url('images/curve_mirror.png') no-repeat;
			width:475px; height:90px; display:block; text-decoration:none; text-align:right; margin-left:235px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:30px; padding-right:30px; padding-top:20px; padding-bottom:20px; background-repeat:no-repeat
} 

.titleblock-title {
			color: #FFF;
 			padding: 0px;
			display: block;
			font-size: 30px;
			font-weight: bold;
}

.titleblock-summary {
			color: #FFF;
			padding: 0px;
			margin: 0;
			display: block;

}





.titleblock p {
			text-indent:4em;
			color:#3B4471;
}

.titleblock a {
			background: url('images/overlay.png');
}






/* NAVIGATION */
div.nav {
			text-align: left;
			width:100%;
			margin: 0px 0px 0px 0px;
			font-weight: bold;
			
}

ul.nav, ul.nav li {
			text-align: left;
			list-style-type:none;
			margin:0;
			padding:0;
}
			
ul.nav {		margin-left: 0px
}

ul.nav li {		
			float:left;
			margin-right: 0px;
			text-align: center
}

ul.nav li a{		
			

			padding: 5px 10px 5px 10px;
			text-decoration:none;
			display:block;
}

ul.nav a:hover{}

ul.nav a:active {}

ul.nav li.activelink a, ul#nav li.activelink a:hover {
			background: #FFF;
			
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a {border-left: solid 1px #D6D4CD ;}

div.nav:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: "";
			clear: both;
			height: 0
}
     
.container { display: inline-block; }
* html .container { height: 1%; }
.container { display: block; }








/* CONTENT */

.content-divs {
			border: 0px;
			padding: 0px;
			margin: 0px;
			border-spacing: 0;
}

TD {
			vertical-align: top
}
    
div.content {
			
			border-width: 0px 1px 1px 1px;
			text-align: justify;
			width:550px;
			padding:20px 20px;
			margin:0px 0px 10px 0px;
			float:left;
}

div.content_info {
			
			border-width: 0px 1px 1px 1px;
			text-align: justify;
			padding:20px 20px;
			margin:0px 0px 10px 0px;
}

div.sidebar-container { margin: 0px 0;
			float: right;
			width: 170px
}

div.sidebar-elements {
			padding: 10px;
			margin: 0px 0px 0px 0px;
			text-align: right;
}           

h2.sidebar-elements {
			font-size: 150%;
			line-height:1;
			color:#262E34 
}      
                                    





/* FOOTER */

div#footer {

			
			padding: 10px 10px;
			text-align:left;
			clear:both
}


div#footer p{ padding: 0px 0px; font-size: 11px; color: #262E34; }
div#footer a{ font-size: 11px; font-weight: normal; text-decoration: none;  color: #262E34; }
div#footer a:hover{ color: #262E34; text-decoration: underline; }