/*
Theme Name: Loyalist
Theme URI: http://loyalist.darkscot.com
Description: A Loyalist theme
Version: 1.0
Status: publish
Author: darkscot
Author URI: http://Loyalist.com
Tags: loyalist, fixed width, darkscot
*/

.hentry {
line-height: 150%;
}

body {
	margin: 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: .75em;
	color: #666;
	background: url(images/main_bk.jpg) no-repeat center top;
}
A
{
	color:#000000;   
	text-decoration: none;
}
A:hover
{
    text-decoration: underline;
}

img {
	margin: 0;
	padding: 0;
}

#page {
	width: 850px;
	margin: 0 auto;
}

#header {
	width: 850px;
	height: 94px;
}

#homelink {
	width: 130px;
	position: absolute;
	top: 15px;
	height: 55px;
}

#topnav {
	float: right;
	text-align: right;
	height: 28px;
	width: 1px;
	vertical-align: 5px;
	margin-right: 0;
	margin-bottom: 0;
}

#topnav img {
	padding: 0 18px 0 18px;
}

#topnav a:link {
	color: white;
	text-decoration: none;
	position: relative;
	bottom: 8px;
	
}

#topnav a:visited {
	color: white;
	text-decoration: none;
	position: relative;
	bottom: 8px;
}

#topnav a:hover {
	color: white;
	text-decoration: underline;
	position: relative;
	bottom: 8px;
}

#topnav a:active {
	color: white;
	text-decoration: none;
	position: relative;
	bottom: 8px;
}

#tabs {
	height: 27px;
	margin-top: 0;
	margin-left: 253px;
	width: 600px;
	top: 67px;
	position: absolute;
}

#tab1 {
	float: left;
	text-align: center;
	width: 272px;
	background: url(images/tab1.jpg) no-repeat;
	height: 27px;
	padding-top: 8px;
	padding-right: 15px;
}

#tab2 {
	float: left;
	text-align: center;
	width: 107px;
	background: url(images/tab2.jpg) no-repeat;
	height: 27px;
	padding-top: 8px;
	padding-right: 15px;
}

#tab3 {
	float: left;
	text-align: center;
	width: 188px;
	background: url(images/tab3.jpg) no-repeat;
	height: 27px;
	padding-top: 8px;
}


.tablinks a:link {
	color: white;
	text-decoration: none;
	margin-top: 3px;
	font-size: 0.95em;
}

.tablinks a:visited {
	color: white;
	text-decoration: none;
	margin-top: 3px;
	font-size: 0.95em;
}

.tablinks a:hover {
	color: white;
	text-decoration: underline;
	margin-top: 3px;
	font-size: 0.95em;
}

.tablinks a:active {
	color: white;
	text-decoration: none;
	margin-top: 3px;
	font-size: 0.95em;
}

#contenttop {
	width: 850px;
	height: 274px;
	background: url(images/content-top.jpg) no-repeat;
}

#subpagetop {
	width: 850px;
	background: url(images/mainbk2_blue.jpg) no-repeat;
	min-height: 450px;
}

#subpagetop2 {
	width: 850px;
	background: url(images/mainbk2_yellow.jpg) no-repeat;
	min-height: 450px;
}

#subpagetop3 {
	width: 850px;
	background: url(images/mainbk2_green.jpg) no-repeat;
	min-height: 450px;
}

#subpagetop0 {
	width: 850px;
	background: url(images/mainbk2.jpg) no-repeat;
	min-height: 450px;
}

.subtopimg {
	width: 820px;
	margin: 0 auto;
	padding-top: 14px;
}

#contenttop2 {
	background: url(images/content-top2.jpg) repeat-y;
}

#top2content {
	width: 715px;
	margin: 0 auto;
}

#top2title {
	width: 83px;
	float: left;
	color: #780000;
	font-size: 1.2em;
}

#top2text {
	width: 632px;
	float: right;
	color: #535353;
}

#mainholder {
	width: 820px;
	margin: 30px 0 0 0;
}

#submainholder {
	width: 850px;
	margin-top: 30px;
}

#main {
	width: 435px;
	float: right;
}

#submain {
	width: 460px;
	float: left;
	padding-left: 34px;
	padding-right: 15px;
	
}

#entry {
	width: 435px;
	font-size: 1.0em;
	color: #666;

}

#entry a:link {
	color: black;
}

#entry a:visited {
	color: black;
}

#entry a:hover {
	color: black;
}

#entry a:active {
	color: black;
}

#submain2 {
	width: 760px;
	float: left;
	padding-left: 34px;
	padding-right: 15px;
}

#entry2 {
	width: 770px;
	font-size: 1.0em;
}

h2 {
	color: #91000f;
	padding: 8px 0;
	font-size: 1.3em;
}
h3 {
	color: #666666;
	font-size: 1.1em;
}

#entry p {
	padding: 3px 0;
	color: #666;
}

.entry p {
	padding: 3px 0;
	color: #666;
line-height: 150%;
}

#single .entry ul {
	  padding: 0;
  margin: 0 0 0 22px;

}
#single .entry li {
 background-image:url(/wp-content/uploads/2010/05/image003.png);
  background-position: 0 4px;
  _background-position: 0 4px;
  background-repeat: no-repeat;
  list-style-type: none;
  padding: 0 0 0 30px;
  margin: 0;
  height: 30px;
  line-height: 30px; 	


}

#leftside {
	width: 348px;
	float: left;
}

#rightside {
	width: 310px;
	float: left;
	
}

#righttop {
	height: 65px;
	background: url(images/side1top.jpg) no-repeat;
}

#righttop2 {
	height: 65px;
	background: url(images/side1topa.jpg) no-repeat;
}

#righttop3 {
	height: 65px;
	background: url(images/side1topb.jpg) no-repeat;
}

#righttop4 {
	height: 65px;
	background: url(images/side1topc.jpg) no-repeat;
}

#righttoptxt {
	margin: 0 auto;
	width: 250px;
	padding-top: 28px;
	color: white;
	text-align: center;
	line-height: 1.3em;
}

#rightmid {
	background: url('images/sidemiddle.jpg') repeat-y;
}

#rightmidtxt {
	margin: 0 auto;
	width: 250px;
	padding-top: 8px;
	color: #323d4d;
	line-height: 1.3em;
	padding-bottom: 10px;
	font-size: .95em;
}

#rightbott {
	background: url(images/sidebott.jpg) no-repeat;
	height: 12px;
}

#submainbott {
	clear: both;
	margin: 0 auto;
	width: 820px;
	height: 60px;
}

#testimonial {
	min-height: 42px;
	width: 820px;
	margin: 0 auto;
}

.quote {
	color: #7b7b7b;
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	text-align: center;
}

#testimonial2 {
	height: 42px;
	width: 700px;
	margin: 0 auto;
	color: #999;
	text-align: right;
	font-size: .9em;
}

#testimonial2 p {
	padding: 3px 0;
}

ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 23px;
}

#left1 {
	padding: 0;
	margin: 0;
}

#leftside {
	background: url(images/leftbk.jpg) repeat-y;
	font-size: 0.85em;
	color: #535353;
}

.lefttext {
	float: right;
	width: 230px;
	padding-right: 54px;
}

#leftside a:link {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#leftside a:visited {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#leftside a:hover {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#leftside a:active {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#rightside a:link {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#rightside a:visited {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#rightside a:hover {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#rightside a:active {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

.left1img {
	background-image: url(images/left1.jpg);
}

#footer {
	width: 1000px;
	background: #fff url(images/footerbk.jpg) no-repeat center top;
	clear: both;
	min-height: 135px;
	margin: 0 auto;
}

.footlinks {
	width: 760px;
	margin: 0 auto;
	padding-top: 23px;
	color: #535353;
	
	text-align: justify;
}

.footlinks p {
	padding: 8px 0;
	font-size: .95em;
}

.footlinks a:link {
	color: #535353;
	font-size: .95em;
	text-decoration: none;
	padding-right: 10px;
	line-height: 1.3em;
}

.footlinks a:visited {
	color: #535353;
	font-size: .95em;
	text-decoration: none;
	padding-right: 10px;
	line-height: 1.3em;
}

.footlinks a:hover {
	color: #000;
	font-size: .95em;
	text-decoration: underline;
	padding-right: 10px;
	line-height: 1.3em;
}

.footlinks a:active {
	color: #535353;
	font-size: .95em;
	text-decoration: none;
	padding-right: 10px;
	line-height: 1.3em;
}

/* @group h menu */
 
/* style the outer div to give it width */
.menu {
	font-size:0.85em;
	padding-top: 0;
	margin: 0;
	padding-left: 288px;
	z-index: 999;
	float: right;
}
 
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:3em;
	background:none;
	z-index: 999;
}
 
/* style the sub-level lists */
.menu ul ul {width:12em;}
 
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:3em;line-height:2.4em;}
 
/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;}
 
/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:12px;text-decoration:none;color: #FFFFFF;background:none;padding:0 1.2em 0 0;}
 
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background: none; color:#ffffff;width:9em;height:100%;line-height:1em; padding:0.5em 0 0.3em; margin: -.4em 0 0 0;text-align: left;
	border: 0;
}
.menu ul table ul a, .menu ul table ul a:visited  {width:9em; w\idth:9em;}
 
 
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}
 
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}
 
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:white;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:white;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:white;}
 
/* style the level hovers */
/* first */
.menu a:hover {color:#ffffff;background:none;text-decoration: underline;}
.menu :hover > a {color:#ffffff;background:none;text-decoration: underline;}
/* second */
.menu ul ul a:hover{color:white;background:none;}
.menu ul ul :hover > a {color:white;background:none;}
/* third */
.menu ul ul ul a:hover {color:white;background:none;}
.menu ul ul ul :hover > a {color:white;background:none;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:2.4em;left:0;width:14em;}
 
/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}
 
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
 
<!--[if IE 7]>
 
.menu ul ul ul {margin-left:-1px;}
.menu ul ul ul.left {margin-left:1px;}
 
/* @end */