* { margin:0; padding:0; }
.hidden { display: none; }

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body
{
	background: transparent url(../../i/bg.png) 0 0 repeat-x;
}

body.sub-page
{
	background: transparent url(../../i/subbg.jpg) 0 0 repeat-x;
}

.container
{
	width: 1000px;
	margin:0 auto;
}

#header
{
	height: 66px;
	width: 1000px;
	overflow: hidden;
}

#header .logo
{
	height: 66px;
	width: 211px;
	float: left;
}

#header .logo a
{
	height: 66px;
	width: 211px;
	background: transparent url(../../i/logo.png) 0 0 no-repeat;
	display: block;
}

#header .nav
{
	float: left;
	width: 665px;
	padding-top: 15px;
	margin-left: 123px;
	overflow: hidden;
}

.nav ul
{
	list-style-type: none;
	list-style-position: outside;
}

.nav ul li
{
	float: left;
	margin-right: 6px;
	color: white;
	font-family: calibri, verdana, tahoma, arial, sans-serif;
	font-size: 18px;
	padding: 4px 8px 5px 6px;
}

li.end
{ margin-right: 0; }

.nav ul li a
{
	color: white;
	text-decoration: none;
}

.home_active
{ background: transparent url(../../i/nav-home-bg.png) 0 0 no-repeat; }

.guidelines_active
{ background: transparent url(../../i/nav-guidelines-bg.png) 0 0 no-repeat; }

.submit_active
{ background: transparent url(../../i/nav-submit-bg.png) 0 0 no-repeat; }

.faq_active
{ background: transparent url(../../i/nav-faq-bg.png) 0 0 no-repeat; }

.contact_active
{ background: transparent url(../../i/nav-contact-bg.png) 0 0 no-repeat; }

.login_active
{ background: transparent url(../../i/nav-login-bg.png) 0 0 no-repeat; }

.cat-container
{
	height: 379px;
	width: 1000px;
	overflow: hidden;
	clear: both;
	margin-top: 9px;
	background-color: #cbe46d;
}

.categories
{
	background: #cbe46d url(../../i/cat-bg.png) 0 0 no-repeat;
	height:369px;
	width:520px;
	padding: 5px 15px;
	float: left;
	overflow: hidden;
}

.categories h2
{
	font-family: verdana;
	font-size: 16px;
	font-weight: normal;
}

ul.catrow
{
	width: 168px;
	float: left;
	list-style-type: none;
	list-style-position: outside;
	margin-left: 5px;
	margin-top: 3px;
}

ul.catrow li
{ line-height: 1em; }

html>body ul.catrow li
{ line-height: 1.15em; }

.catrow li a
{
	padding-left: 10px;
	font-family:verdana, arial, sans-serif;
	font-size: .7em;
	color: black;
	text-decoration: none;
	background: transparent url(../../i/bullet.gif) 0 5px no-repeat;
	display: block;
	width: 153px;
}

html>body .catrow li a
{ background: transparent url(../../i/bullet.gif) 0 7px no-repeat; }

.catrow li a:hover
{
	background-color:#99ae48;
}


.photos
{
	float: left;
	height: 379px;
	width: 450px;
}

.row-top
{
	height: 191px;
	width: 225px;
	float: left;
}

.row-bottom
{
	height: 188px;
	width: 225px;
	float: left;
}

.photo1
{ background: transparent url(../../i/photo1.jpg) 0 0 no-repeat; }

.photo2
{ background: transparent url(../../i/photo2.jpg) 0 0 no-repeat; }

.photo3
{ background: transparent url(../../i/photo3.jpg) 0 0 no-repeat; }

.photo4
{ background: transparent url(../../i/photo4.jpg) 0 0 no-repeat; }

#sidebar
{
	background: transparent url(../../i/search-bg.png) 0 0 no-repeat;
	width: 257px;
	float: left;
	margin-top: 10px;
	height: 100px;
	padding-left: 10px;
}

p.search
{ 
	margin-top: 5px; 
	margin-left: 4px;
	background: transparent url(../../i/input-search-bg.png) 0 0 no-repeat;
	padding:8px 10px 0 8px;
	height: 26px;
	width: 225px;
	overflow: hidden;
}

#sidebar
{
	float: left;
	height:1%;
}

#sidebar input.search
{
	width: 223px;
	height: 26px;
	border:none;
	background-color: transparent;
}

#sidebar div.search form p.submit
{
	height: 29px;
	width: 90px;
	float: right;
	margin: 5px 4px 0 0;
}

html>body #sidebar div.search form p.submit
{ margin: 5px 10px 0 0; }

#sidebar div.search form p.submit input
{
	background: #000 url(../../i/search-button.png) 0 0 no-repeat !important;
	height: 29px;
	width: 90px;
	border: none;
	cursor: pointer;
	color: white;
	font-size: 1em;
	text-align: center;
	font-family: 'chaparral pro', serif;
	position: relative;
	background-color: red !important;
}

.spotlight
{
	margin: 20px 0;
	clear: both;
	width: 242px;
}

.spotlight h2
{
	padding-bottom: 9px;
	background: transparent url(../../i/spotlight-h2-bg.png) 0 23px repeat-x;
	font-family: 'franklin gothic medium cond', arial, san-serif;
	font-weight: normal;
	padding-left: 20px;
	color:#5481c2;
	width: 234px;
}

.spotlight .authors
{
	border:1px solid #b2c2dc;
	background: #d0ddf1 url(../../i/spotlight-authors-bg.png) 0 0 repeat-x;
	padding: 10px 5px;
	width: 242px;
	font-family: arial, sans-serif;
}

.spotlight .authors .author
{
	padding-bottom: 20px;
	border-bottom:1px solid #9bacc7;
	position: relative;
	width: 242px;
	margin-bottom: 10px;
}

.spotlight .authors .last
{
	border-bottom: none;
	margin-bottom: 0;
}

.spotlight .authors .author p.read-more
{
	position: absolute;
	bottom: 2px;
	right: 5px;
}

.spotlight .authors .author p.read-more a
{
	color:#4c5d09;
	font-family: arial, sans-serif;
	font-size: .8em;
	font-weight: bold;
	background: transparent url(../../i/bullet.gif) 0 6px no-repeat;
	text-decoration: none;
	padding-left: 8px;
}

.spotlight .authors .author p.read-more a:hover { text-decoration: underline; }

.spotlight .authors .author .author-img
{
	height: 90px;
	width: 79px;
	border:2px solid #3563ab;
	float: left;
	margin-right: 5px;
	overflow: hidden;
}

.spotlight .authors .author .author-info
{
	float: left;
	width: 133px;
	font-family: arial, sans-serif;
	font-size: .9em;
}

.spotlight .authors .author .author-info p
{
	font-size: .8em !important;
	font-weight: normal;
	font-family: arial, sans-serif;
}

.spotlight .authors .author .author-info h3
{
	color: #1f3c67; 
	font-size: 1em !important;

}

#content
{
	float: left;
	padding: 20px;
	margin-top: 10px;
	width: 690px;
	overflow: hidden;
}

#content a { text-decoration: none; color: #007ee1; }
#content a:hover { text-decoration: underline; }

#content h1
{
	font-family: 'franklin gothic medium cond', arial, san-serif;
	font-size: 1.2em;
	color:#778d20;
	font-weight: normal;
}

#content .article
{
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px dotted #828;
	margin-bottom: 10px;
	height:1%;
}

#content .last
{
	margin:0;
	border-bottom: none;
}

#content .article h1
{
	color:#123464;
	font-family: georgia, serif;
	font-size: 1.2em;
	border-bottom:1px dotted #828;
	padding-bottom: 5px;
}

#content .article a
{
	color:#123464;
	font-family: georgia, serif;
	font-size: 1.2em;

	text-decoration: none;
}

#content .article a:hover { text-decoration: underline; }

#content .article p
{
	font-family: verdana, arial, sans-serif;
	font-size: .8em;
	padding-left: 0px;
	margin-top: 5px;
	line-height: 1.3em;
}

#content .article p a
{
	color: #007ee1;
}

ul.meta
{
	margin-top: 10px;
	margin-left: 40px;
	list-style-type: none;
	list-style-position: outside;
}

ul.meta li
{
	float: left;
	margin-right: 30px;
	font-family: verdana, arial, sans-serif;
	font-size: .8em;
}


ul.meta li.author
{
	padding-left: 20px !important;
	background: transparent url(../../i/author-icon.png) 0 3px no-repeat !important;
}

ul.meta li.date
{
	padding-left: 20px !important;
	background: transparent url(../../i/date-icon.png) 0 1px no-repeat !important;
}

ul.meta li.category
{
	padding-left: 20px !important;
	background: transparent url(../../i/category-icon.png) 0 3px no-repeat !important;
}

ul.meta li.comment
{
	padding-left: 20px !important;
	background: transparent url(../../i/comment-icon.png) 0 1px no-repeat !important;
}

#footer
{
	background-color:#365e96;
	padding: 20px;
	clear: both;


}

#footer p
{
	color: white;
	font-family: verdana, arial, sans-serif;
	font-size: .8em;
	text-align: center;
}

#footer p a
{
	color:#95b5e5;
	font-family: verdana, arial, sans-serif;
	font-size: 1em !important;
	text-decoration: none;
}

#footer p a:hover
{ color: white; }


/* sub page */

.container .top
{
	height: 92px;
	width: 1000px;
	overflow: hidden;
	margin-bottom: -5px;
}

.container .top .options
{
	height: 92px;
	width: 589px;
	background: transparent url(../../i/hbg.png) 0 0 no-repeat;
	float: left;
}

.top .photo
{ float: left; }

.sp1
{
	height: 92px;
	width: 103px;
	background: transparent url(../../i/sp1.png) 0 0 no-repeat;
}

.sp2
{
	height: 92px;
	width: 102px;
	background: transparent url(../../i/sp2.png) 0 0 no-repeat;
}

.sp3
{
	height: 92px;
	width: 101px;
	background: transparent url(../../i/sp3.png) 0 0 no-repeat;
}

.sp4
{
	height: 92px;
	width: 103px;
	background: transparent url(../../i/sp4.png) 0 0 no-repeat;
}

.top ul.page-options
{
	list-style-type: none;
	list-style-position: outside;
	margin: 15px 0 0 20px;
}

.top ul.page-options li
{
	font-family: verdana, arial, sans-serif;
	font-size: .8em;
}

html>body .top ul.page-options li
{
	padding: 2px 0;
}

.top ul.page-options li.trail
{
	padding-left: 15px;
	background: transparent url(../../i/arrow.gif) 0 7px no-repeat;
}

.top ul.page-options li.print
{
	padding-left: 15px;
	background: transparent url(../../i/print.gif) 0 7px no-repeat;
}

.top ul.page-options li.rss
{
	padding-left: 15px;
	background: transparent url(../../i/rss.gif) 0 7px no-repeat;
}

.top ul.page-options li a
{
	color:#4e6200;
}

#content h1.title
{
	font-family: 'franklin gothic medium cond', arial, san-serif;
	font-size: 1.5em;
	color:#778d20;
	font-weight: normal;
	margin-bottom: 5px;
}

#content p
{
	font-family: verdana, arial, sans-serif;
	font-size:.8em;
	line-height: 1.2em;
	padding-left: 10px;
}

.indent
{  }

#content h2.strong
{
	font-weight: bold;
	font-size:.9em;
	font-family: verdana, arial, sans-serif;
	margin-top: 10px;
	padding-left: 10px;
}

#content em
{
	padding-left: 20px;
	font-size:.8em;
	font-family: verdana, arial, sans-serif;
	font-style: normal;
}

#content ul
{
	list-style-type: none;
	list-style-position: outside;
	margin: 10px 0 0 30px;
}

#content ul li
{
	font-family: verdana, arial, sans-serif;
	font-size: .8em;
	margin-bottom: 10px;
	background: transparent url(../../i/bullet.gif) 0 6px no-repeat;
	padding-left: 10px;
}


.latestarticles
{
	margin: 60px 0;
	clear: both;
	width: 100%;
}

.latestarticles h2
{
	padding-bottom: 9px;
	background: transparent url(../../i/spotlight-h2-bg.png) 0 23px repeat-x;
	font-family: 'franklin gothic medium cond', arial, san-serif;
	font-weight: normal;
	padding-left: 20px;
	color:#5481c2;
	width: 100%;
}

.paginglink
{
	text-decoration: none;
	color: #0d57c2;
}


.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 60px;
background-repeat: no-repeat;
background-position: 10px center;
width: 635px;
}

.boz {
border: 1px solid #dddddd;
margin: 10px 0px;
padding:15px 10px 15px 20px;
background-repeat: no-repeat;
background-position: 10px center;
width: 675px;
}

.boz {
color: #464848;
background-color: #eaedef;
background:url("../../i/boxbgrepeat2.jpg") repeat-x left top;

}

.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../../i/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../../i/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../../i/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../../i/error.png');
}

.logoutbutton {
	display: block;
	width: 78px;
	height: 20px;
	background: url('../../i/logoutButton.gif') bottom;
	text-indent: -99999px;
	float: right;
}
.logoutbutton:hover {
	background-position: 0 0;
}

.relatedarticles {  padding-left: 22px; width:95%; font-size:0.94em; list-style-image:url("../../i/topic-arrow.jpg"); }
.relatedarticles li { padding:0 0 0 0; margin:5px 0 0 0; border-bottom: 1px dotted #1958b7; padding-bottom: 4px;}


.relatedarticles a { font-size: 13px; text-decoration: none; color: #007ee1;  }
.relatedarticles a:hover { text-decoration: underline; }

.url a { text-decoration: none; color: #007ee1;  }
.url a:hover { text-decoration: underline; }

/* add these classes to the ul to effect the change to the correct number of stars */
.rating { width:80px; height:16px; margin:0 0 5px 0; padding:0; list-style:none; clear:both; position:relative; background: url("/i/star-matrix.gif") no-repeat 0 0; float: right;}
.0star {background-position:0 0;}
.1star {background-position:0 -16px;}
.2star {background-position:0 -32px;}
.3star {background-position:0 -48px;}
.4star {background-position:0 -64px;}
.5star {background-position:0 -80px;}

ul.rating li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em; }
ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; }
ul.rating li.one a {left:0;}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url("/i/star-matrix.gif") no-repeat 0 0; }
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px;}
ul.rating li.four a:hover {background-position:0 -144px;}
ul.rating li.five a:hover {background-position:0 -160px;}