/*
	reset everything
*/

*
{
	padding: 0;
	margin: 0;
}


/*
	standard elements
*/


body
{
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF;
	color: #333;
	font-size: 11pt;
}

a {color: #005794;}
a:hover {color: #A2B2D2;}

a img {border-width: 0px}

a img .imgpad {padding: 8px}

p, ul, ol {padding-bottom: 1em;}

ul, ol
{
	padding-left: 2em;
}

h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 12pt;}

h1, h2, h3
{
	color: #333;
	margin-bottom: 1em;
	font-style: italic;
}

blockquote
{
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	margin-bottom: 1em;
	padding: 0.5em 1em;
}

strong {color: #005794;}

b {color: Red;}


/*
	structure
*/

#container
{
	margin: 0 auto;
	min-width: 910px;
}

#header
{
	font-size: 12pt;
	color: #333;
}

#nav
{
	background: url('../Images/vfade.png') repeat-x bottom;
	float: left;
	width: 200px;
	min-height: 600px;
	text-align: center;
}

#main
{
	margin: 50px 210px 25px 0;
	min-width: 500px;
}

#promo
{
	float: right;
}

#promo .offer
{
	width: 200px;
	color: #CCC;
	margin-right: 10px;
	text-align: center;
}

#footer
{
	background: #231F20;
	color: #CCC;
	font-size: 8pt;
	line-height: 40px;
	width: 100%;
	text-align: center;
}

#navBackground
{
	margin-top: 25px;
	background-color: #3777A7;
}

#contentBackground
{
	/* use right-aligned 1-pixel high y-repeating background image
	   for right-hand column, if there is one, and if its colour
	   is to be different than the content body */
	background-color: white;
	margin-left: 200px;
}


/*
	header styles
*/

#header .padded
{
	margin: 10px;
	float: right;
	text-align: center;
}

#header .smallLogo
{
	background: white;
	border: 1px black solid;
	margin-top: 4px;
	margin-bottom: 4px;
}

#header .banner
{
	background: white url('../Images/hfade.png') repeat-y right;
	height: 160px
}


/*
	nav styles
*/

#nav h1
{
	background: #222;
	color: #FFE;
	font: bold 1.1em;
	padding: 8px 0px 8px 12px;
	margin: 1.2em 1em 1.2em 1em;
}

#nav ul
{
	margin: 0;
	padding: 1em 0 0 0;
}

#nav li
{
	list-style: none;
	margin: 0 1em 1em 1em;
	font-size: 14pt;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}

#nav li a
{
	background: #231F20;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 12px 0 12px 0;
}

#nav li a:hover
{
	background: #9C997C;
	color: black;
}

#navPad
{
	background: #25679D;	
}


/*
	main styles
*/

#main td {padding-bottom: 0}
#main th {padding: 1em 0 0.5em}

#main .padded
{
	padding: 10px 10px;
}

#main ul
{
	list-style-image: url('../Images/square-bullet.png');
	list-style-position: outside;
}

#main ul,
#main ol
{
	color: #005794;
	font-weight: bold;
	font-size: 12pt;
}

#main li
{
	margin: 0;
	padding-left: 1em;
}

#main ol li,
#main ul.noBullet li
{
	padding-left: 0;
}

#main ul.inline
{
	padding-left: 0;
}

#main ul.inline li
{
	padding-left: 0.5em;
}


/*
	promo styles
*/

#promo .padded
{
	padding: 1em 1em;
}


/*
	footer styles
*/

#footer .floatLeft,
#footer .floatRight {padding: 0 16px;}

#footer a {color: #EEE;}
#footer a:hover {color: #FAFCB0;}

#footer ul
{
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: bold;
}

#footer li
{
	font-size: 12pt;
}


/*
	jQuery lightBox plugin - Gallery style
*/

#gallery
{
	background-color: #EAEEF4;
	padding: 10px;
}

#gallery ul
{
	list-style: none;
	padding: 0;
}

#gallery ul li
{
	display: inline;
}

#gallery ul img
{
	border: 5px solid silver;
	border-width: 5px 5px 20px;
	color: white
}

#gallery ul a:hover img
{
	border-color: #fff;
}

#gallery a { text-decoration: none; }
/* #gallery a:hover { color: black; }*/

#gallery td div
{
	background-color: white;
	padding: 6px;
	margin: 8px;
}


/*
	generic styles
*/

.clear
{
	clear: both;
	height: 1px;
}

.centerTable
{
	margin: auto;
}

.floatLeft {float: left;}
.floatRight {float: right;}
.relative {position: relative;}
.centerText {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.noBullet li
{
	list-style-type: none;
	list-style-image: none;
}

.inline li
{
	display: inline;
	padding: 0 0.5em;
	/* white-space: nowrap; -- doesn't work properly in IE :-/ (IE shows all items on one infinitely long line) */
}

ul.inline li span
{
	white-space: nowrap;
}