/*  
Theme Name: yale58
Author: Michael Sky
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font: inherit inherit 100% inherit; }
body { background-color:#C9C9DB; height:100%;}
 
#rap { position:relative; height:100%;
margin: 0 auto; width:900px;background: url(../../../images/bg2.jpg) repeat-y center top;
}
#banner {background: url(../../../images/logo1.jpg) no-repeat center top;	width:900px;height:120px;}	
#search {  float:right; margin:0; margin-bottom:-20px; z-index:100;}
#search2 {  float:right; margin:0; margin-bottom:-20px;}
#main { position:relative; width:900px; height:100%;}
#date { font-size:80%; color:#555; border-top:1px solid #555; padding-top: 10px; text-align:right; margin-top:10px;}
#content {margin-top:1px;width: 700px; float:right; padding:20px;}
#content p {color:#444; height:135%;font-size: 100%; margin-bottom:8px;}
#content strong {color:maroon; font-weight:bold;}
#content img {float:left; margin:10px 15px 15px 0; }
#content li {list-style:none}
#mainlist {overflow:scroll;float:left; padding-left:0;height:425px; width:300px; margin-top:15px;}
#mainlist li a:link,#mainlist li a:visited { font-size: 120%; line-height: 120%;color:#333; background-color:#C9C9DB;}
#mainlist li a:hover { background-color:#ddd;color:maroon;}
#text {float:left;height: 405px; width:335px; margin: 20px 0 10px 30px;}
.header { font-size:120%; height:130%; color:maroon; padding:12px 0 0 30px;}
.edit {margin-top:15px; font-size:75%;}
h1 { font-size:180%; height:150%; color:maroon; margin-bottom:5px; margin-top:0}
h2 { font-size:130%; height:150%; color:maroon; padding:23px 0 0 0;}

#footer { clear:both; background-color:#484A69; width:900px; color:#999; text-align:center;font: 80% Optima, Verdana, Arial; }
#footer a:link, #footer a:visited {color: #999;letter-spacing: 2px;font: 80% Optima, Verdana, Arial;padding:0;}
#footer a:hover { color: #fff; background:#555;letter-spacing: 2px;}

.TabbedPanelsTabGroup {margin: 0px; padding: 0px;}
.TabbedPanelsTab { color:#008; position: relative; float: left; padding: 2px 7px; margin: 0; font: 85%/135% Optima, Verdana, Arial, "Bembo Expert"; background-color: #DDD; list-style: none; border-left: solid 1px #999; border-top: solid 1px #999; border-top: solid 1px #ddd; border-right: solid 1px #ccc; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; }
.TabbedPanelsTabHover {background-color: #fff; color:maroon; }
.TabbedPanelsTabSelected {	background-color: #eee;	border-bottom: 1px solid #eee;} .TabbedPanelsTab a {color: #008;text-decoration: none;}

#TabbedPanels li {list-style:none;}
.TabbedPanels {	margin: 0px;padding: 0px;float: left;clear: none;width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}

.TabbedPanelsContentGroup {	clear: both;border-left: solid 1px #CCC;border-bottom: solid 1px #CCC; border-top: solid 1px #999;	border-right: solid 1px #999;	background-color: #eee;}
.TabbedPanelsContent, .TabbedPanelsContent2 {padding:0 30px 0px 30px;}.TabbedPanelsContent img {width: 633px;}
#TabbedPanels img {float:right; width:250px; margin:30px 15px;}
.TabbedPanelsContent a:link, .TabbedPanelsContent a:visited, .TabbedPanelsContent2 a:link, .TabbedPanelsContent2 a:visited {color:#008;}
.TabbedPanelsContent a:hover, .TabbedPanelsContent2 a:hover {color:maroon; background:#ddd;}.TabbedPanelsContent2 img {width: 130px;}
.tpContent ul { margin-bottom:3px;}
.tpContent li { font-size: 85%; letter-spacing:1px;list-style-type:none; color:#555; padding-left:15px;}
.tpContent a:link, .tpContent a:visited  {color:#008;text-decoration:none;width:250px; display:block;background-color:#ccc; padding:8px;}
.tpContent a:hover { background-color:#999; color:#eee;}

#menu { float:left;}
#p7PMnav, #p7PMnav ul {	margin: 0;	padding:0;width: 160px;}
#p7PMnav li {list-style-type: none;	margin: 0;	padding: 0;}
#p7PMnav ul {	z-index: 10000;}
#p7PMnav a, #p7PMnav ul a {	display: block;font: 90% Optima, Verdana, Arial, "Bembo Expert";
	text-decoration: none;	background-color: #415485;line-height:1;
	padding: 4px 10px;	color: #eee;	border: 1px solid #495F96;}
#p7PMnav a:hover { color: #333333; letter-spacing: .01px; background: #fff url(../../../../p7pm/img/p7PM_sapphire.jpg) no-repeat right center; }

.address { margin-bottom:8px;}.addressT { margin:4px 0 8px 0; }
.label {color:#maroon;}
.TabbedPanelsTab2 a:link, .TabbedPanelsTab2 a:visited { color:#008; position: relative; float: left; padding: 2px 7px; margin: 0; font: 85%/135% Optima, Verdana, Arial, "Bembo Expert"; background-color: #DDD; list-style: none; border-left: solid 1px #999; border-top: solid 1px #999; border-top: solid 1px #ddd; border-right: solid 1px #ccc; -moz-user-select: none; -khtml-user-select: none; cursor: pointer;text-decoration:none; }
.TabbedPanelsTab2 a:hover {background-color: #fff; color:#f00; text-decoration:none; }