/* This is a global stylesheet with the styles that are the same for all skins.  Color and image styles related to each specific skin go in the stylesheet.css file in each skin folder. */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial sans-serif;
	font-size: 12px;
	text-align: center;
	color:#424242;
	background: #EEE url('../images/mainbg.gif');
	line-height:160%;
	}

a, a:link, a:active, a:visited {
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}
	
#container {
	width:100%;
	height:100%;
	background: url('../images/layout-bg.png') repeat-y fixed top center;
	margin:-75px 0 0 0;
	}

#layout {
	width:960px;
	margin: 0 auto;
	background: #FFFFFF;
	}

#layout2 {
    clear: both;
	width:960px;
	margin: 0 auto;
	background: #FFFFFF;
	}

#header {
	width:100%;
    background-color: #393939;
	height: 149px;
	}

#navigation {
	height:50px;
	text-align:left;
	width:100%;
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	text-align:left;
	color: #FFFFFF;
	text-transform:uppercase;
	padding:1px 0 0 0;
	}

#breadcrumb {
    text-align: left;
	}

#mainarea {
    width:910px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:150%;
	text-align: justify;
	color:#424242;
	margin: 0;
	padding: 25px;
	}

html > body #mainarea {
    width: auto;
	}

#content {
	width: 610px;
	float:left;

	}

#sidebar {
	width:260px;
	float:right;
	padding: 0 0 0 20px;
	}


#clear, .clear {
	clear:both;
	height:0;
	}

#footer {
	clear:both;
	color: #FFFFFF;
	font-size:11px;
	padding:10px;
	width:940px;
	text-align:center;
	margin:0;
	background: #111;
	border-top: solid 1px #333;
	}

#lower{
	clear:both;
	color: #FFFFFF;
	font-size:11px;
	padding:25px;
	width:910px;
	text-align:center;
	margin:0;
	background: #222;
	}
p, center {
margin: 10px 0 15px 0;
padding: 0;
}


blockquote {
margin: 10px 25px;
padding: 0;
}

.right {
   text-align: right;
}

.center {
   text-align: center;
}

.spot-left {
	width:120px;
	float:left;
	padding: 0 9px 0 0;
}

.spot-right {
	width:120px;
	float:right;
	padding: 0 0 0 9px ;
	border-left: solid 1px #DDD;

}
	
/* Content */
.divider {
	width:100%;
	height:1px;
	border-top: dotted 1px #EEE;	
	margin: 15px 0;
	}
	
.content-welcome {
	width:360px;
	float:left;
}

.content-tfl {
	width:220px;
	float:right;
	color: #666;
	padding: 0 0 0 20px;
	border-left: dotted 1px #EEE;	
}

.recent-update-first {
	float: left;
	width:194px;
	padding: 0 10px 0 0;

	border-right: dotted 1px #EEE;
	}
.recent-update {
	float: left;
	width:189px;
	padding: 0 10px;

	border-right: dotted 1px #EEE;
	}
.recent-update-last {
	margin:0;
	float: right;
	width:180px;
	margin: 0;
	padding: 0 0 0 10px;

	}
h1 {
	display:none;
	}

h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight:normal;
	text-transform:capitalize;
	padding:10;
	margin: 0px;
	}
h3.update_entry_date {
	color: #a6e0f4;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight:normal;
	text-transform:capitalize;
	padding:4px 0;
	margin: 0px;
}
h3.update_entry_title {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight:normal;
	text-transform:capitalize;
	padding:0;
	margin: 0px;
	}
h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	padding: 0;
	margin: 0px;
	}
h2.first {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	padding: 0;
	margin: 0px;
	}
	
#content h3 {
   text-align: left;
   }

h4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #424242;
	font-weight:bold;
	text-align:center;
	margin:0px;
	padding: 4px 0 4px 0;
	}


h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #424242;
	font-weight:bold;
	margin: 15px 0 5px 0;
	padding: 0;
	}

p.spacer {
	height:15px;
	}

/* main page updates */

/* Sidebar & Menu */


.menutitle{
	cursor:pointer;
	margin-bottom: 3px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	padding:3px;
	text-align:left;
	}

.submenu{
	margin-bottom: 0.5em;
	}

#masterdiv ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	line-height:normal;
	}
	
#masterdiv li {
	padding-right:4px;
	padding-top:0px;
	padding-bottom:3px;
	display:block;
	text-transform:capitalize;
	margin:0px;
	line-height:normal;
	}


/* lower div - support & etc */



.foot-left {
	width: 48%;
	float:left;
	text-align:left;
	}

.foot-right{
	width: 48%;
	float:right;
	text-align:left;
	}


/* Updates Blog */
h2.blog_date {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:left;
	padding-left:3px;
	margin: 0px;
	}

h3.blog_title {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:left;
	padding:3px;
	margin: 0px;
	}

div.blog_timestamp {
	text-align:right;
	font-size:9px;
	color: #AAAAAA;
	text-transform:uppercase;
	}

div.blog {
	margin-bottom:20px;
	}

div.blog_search {
	text-align:center;
	}


/* Main Content Classes */

div.center {
	text-align:center;
}


/* Forms */
input, textarea, option, select {
	font-family: "Verdana", "Arial", "Tahoma";
	font-size: 12px;
	color: #424242;
	background:#FFFFFF;
	padding:4px;
	}

.paypalbutton input {
    background: none;
	border: 0;
}

.newform .form, .newform textarea {
width: 400px;
}

.newform .checkbox {
background-color: transparent;
border: 0;
}

.newform select {
padding: 0;
}

.newform option {
border-top: 0;
}


/* The Listings */
.thelistings span {
	padding:2px 1px;
	margin:0px;
	display: block;
	color:#888;
	}
.thelistings span.two {
	background-color: #fff;
	margin:0px;
	}


/* staff profiles */

img.staffprofile {
float: right;
margin: 0 0 15px 10px;
}

p.vitalstats {
text-align: left;
}

/** 
 * Messages
 */ 
.errorButton p, 
.successButton p {
 margin: 0 0 15px 0;
}

.errorButton p.last, 
.successButton p.last {
 margin: 0;
}

.errorButton {
 background-color: #EBCDCD;
 border: 1px solid #D48E8E;
 margin: 0 0 15px 0;
 padding: 10px;
}

.errorButton a {
 color: #781E1E;
}

.errorButton span.image {
 background: url(images/famfamfam/error.png) top left no-repeat;
 display: inline;
 height: 16px;
 padding: 0 0 5px 21px;
 width: 16px;
}

.error {
 color: #DE0000;
 font-weight: bold;
}

.successButton {
 background-color: #D8F8BB;
 border: 1px solid #9AD267;
 margin: 0 0 15px 0;
 padding: 10px;
}

.successButton a {
 color: #507D31;
}

.successButton span.image {
 background: url(images/famfamfam/success.png) top left no-repeat;
 display: inline;
 height: 16px;
 padding: 0 0 5px 21px;
 width: 16px;
}

.success {
 color: #79C011;
 font-weight: bold;
}


