/******************************************************************************************************************
Reflex Event Management Master Stylesheet
Adapted from BGR
Developed by Matthew Hill, April 2006
Copyright Nixon McInnes (c) 2006
******************************************************************************************************************/

body {
	margin:20px;
	padding:0;
	background:#686868 url(../images/bg_body.gif) top left repeat-x;
	font: normal 90%/120% "Trebuchet MS",Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	color:#FFF;
}

/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
#skipnav {
	position:absolute;
	left:-999em;
}

img {
	border:0;
}

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0 0 15px 0;
	color:#FFDA00;
	font-weight:normal;
	line-height:normal;
}

h1 {
	margin:0;
	padding:0;
	font-size:170%;
	line-height:normal;
}

h2 {
	font-size:130%
}

h3 {
	font-size:110%
}

p {
	margin:15px 0 14px 0;
	padding:0;
}


em {
	font-weight:bold;
}

a,a:visited {
	color:#FFDA00;
	text-decoration:underline;
}
a:hover {
	color:#FFDA00;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

.picright {
	clear:right;
	float:right;
	margin:0 0 18px 30px;
}

.hitext {
	color:#FFDA00;
}

/******************************************************************************************************************
WRAPPER
******************************************************************************************************************/

#wrapper {
	width:760px;
	margin:0 auto;
	padding:0 8px 0 0;
	background:url(../images/bg_shadow_right_tile.png) top right repeat-y;
}

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

/******************************************************************************************************************
BANNER
******************************************************************************************************************/

#banner {
	width:760px;
	height:110px;
	background:#FFF url(../images/bg_banner.gif) top left no-repeat;
}

#banner img {
	margin:26px 0 0 26px;
	display:block;
	float:left;
}

#banner p {
	float:right;
	width:217px;
	height:19px;
	margin:71px 20px 20px 0;
	background:url(../images/phonenumber_top.gif) top right no-repeat;
}

#banner p span {
	position:absolute;
	left:-1000em;
}


/******************************************************************************************************************
CONTENT / MAIN
******************************************************************************************************************/

#main {
	background:#006EB0 url(../images/bg_bluegrad_top.gif) top left repeat-x;
/*	background:#00286A;*/
}

#content {
	padding:20px 30px 90px 30px;
	width:380px;
	float:left;
	background:url(../images/bg_rightbar_shadow.gif) right top no-repeat;
	min-height:460px;
}

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

/******************************************************************************************************************
TOP NAVIGATION
******************************************************************************************************************/

#navigation {
	background:#003A7C url(../images/bg_navbutton_on.gif) center left repeat-x;	
	width:100%;
}

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

#navigation ul {
	margin:0;
	padding:0;
}

#navigation ul li {
	list-style:none;
	background:none;
	margin:0;
	padding:0;	
	float:left;
}

#navigation ul li a,
#navigation ul li a:visited {
	display:block;
	font-size:85%;
	font-weight:bold;
	color:#FFF;
	padding:4px 14px;
	text-decoration:none;
	background:url(../images/bg_navbutton_on.gif) center left repeat-x;	
	border-left:1px solid #0068AA;
	border-right:1px solid #003A7C;
}

#navigation ul li a:hover,
#navigation ul li.selected a,
#navigation ul li.selected a:visited {
/*	background:url(../images/bg_navbutton_over.gif) center left repeat-x;	*/
	color:#00286A;
	color:#FFDA00;
/*	border-left:1px solid #95CFFF;
	border-right:1px solid #72ACEE;*/
}


/******************************************************************************************************************
CONTENT FORMATTING
******************************************************************************************************************/





/******************************************************************************************************************
ADDRESS
******************************************************************************************************************/

address {
	font-style:normal;
	padding:0;
	margin:0;
}

/******************************************************************************************************************
FOOTER
******************************************************************************************************************/

#footer {
	background:url(../images/bg_shadow_bottom.png) top left no-repeat;
	width:768px;
	margin:0 auto;
	clear:both;	
}

#footer p {
	margin:0;
	padding:20px;
	color:#B7B7B7;
	font-size:79%;
}

#footer p.floatright {
	text-align:right;
}

#footer a,#footer a:visited {
	color:#B7B7B7;
}

#footer a:hover {
	color:#FFDA00;
}

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

/******************************************************************************************************************
DEFINITION LISTS / FORMS
******************************************************************************************************************/

form {
	margin:0;
	padding:0;
}

fieldset {
	border:none;
	margin:0;
	padding:0;
}

legend {
	display:none;
}

form p {
	margin-top:0;
}

form label {
	color:#FFDA00;
	color:#FFF;
}

form dl {
	margin:0;
	padding:0;
}

form dt {
	clear:both;
	margin:0;
	padding:0 0 15px 0;
	float:left;
	width:120px;
	line-height:1.0em;
}

form dd {
	padding:0 0 15px 0;
	margin:0;
	text-align:left;
}

form dd input.text,form dd textarea	{
	border:none;
	clear:both;
	float:none;
	width:250px;
	padding:2px;
	font: normal 90%/1.2em Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
/*	background:#95CFFF;*/
}

form button,input.button,a.button,a.button:hover {
	font-size:85%;
	font-family:Arial,"Helvetic Neue",Helvetica,sans-serif;
	line-height:1;
	text-decoration:none;
	text-align:center;
	background:url(../images/bg_navbutton_over.gif) center left repeat-x;	
	color:#00286A;
	border:none;
	border-left:1px solid #95CFFF;
	border-right:1px solid #72ACEE;
	padding:2px 6px;
	margin:0;	
}


/******************************************************************************************************************
SIDEBAR WITH PICTURES
******************************************************************************************************************/

#picturebar {
	width:160px;
	float:left;
	background:#006EB0 url(../images/bg_bluegrad_top.gif) bottom left repeat-x;
	padding:0 0 90px 0;
}

#picturebar img {
	display:block;
/*	visibility:hidden;*/
}


/******************************************************************************************************************
SIDEBAR WITH FORMS / LINKS
******************************************************************************************************************/

#sidebar {
	float:left;
	width:120px;
	padding:20px;
}

#videolink {
	clear:both;
	float:none;
	background:#006EB0 url(../images/bg_bluegrad_top.gif) top left repeat-x;
	margin:0 -20px;
	padding:20px;	
}

#videolink h2 {
	padding:0;
	margin:0;
}

/******************************************************************************************************************
EMAIL FORM
******************************************************************************************************************/

#sidebar form {
	margin:0;
	padding:0;
}

#sidebar form input {
	font: normal 100%/1.3em "Trebuchet MS",Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	color:#000;
	border:none;
	width:80px;	
}

#sidebar form button {
	background:url(../images/bg_navbutton_over.gif) center left repeat-x;	
	color:#00286A;
	border:none;
	border-left:1px solid #95CFFF;
	border-right:1px solid #72ACEE;
	padding:2px 6px;
	margin:0;
	width:30px;
}

#sidebar h2 {
	font-size:100%;
	font-weight:bold;
	line-height:1em;
}

#sidebar p {
	font-size:85%;
	line-height:1.1em;
}

#sidebar form p.floatright {
	text-align:right;
	font-size:100%;
	margin:0;
}

#sidebar form p.floatleft {
	float:left;
}

/******************************************************************************************************************
LOWER FOOTER BAR 
******************************************************************************************************************/

#lowerfooter {
	height:90px;
	margin-top:-90px;
	background:url(../images/bg_lowerfooter.gif) top left no-repeat;
	z-index:10;
	position:relative;
}

#lowerfooter p  {
	position:absolute;
	left:-1000em;
}

/******************************************************************************************************************
FLASH VIDEO
******************************************************************************************************************/

.flashvideo {
	margin-left:30px;
}