/* Greg Pettit (c) 2007 */

body{
background: url(img/body_bg_red.png) repeat-x;
margin:0;
padding:0;
overflow:scroll;
*overflow:visible;
}

/* general stuff */
p{
line-height:1.5em;
margin:0 0 15px;
}

a{
color:#7f0000;
text-decoration:none;
font-weight:500;
}

a:hover{
color:#d04a10;
}

hr{
height:1px;
margin:10px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}

/*contains all of the divs that make up the page and sets default font*/
#container{
margin:0 auto;
text-align:left;
font:76% Minion,Georgia,Palatino,Antigua,Times,serif;
width:830px;
}

/*title div spans top of container.  Remove background image and replace with text if
so desired*/
#title{
background:url(img/GregDPettit_title.gif) 48% 50% no-repeat;
text-align:center;
color:#fff;
font-family:OptimaLT,Verdana,Arial,sans-serif;
font-size:1.9em;
height:100px;
margin:0;
}

/*contains 3 columns.  Middle column also contains the navigation div*/
#column_container{
width:830px;
}

/*side columns.  very general sizes and float given with the divs, and
the rest defined by classes that are shared by both*/
#rightside, #leftside{
padding:110px 0 0 0;
width:150px;
}

#rightside{
float:right;
}

#leftside{
float:left;
}

.sidebar-box {
font-family:Optima,Verdana,Helvetica,Arial,sans-serif;
font-size:0.9em;
line-height:1.5em;
color:#505050;
margin:0;
padding:0;
}

.sidebar-box h3{
color:#000;
font-size:1.4em;
font-weight:400;
}

.sidebar-box p{
padding:0 0 0 1em;
}

.sidebar-box ul a{
color:#505050;
}

.sidebar-box ul a:hover{
text-transform:lowercase;
font-style:italic;
color:#7f0000;
}

.sidebar-box ul{
margin:0;
list-style:none;
font-size:1.1em;
font-weight:500;
position:relative;
padding:0 0 2px 1em;
}

.sidebar-box ul ul{
margin:0;
list-style:none;
font-size:0.9em;
padding:1px 0 1px 1.5em;
}

.sidebar-box li{
padding:0 0 4px 0;
}

/*middle column.  20 pixels narrower than it would take to fill the
remaining space, to allow for padding or border changes*/
#middle{
width:510px;
float:left;
}

/*nav goes at the top of the middle column*/
#nav {
	float:left;
	clear:both;
	width:510px;
}

#nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#nav a{
	background:url(img/tabs.png) no-repeat 100% 0;
	color:#808080;
	display:block;
	font-size:1.2em;
	font-family:Optima,Verdana,Helvetica,Arial,sans-serif;
	letter-spacing:-1px;
	padding:7px 20px 4px 11px;
	text-decoration:none;
}

#nav a:hover{
	color:#000;
}

#nav li{
	background:url(img/tabs.png) no-repeat 0 0;
	float:left;
	margin:0 3px 0 0;
	padding:0 0 0 9px;
}

#nav #current{
	background:url(img/tabs.png) no-repeat 0 -41px;
}

#nav #current a{
	background:url(img/tabs.png) no-repeat 100% -41px;
	color:#7f0000;
	font-style:italic;
	padding:7px 20px 4px 11px;
	text-transform:lowercase;
}

/*container for the main content area, below the nav*/
#content_box{
	background:#FFF;
	float:left;
	width:510px;
	border-right:1px solid gray;
	border-left:1px solid gray;
	border-bottom:1px solid gray;
}

/*definitions for presentation of main content*/
#content{
padding: 10px 30px 0 30px;
}

#content p{
margin:8px 0 0 10px;
color:#333;
}

#content ul{
list-style-image: url(img/bullet.gif);
padding: 0;
margin-left: 25px;
}

#content li{
padding:4px;
margin: 0;
}

#content h1{
color:#505050;
font-family: Optima,Verdana,Helvetica,Arial,sans-serif;
font-size:2em;
font-weight:400;
letter-spacing:-1px;
margin:15px 0 10px;
}

#content h2{
color:#505050;
font-family: Optima,Verdana,Helvetica,Arial,sans-serif;
font-size:1.5em;
font-weight:400;
margin:20px 0 10px;
padding:0;
}

#content img{
border:1px solid #7f0000;
float:left;
margin:5px 15px 6px;
}

/*footer goes inside middle content.  Borders and colours need
to match up properly to middle content*/
#footer{
color:#a0a0a0;
font-size:0.9em;
height:26px;
margin-top:20px;
text-align:center;
width:510px;
}

#footer a{
color:#a0a0a0;
font-weight:400;
}

#footer i{
color:#797979;
font-weight:400;
}
#footer a:hover{
color:#a0a0a0;
text-decoration:underline;
}

/*various class definitions*/
.intro{
font-weight:700;
}

.soft{
color:#808080;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
font-size:0.75em;
}

.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.normal{
font-weight:400;
}

.center{
text-align:center;
}

.hide{
display:none;
}