/* Useful CSS Reference: http://www.w3schools.com/css/ */

/* 
	NB. Names prefixed with a dot denote a class name, 
		names prefixed with a hash (#) mean an element ID. 
		If neither is shown the name refers directly to a HTML element 
*/

/*
	Hexadecimal Colour Guide
		
	Dark Blue:		#2A3B8B
	Alt Dark Blue:	#00005B
	Logo Blue:		#2C3C7E 

	Light Blue: 	#dee9f5

	Dark Red:		#990000	
	Light Red:		#F5F0E1

	Black:			#000000
	White:			#ffffff
	Red:			#ff0000
	Blue:			#0000ff
	
*/

/* General styles used by default */


/* Default table atrributes */

table
{
    font-size:100%;
}

.layout, div
{
    padding:0em 0em 0em 0em;
    margin:0em 0em 0em 0em;
}

.visual-clear
{
    clear:both;
}

/* Default heading styles  START */

h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
	color:#00005B;
}

h1
{
    font-size:150%;
}

h2
{
    font-size:130%;
}

h3
{
    font-size:125%;
}

h4
{
    font-size:120%;
}

h5
{
    font-size:115%;
}

h6
{
    font-size:110%;
}

/* Default heading styles  END */

/* Logo area START */

.logo
{
    vertical-align:middle;
    margin-top:1.5em;
    font-family:Arial !important;
	width: 752px;
}

.logo img
{
    padding-right:0.75em;
}

.logo h1
{
    color:#2C3C7E !important;
    font-size:200%;
    text-align: left;
    font-family:"Microsoft Sans Serif"; 
    font-weight:normal;
    text-transform:none;
    border-bottom:1px solid #ff0000;
    margin-bottom:0em !important;
    padding:0.25em 0em 0.1em 0em !important;
}

.logo #logo-title, .logo #location, .logo #url, .logo #date
{
	white-space:nowrap;
}

.logo #location, .logo #url, .logo #date
{
    vertical-align:top;
}

.logo h1, .logo #logo-title
{
	vertical-align:bottom;
}

.logo #location, .logo #url a
{
    font-style:italic;
    color: #ff0000;
    font-weight:bold;
}

.logo #url
{
    padding-right:1em;
}

.logo #location
{
    text-align:right;
}

.logo #date
{
	text-align:right;
    color:#2C3C7E;
    width:100%;
	font-family:Verdana, Arial, "Lucida Grande", Lucida, Helvetica, sans-serif;    
}

.logo .indent
{
	padding-left:2em;
}

/* LOGO area END */



/* Header and Footer Menu START */

.horizontal-menu-holder 
{
    padding:0.25em 0em 0.25em 0em;
    margin:0.5em 0em 0.5em 0em;
    text-align:center;
    font-size:100%;
	color:#ffffff;
	background:#2A3B8B;
}

.horizontal-menu-holder a, .horizontal-menu-holder a:hover, .horizontal-menu-holder a:visited
{
  	color: #ffffff; 
}

.horizontal-menu
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.horizontal-menu li
{
    display: inline;
    padding: 0;
    margin: 0;
}

/* Header and Footer Menu END */



/* Side Menu START */

.vertical-menu ul 
{
	text-align:right;
	margin: 0;
	padding: 0;
	list-style: none;
	width:14em;
	border-bottom: 1px solid #ffffff;
}

.vertical-menu ul ul
{
	text-align:left !important;
}

.vertical-menu ul li 
{
    position: relative;
}

.vertical-menu li ul 
{
	position: absolute;
	left: 13.99em;
	top: 0;
	display: none;
}

.vertical-menu ul li a 
{
	display: block;
	text-decoration: none;
	background: #DEE9F5;
	padding: 5px;
	border: 1px solid #ffffff;
	border-bottom: 0;
}

.alt-menu-item a
{
	color: #FFFFFF !important;
	background: #2A3B8B !important;
}

:hover.dummy-menu-item
{
	text-decoration:none;
	color:#000000;
}


/* Fix IE. Hide from IE Mac \*/
* html .vertical-menu ul li { float: left; height: 1%; }
* html .vertical-menu ul li a { height: 1%; }
/* End */

.vertical-menu li:hover ul, .vertical-menu li.over ul 
{ 
    display: block;
}


/* Side Menu END */



/* Footer START */

#copyright
{
    margin-top:1.5em;
    font-size:90%;
    text-align:center;
    width:100%;
}

/* Footer END */



/* HTML forms START */

label
{
	font-weight:bold;
}

option, textarea, select, input
{
    font-size:100%;
    background:#ffffff;  
    font-family:Verdana, Arial, "Lucida Grande", Lucida, Helvetica, sans-serif;;
	color:#000000;
}

.field
{
	padding:1em 0.5em 1em 0.5em;
	text-align:center;
}

legend, caption
{
	color:#00005B;
	font-size:120%;
	font-weight:bold;
}


#contact-info th, .flashes th
{
	text-align:left;
}

.required
{
	font-weight:bold;
	color:#990000;
}
/* HTML forms END */



/* Shaded Boxes */

.alt-background
{
	background:#F5F0E1;
}

#content {
	width: 752px;
}

.thumbs {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}

.thumb {
	display: block;
	float: left;
	margin: 5px;
	padding: 4px 4px 9px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#movie {
}