le` /* Top Elements */ /* Top Elements */ *
{
	margin: 0;
	padding: 0;
	outline: 0;
}

body
{
	background-color: #FFFFFF;
	background: #101112 url(/images/layout/bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	color: #666666;
	margin: 0px;
	text-align: center;
	font: 11.9px/1.7em Lucida Grande,Helvetica,Arial,Verdana,sans-serif;
	color: #333;
}

#access
{
	display: none;
}

/* links */
a, a:visited
{
	color: #5A93C9;
	background: inherit;
	text-decoration: none;
}
a:hover
{
	color: #99CC33;
	background: inherit;
	text-decoration: underline;
	cursor: pointer;
}

a.tm
{
}

/*Headers*/
h1
{
	color: #6194D0;
	font-size: 170%;
	font-weight: Bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
h2
{
	color: #77AD32;
	font-size: 145%;
	padding-top: 2px;
	padding-bottom: 2px; /*text-transform: uppercase;*/
}
h3
{
	color: #77AD32;
	font-size: 130%;
	padding-top: 2px;
	padding-bottom: 2px; /*text-transform: uppercase;*/
	text-transform: capitalize;
}

p
{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin: 0;
}

ul, ol
{
	margin: 5px 20px;
	padding: 0 20px;
}
ul
{
	list-style: none;
}

/* images */
img.NoFrame
{
	padding: 0;
}

img.framed
{
	margin: 10px 10px 10px 0px;
	padding: 3px;
	border: 1px solid #9cf449;
}

img.float-right
{
	float: right;
	margin: 5px 0px 10px 10px;
	padding: 3px;
	border: 1px solid #9cf449;
}
img.float-left
{
	float: left;
	margin: 5px 10px 10px 0px;
	padding: 3px;
	border: 1px solid #9cf449;
}

img.float-none
{
	float: none;
	margin: 5px 10px 10px 0px;
	padding: 3px;
	border: 1px solid #9cf449;
}

hr
{
	border: none 0;
	border-top: 1px dashed #77AD32;
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
	width: 70%;
}

code
{
	margin: 5px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;
	font: 500 1em/1.5em 'Lucida Console' , 'courier new' , monospace; /* white-space: pre; */
	background: url(/images/layout/post.jpg);
	border: 1px solid #E0DBC9;
}
acronym
{
	cursor: help;
	border-bottom: 1px dashed #777;
}

blockquote
{
	color: #66a; /*font-weight: bold;*/
	font-style: italic; /*margin: 1em 3em;*/
}

/* form elements */
formInput
{
	margin: 10px;
	padding: 0 5px;
	border: 1px solid #D5D5D5;
	background-color: #DFDFDF;
}
label
{
	display: block;
	font-weight: bold;
	margin: 5px 0;
}
input
{
	padding: 2px;
	border: 1px solid #D5D5D5;
	color: #777;
}
textarea
{
	width: 400px;
	padding: 2px;
	border: 1px solid #D5D5D5;
	height: 100px;
	display: block;
	color: #777;
}
input.button
{
	margin: 0; /*font: bold 1em Arial, Sans-serif; */
	font-weight: bold;
	background: #FFF url(/images/layout/gradientbg.jpg) repeat-x;
	padding: 2px 3px;
	color: #333;
	border: 1px solid #DADADA;
}

/*Feedback*/
.FeedbackFieldset
{
	padding: 5px;
	margin-bottom: 10px;
}

.info, .success, .warning, .error, .validation
{
	background-repeat: no-repeat;
	background-position: 10px center;
	border: 1px solid;
	height: 35px;
	margin: 10px 0px;
	padding-left: 45px;
	vertical-align: middle;
}
.info
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/images/layout/info.png' );
}
.success
{
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('/images/layout/success.png' );
}
.warning
{
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/images/layout/warning.png' );
}
.error
{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/images/layout/error.png' );
}
/*Feedback*/



/* search form 
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 3px; padding: 5px 0 10px 0;	
	width: 220px;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}*/

/********************************************
   LAYOUT
********************************************/
#wrap
{
	border: 1px solid #000000;
	position: relative;
	width: 820px;
	margin: 0 auto;
	text-align: left;
}
#top-bg
{
	border-top: 1px solid #000000;
	position: absolute;
	width: 820px;
	height: 20px;
	top: 0;
	left: 0;
	z-index: 2;	
}
#content-wrap
{
	background: #FFFFFF;
	border-top: solid 1px #cacaca;
	border-bottom: 1px solid #000000;
	position: relative;
	clear: both;
	float: left;
	width: 820px;
	padding: 0;
	display: inline;
}

/*-----------------------------------------------------------------------
Header
------------------------------------------------------------------------*/

#header
{
	background: transparent url(/images/layout/bg_header.jpg);
	border-top: 1px solid #000000;
	width: 820px;
	position: relative;
	height: 100px;
	padding: 0;
	border: 0px solid #000000;	
}

#brand
{
	
	padding-top: 10px;
	width: 650px;
	height: 75px; /* margin:32px 0 0 22px;*/
	display: inline; /*text-indent:-9999px;*/
	position: absolute;
	float: left;
	border: 1px solid #000000;
}




#header h1#logo_text a
{
	position: absolute;
	margin: 0; /*padding: 0;*/
	padding-top: 12px;
	padding-bottom: 12px; /*font: bold 36px 'Trebuchet MS', Arial, Sans-serif;*/
	font-size: 35px;
	letter-spacing: -1px;
	color: #F8F5EE;
	text-transform: none;
	text-decoration: none; /* change the values of top and left to adjust the position of the logo*/
	top: 25px;
	left: 30px;
}
#header h1#logo_text span
{
	color: #9A9696;
}
#header p#slogan
{
	position: absolute;
	margin: 0;
	padding: 0; /*font: normal 12px 'Trebuchet MS', Arial, Sans-serif;*/
	font-size: 12px;
	text-transform: none;
	color: #F8F5EE; /* change the values of top and left to adjust the position of the slogan*/
	top: 67px;
	left: 95px;
}

/* header links */
#header #header_links
{
	position: absolute;
	top: 40px;
	right: 20px;
	color: #838181;
	font-size: 10px;
	border: 1px solid #fff;
}
#header #header_links a
{
	color: #838181;
	text-decoration: none;
}
#header #header_links a:hover
{
	color: #444;
}


#header-photo
{
	background: #FFF url(/images/layout/football.jpg) no-repeat center center; /*border-top: 1px solid #000000;		 	border-bottom: 1px solid #000000;		*/
	clear: both;
	height: 200px;
	width: 820px;
	margin: 0 auto;
}


/* ================================================================ 
Navigation
=================================================================== */
#nav
{
	background-image: url(/images/layout/bg_header.jpg);
	border-top: solid 1px #cacaca;
	padding-left: 0;
	width: 820px;
}

#menu
{
	font-weight: bold;
	list-style-type: none; /* margin:40px 0 200px 15px;settings for this demo only */
	padding: 0;
	margin: 0;
}

#menu li
{
	display: block;
	float: left;
	position: relative;
	z-index: 100;
	margin-right: 1px;
}
#menu li span
{
	display: block;
	z-index: 100; /*background:#b2ab9b;*/
	padding: 5px 10px;
	font-size: 1.3em;
}
#menu li a, #menu li a:visited
{
	display: block;
	padding: 0;
}

#menu dl
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background: url(transparency.gif);
}


#menu dt
{
	/*background: #b2ab9b;*/
	margin: 0;
	font-size: 1.3em; /*border-bottom:1px solid #fff;*/
	float: left; /*border-right:1px solid #fff;*/
}

#menu dd
{
	display: none;
	background: transparent;
	border-bottom: 1px solid #cce;
	clear: left;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.1em;
	text-align: left;
}

#menu dt a, #menu dt a:visited
{
	display: block;
	color: #ACABAB;
	padding: 5px 10px;
	text-decoration: none;
}
#menu dd a, #menu dd a:visited
{
	/*background:#b2ab9b;*/
	color: #ACABAB;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	background-image: url(/images/layout/bg_header.jpg);
}

#menu li a:hover
{
	border: 0;
}

#menu li:hover dd, #menu li a:hover dd
{
	display: block;
}
#menu li:hover dl, #menu li a:hover dl
{
	/*border-bottom:15px solid #e2dfa8;*/
}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover
{
	background: #EAE9E9;
	color: #000;
}
/* ================================================================ 
This copyright notice must be untouched at all times.
=================================================================== */

#breadcrumb
{
	border-top: solid 1px #cacaca;
	position: relative;
	margin-top: 35px;
	padding-top: 7.5px;
	padding-bottom: 7.5px;
	color: #9b9b9b;
	font-size: 120%;
	overflow: hidden;
	padding-left: 10px;
}

#breadcrumb a, a:active, a:hover, a:visited
{
	color: inherit;
}

#breadcrumb #breadcrumb_links
{
	position: absolute;
	top: 0;
	right: 12px;
	z-index: 0;
}


/* Main Column */
#main
{
	/*border: 1px solid #000000; Keep*/
	float: left;
	width: 75%;
	padding: 10px 0 10px 0;
	margin-left: 10px;
	display: inline;
}
#main h2
{
	/*	font: normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif;*/ /*color: #85970C; */
}
#main h2 a
{
	/*color: #85970C; 	text-decoration: none;	*/
}
#main p
{
	/*padding: 10px;		 	margin: 0;	*/
	text-align: justify;
}
#main ul li
{
	list-style-image: url(/images/layout/bullet_2.gif);
	margin: 0 0 10px 0;
}

#main h2 a readmore
{
	background: url(   '/images/layout/page.gif' ) no-repeat 0 center; /*padding-left: 20px; margin: 0 10px 0 5px;*/
}


/* Sidebar */
#sidebar
{
	/*border: 1px solid #000000; Keep*/
	float: right;
	width: 21%;
	padding: 10px 10px 0 0;
	margin-left: 5px;
}

/*
#sidebar h3 {
	padding: 5px 5px; 	
	color: #8C9F0D; 	
}
*/

.sidebarh3
{
	color: #77AD32;
	padding: 5px 5px;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: capitalize;
}

.sidebox
{
	border: 1px solid #77AD32;
	padding-left: 5px;
	padding-bottom: 5px;
}


/* footer */
#footer-wrap
{
	background: #FFFFFF;
	border-top: 1px solid #000000;
	clear: both;
	font-size: 95%;
	text-align: left;
	padding: 15px 0;
	width: 820px;
	text-align:center;
}

#footer-wrap a
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover
{
	color: #000;
}
#footer-wrap p
{
	padding: 10px 0;
}
#footer-wrap h3
{
	color: #666666;
	margin: 0;
	padding: 0 10px;
	text-transform: uppercase;
}

#footer-columns
{
	color: #888;
	margin: 0 auto;
	padding: 0;
	width: 760px;
}
#footer-columns ul
{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(/images/layout/footer-dots.jpg) repeat-x left top;
}
#footer-columns li
{
	background: url(/images/layout/footer-dots.jpg) repeat-x left bottom;
}
#footer-columns li a
{
	display: block;
	font-weight: normal;
	padding: 4px 0 4px 10px;
	width: 96%;
}
#footer-columns .col3, .col3-center
{
	float: left;
	width: 32%;
}
#footer-columns .col3-center
{
	margin: 0 15px;
}

/* bottom */
#footer-bottom
{
	clear: both;
	color: #666;
	margin: 0 auto;
	width: 820px;
	padding: 10px 0;
	text-align: center;
}

/* postmeta */
.post-footer
{
	background: url(/images/layout/post.jpg);
	padding: 5px;
	margin: 5px 10px 10px 10px;
	font-size: 95%;
	color: #AEA471;
	border: 1px solid #E0DBC9;
}
.post-footer .date
{
	margin: 0 10px 0 5px;
}
.post-footer a.comments
{
	margin: 0 10px 0 5px;
}
.post-footer a.readmore
{
	margin: 0 10px 0 5px;
}
.post-info
{
	font-size: .95em;
	padding: 0 10px;
	margin-left: 2px;
	color: #888;
}

/* alignment classes */
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.align-left
{
	text-align: left;
}
.align-right
{
	text-align: right;
}

/* display and additional classes */
.clear
{
	clear: both;
}


/********************************************
   LIGHT BOX
********************************************/
#lightbox
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img
{
	border: none;
}

#outerImageContainer
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer
{
	padding: 10px;
}

#loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer > #hoverNav
{
	left: 0;
}
#hoverNav a
{
	outline: none;
}

#prevLink, #nextLink
{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink
{
	left: 0;
	float: left;
}
#nextLink
{
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover
{
	background: url(/images/prev.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover
{
	background: url(/images/next.gif) right 15% no-repeat;
}


#imageDataContainer
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#imageData
{
	padding: 0 10px;
	color: #666;
}
#imageData #imageDetails
{
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption
{
	font-weight: bold;
}
#imageData #numberDisplay
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose
{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/********************************************
   LIGHT BOX : END
********************************************/

/********************************************
   Home Page : END
********************************************/
#ticker
{
	width: 550px;
	height: 1.2em;
	padding: 5px;
	margin-top: 10px;
	font-size: 14px;
	color: #555;
	font-weight: bold;
	text-transform: capitalize;
}

#ticker a
{
	text-decoration: none;
}

.tickerCustom
{
	border: 0px double #B81A1A;
}

.lastUpdated
{
	margin-top: 5px;
	font-weight: bold;
	text-align: center;
}

.sponsorLogo
{
	margin-bottom: 5px;
	border: solid 1px #99CC33;
}



.linkGroup
{
	font-size: 10pt;
	font-weight: bold;
}

.ulLinks
{
	margin-top: 0;
	margin-left: 20px;
}



/*
<dl>
	<dt>Question 1</dt>
	<dd>The vitality of conceptual synergies...</dd>
</dl>
*/
/*links page*/
dl.links
{
	margin-left: 5px;
	margin-top: 10px;
}
dl.links dt
{
	margin-left: 5px;
	margin-top: 10px;
}
dl.links dd
{
	margin-left: 15px;
	margin-top: 10px;
}

.hide
{
	display: none;
}
.show
{
	display: block;
}


/*Curved Box*/
dl.curved
{
	background: #000000 url(/images/layout/c_tl.gif) top left no-repeat;
	margin: 5px 0;
	padding: 0;
	width: 50%;
}
dl.curved dt
{
	background: transparent url(/images/layout/c_tr.gif) top right no-repeat;
	padding: 10px;
	text-align: center;
	color: #fff;
}
dl.curved dd
{
	background: #eee url(/images/layout/c_bl.gif) bottom left no-repeat;
	padding: 0;
	margin: 0;
}
dl.curved dd p
{
	margin: 0;
	padding: 10px;
	line-height: 1.3em;
}
dl.curved dd p.last
{
	background: transparent url(/images/layout/c_br.gif) bottom right no-repeat;
}


/*Three curved and one square corner (no extra markup)*/
dl.top_left
{
	background: #000000 url(/images/layout/c_tl.gif) top left no-repeat;
	margin: 5px 0;
	padding: 0;
	float: left;
	margin-right: 10px;
	width: 48%;
}
dl.top_left dt
{
	background: transparent url(/images/layout/c_tr.gif) top right no-repeat;
	padding: 10px;
	text-align: center;
	color: #fff;
}
dl.top_left dd
{
	background: #eee url(/images/layout/c_bl.gif) bottom left no-repeat;
	padding: 0;
	margin: 0;
	height: 250px;
}

dl.top_right
{
	background: #000000 url(/images/layout/c_tl.gif) top left no-repeat;
	margin: 5px 0;
	padding: 0;
	float: left;
	margin-right: 10px;
	width: 48%;
}
dl.top_right dt
{
	background: transparent url(/images/layout/c_tr.gif) top right no-repeat;
	padding: 10px;
	text-align: center;
	color: #fff;
}
dl.top_right dd
{
	background: #eee url(/images/layout/c_br.gif) bottom right no-repeat;
	padding: 0;
	margin: 0;
	height: 250px;
}

dl.bottom_left
{
	background: #eee url(/images/layout/c_bl.gif) bottom left no-repeat;
	margin: 5px 0;
	padding: 0;
	float: left;
	margin-right: 10px;
	width: 48%;
}
dl.bottom_left dt
{
	background: #000000 url(/images/layout/c_tl.gif) top left no-repeat;
	padding: 10px;
	text-align: center;
	color: #fff;
}
dl.bottom_left dd
{
	background: transparent url(/images/layout/c_br.gif) bottom right no-repeat;
	padding: 0;
	margin: 0;
	height: 250px;
}

dl.bottom_right
{
	background: #eee url(/images/layout/c_bl.gif) bottom left no-repeat;
	margin: 5px 0;
	padding: 0;
	float: left;
	margin-right: 10px;
	width: 48%;
}
dl.bottom_right dt
{
	background: #000000 url(/images/layout/c_tr.gif) top right no-repeat;
	padding: 10px;
	text-align: center;
	color: #fff;
}
dl.bottom_right dd
{
	background: transparent url(/images/layout/c_br.gif) bottom right no-repeat;
	padding: 0;
	margin: 0;
	height: 250px;
}

dd p
{
	margin: 0;
	padding: 10px;
	line-height: 1.3em;
}

/*
<ul id="enlarge">
<li><a class="one" href="#one"><img src="icons/bcastle.gif" alt="image 1" title="image 1" />Image 1</a></li>
<li><a class="two" href="#two"><img src="icons/bdagger.gif" alt="image 2" title="image 2" />Image 2</a></li>
<li><a class="three" href="#three"><img src="icons/eknight.gif" alt="image 3" title="image 3" />Image 3</a></li>
<li><a class="four" href="#four"><img src="icons/bshield.gif" alt="image 4" title="image 4" />Image 4</a></li>
<li><a class="five" href="#five"><img src="icons/bsword.gif" alt="image 5" title="image 5" />Image 5</a></li>
<li><a class="six" href="#six"><img src="icons/edagger.gif" alt="image 6" title="image 6" />Image 6</a></li>
</ul>
*/
#enlarge
{
	padding: 0;
	margin: 4em auto;
	list-style-type: none;
	width: 300px;
	height: 50px;
}
#enlarge li
{
	display: block;
	float: left;
	width: 48px;
	height: 48px;
	position: relative;
}
#enlarge li a
{
	display: block;
	width: 48px;
	height: 48px;
	background: transparent;
	overflow: hidden;
	position: relative;
	border: 1px solid #fff;
}
#enlarge li a img
{
	width: 24px;
	height: 24px;
	border: 1px solid #aaa;
	margin: 12px;
}
#enlarge li a:hover
{
	margin: 0;
	text-indent: -1000px;
	border: 1px solid #aaa;
	background: #aaa;
}
#enlarge li a:hover img
{
	width: 0;
	height: 0;
}
#enlarge li a.one:hover
{
	background: url(icons/bcastle.gif);
}
#enlarge li a.two:hover
{
	background: url(icons/bdagger.gif);
}
#enlarge li a.three:hover
{
	background: url(icons/eknight.gif);
}
#enlarge li a.four:hover
{
	background: url(icons/bshield.gif);
}
#enlarge li a.five:hover
{
	background: url(icons/bsword.gif);
}
#enlarge li a.six:hover
{
	background: url(icons/edagger.gif);
}