﻿/* BLUE		#0013a6 */
/* YELLOW	#fff200 */

/****************************************/
/* STANDARD CLASSES */

.bgblue
{
	background-color: #112277;
}

.bgyellow
{
	background-color: #fff200;
}


/****************************************/
/* MAIN CONTAINERS */

#root
{
	width: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(images/background.jpg);
}

#site { width: 960px; margin: 5px auto; }

#head { float: left; height: 140px; width: 100%; }
#logo { float: left; border: none 0px; }
#logo IMG { border: none 0px; }

#top
{
	color: #fff;
	float: right;
	display: block;
	border: solid 1px #999;
	margin: 5px 0px 5px 5px;
	overflow: hidden;
	padding: 5px;
	height: 100px;
	width: 600px;
}

#top UL { list-style-type: none; padding: 0px; margin: 0px; }

#top A { color: #fff; text-decoration: none; }
#top A:hover { color: #fff200; text-decoration: underline; }

#foot
{
	clear: both;
	padding: 10px;
	text-align: center;
	background-color: #ccc;
}

/****************************************/
/* MAIN NAVIGATION */

#menu
{
	margin: 0;
	padding: 0;
	clear: both;
	height: 32px;
	display: block;
	background-color: #fff200;
}

#menu IMG
{
	border: 0;
	vertical-align: middle;	
}

#menu .cars 
{
	float: left;
	display: inline;
	padding: 0 10px 0 0;
}

#menu .main
{
	float: left;
	height: 32px;
	width: 640px;
}

#menu A
{
	margin: 0;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

#menu A:hover
{
	color: #fff;
}

#menu .main A
{
	padding: 0 10px 0 0;
	font-size: 14pt;
}

#menu .main SPAN
{
	display: block;
	height: 32px;
	float: left;
}

#menu .sub
{
	color: #000;
	float: right;
	width: 200px;
	height: 32px;
	display: block;
	text-align: right;
	font-weight: bold;
	font-size: 12pt;
	margin: auto 0 auto 0;
}

#menu .sub A 
{
	font-size: 10pt;
	padding: 0 10px 0 10px;
}


/****************************************/
/* RAIL STYLES */

#rail
{
	color: #fff;
	float: right;
	width: 280px;
	padding: 5px;
	display: block;
	font-size: 12pt;
	line-height: 1.4em;
	margin-bottom: 10px;
	background-color: #666;
	border: solid 2px #999;
	/*opacity: 0.80; filter: Alpha(Opacity=80);*/
}

#rail A { color: #fff; text-decoration: none; }
#rail A:hover { color: #fff200; text-decoration: underline; }
#rail IMG { border: none 0px; }

#rail H3
{
	color: #fff200;
	font-size: 17pt;
	font-weight: bold;
	font-style: italic;
	padding: 5px 5px 0px 5px;
	background-color: #0013a6;
}

#rail H4
{
	font-size: 11pt;
	font-weight: normal;
	padding: 0px 5px 5px 5px;
	background-color: #0013a6;
}

#rail UL
{
	list-style-type: none;
}

#rail LI .field
{
	float: left;
	width: 75px;
	display: inline;
	font-weight: bold;
}

#rail HR
{
	margin-top: 5px;
	margin-bottom: 5px;
}

/****************************************/
/* PAGE LAYOUT */

#msg
{
	clear: both;
	color: #fff;
	padding: 5px;
	font-size: 14pt;
	font-weight: bold;
}

#page
{
	clear: both;
	float: left;
	width: 640px;
	padding: 5px;
	display: block;
	line-height: 1.5em;
	text-align: justify;
	margin-bottom: 10px;
	border: solid 2px #999;
	background-color: #fff;
}

#page P
{
	text-align: justify;
	line-height: 1.5em;
	padding: 5px;
	clear: both;
}

#page .more
{
	padding: 5px;
	margin-top: -5px;
	text-align: right;
	line-height: 1.5em;
}

#page .more A
{
	color: #111;
	font-weight: bold;
	padding-left: 20px;
	text-decoration: none;
	background-image: url(images/linkflag.gif);
	background-repeat: no-repeat;
	background-position: left;	
}

#page .more A:hover
{
	color: #0013a6;
	padding-left: 22px;
	text-decoration: underline;
}

#page UL
{
	padding-left: 10px;
}

#page .item
{
	padding: 5px;
	line-height: 1.5em;
	text-align: justify;
}

#page IMG
{
	padding: 5px;
}

#page HR
{
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}

#page A
{
	color: #111;
	font-weight: bold;
}

#page A:hover
{
	color: #0013a6;
}


/****************************************/
/* FAQ LAYOUT */

.faq DIV { line-height: 1.5em; }
.faq A { color: #111; font-weight: bold; margin-bottom: 10px; text-decoration: none; }
.faq A:hover { color: #0013a6; text-decoration: underline; }
.faq P { margin-bottom: 20px; }



/****************************************/
/* POST LAYOUT */

.post A
{
	color: #111;
	font-weight: bold;
}

.post A:hover
{
	color: #0013a6;
}

.post HR
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.post H2
{
	float: left;
	padding: 5px;
	width: 500px;
	display: inline;
}

.post H3
{
	color: #666;
	float: right;
	width: 120px;
	font-size: 10pt;
	display: inline;
	text-align: right;
}

.post H2 A
{
	color: #111;
	font-weight: bold;
	text-decoration: none;
}

.post H2 A:hover
{
	color: #0013a6;
	font-weight: bold;
	text-decoration: underline;
}



/****************************************/
/* SLIDE SHOW */

#show
{
	width: 600px;
	margin: 5px auto 5px auto;
	padding-bottom: 10px;
}




/* BLUE		#0013a6 */
/* YELLOW	#fff200 */

/****************************************/
/* STANDARD ELEMENTS */

H1 { font-size: 16pt; }
H2 { font-size: 14pt; }
H3 { font-size: 12pt; }
H4 { font-size: 10pt; }