@charset "UTF-8";
/* CSS Document */


body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/bg-greyBars.jpg) repeat-x #666;
text-align:center;
}

p, h1 {
margin:0;
}

h2  {
color:#6D75B6;
font-style:italic;
font-size:16px;
margin-left:12px;
}

h3  {
color:#666;
font-style:italic;
font-size:14px;
margin-left:12px;
font-weight:bold;
}


a, a:link {
color:#6D75B6;
}

a:hover {
color:#666;
text-decoration:none;
}


#container {
width:845px;
w\idth:841px; /* all browsers BUT IE5 understand this so the width is 845 for all.  Get it?*/
margin:10px auto 10px auto;
border-left:4px solid #6D75B6;
border-bottom:4px solid #6D75B6;
overflow:hidden; /* THIS LINES THINGS UP RIGHT IN IE6!!!!  Without this it looks like the header image hangs over the side. */
/*border-right:1px solid red;*/
text-align:left;
}

#header {
background:#666;
height:200px;
}


/* ########################################## NAV START ############################  */


#nav {
background:#666 url(../images/bg-nav-right.jpg) no-repeat top right;
height:26px; /* This is the perfect height */
width:100%;
margin-top:0px;
/*margin-left:28px;*/

}

/* NOTE TO SELF:

	"Tabs" refers to the DIV
	"MainTabs" refers to the UL
	
*/

#Tabs {
	margin: 0 0 0 0px;
	height: 25px;
	padding: 0;
	width:100%;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}


div#Tabs a:link,
div#Tabs a:visited {
  text-decoration: none;
}


 #Tabs a:link, #Tabs a:visited {
    background-color: #666;
    color: #fff;
	border-top: 1px solid #666;
/*    border-right: 1px solid #fff;*/
    border-bottom: 1px solid #666;
  }

  #Tabs a:hover {
    color: #000;
    background-color: #efefef;
    border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
  }

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 4px 18px 6px 18px;
	margin: 0;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
	background: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	color: #666;
	text-decoration: none;
  margin: 0;
}


/* ########################################## NAV STOP ############################  */

#content {
background: url(../images/bg-content-right.jpg) repeat-y top right #fff;
width:100%;
}

#contentSpacer {
float:left;
width:540px;
margin: 20px 0 20px 0;
/*border:1px solid green;*/
background:#fff;
}


#contentSpacer p {
margin:12px;
}

#contentSpacer li {
margin: 10px 0;
list-style-image:url(../images/bullet-cool.jpg);
}

/* ##########################################################################################################################  SIDEBAR START ############################  */

#sidebar {
float:right;
margin: 50px 0 20px 0;
width:280px;
/*overflow:hidden;*/ /* Needed for IE6 else the sidebar appears wider than 228 */
text-align:center;
/*border: 1px solid red;*/
height:600px;
background:url(../images/sidebar-shadow-left.jpg) no-repeat top left;
}


#sidebar img {
margin-top:20px;
border:solid 2px #666;
}


#sidebar p {
margin:10px 35px;
text-align:left;
}

#sidebar h2 {
margin:10px 35px;
text-align:left;
}


/* from Listamatic - http://css.maxdesign.com.au/listamatic/vertical13.htm# - START */

#navcontainer_vertical {
/*background: #f0e7d7;*/
/*width: 100%;*/
/*margin: 0 auto;*/
margin: 0 20px 0 25px; /* ##########################  THIS CONTROLS THE SPACE BETWEEN THE LIST AND THE DIV!!!!!!   ###########################  */
padding: 1em 0;
/*font-family: georgia, serif;*/
font-size: 12px;
text-align: center;
/*text-transform: lowercase;*/
}

ul#navlist_vertical {
text-align: left;
list-style: none;
padding: 0;
/*margin: 0 auto;*/
margin: 0; /* THIS FIXED IT!!!!!  The "auto" on the margin was frakking me!!!!!!*/
width: 100%;
}

ul#navlist_vertical li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist_vertical li a
{
display: block;
width: 100%;
padding: 0.7em 0 0.7em 1em;
border-width: 1px 0;
border-color: #8f8f8f;
border-style: solid;
color:#fff;
text-decoration: none;
background: #666;
}

#navcontainer_vertical>ul#navlist_vertical li a { width: auto; } /* The IE5 and be-nice-to-opera hack? CSS book, page 259*/

ul#navlist_vertical li a.current
{
background:#6D75B6;
color:#fff;
}

ul#navlist_vertical li a:hover, ul#navlist_vertical li#active a:hover
{
color:#fff;
background:#333;
border-color: #aaab9c #fff #fff #ccc;
}

/* from Listamatic - http://css.maxdesign.com.au/listamatic/vertical13.htm# - STOP */

/* ##########################################################################################################################  SIDEBAR STOP ############################  */

#clearbox {
clear:both;
}

#footer {
background:#6D75B6;
font-size:10px;
color:#ccc;
text-align:center;
height:20px;
/*margin-top:10px;*/
padding-top:10px;
width:100%;
}

#footer a, #footer a:link {
color:#CCC;
}

#footer a:hover {
color:#fff;
}

#file_not_writable
{
    color:#ff0000;
    background-color:#999;
}

.quote-warm {
padding:10px;
border: 2px solid #A54040;
background:#EEE;
font-style:italic;
font-size:12px;
}

.quote-cool {
padding:10px;
border: 2px solid #6D75B6;
background:#EEE;
font-style:italic;
font-size:12px;
}



/* BORDER PATROL */

/*#contentSpacer {
border:1px solid green;
}

#sidebar {
border: 1px solid red;
}

#navcontainer_vertical {
border: 2px solid green;
}

ul#navlist_vertical {
border: 1px solid blue;
}
*/