/* Reset default browser rendering */
@import url("reset.css");

/* **************************************** */


body {
	background-color: #FFFFFF;
	font-family: Georgia, Times New Roman, serif;
	font-size: small;
	text-decoration: none;
	color: #333333;
	margin-top: 20px;
	
}

a:hover {
	font-family: Georgia, Times New Roman, serif;
	font-size: small;
	text-decoration: underline;
	color: #ed1f24;
}

a {
	font-family: Georgia, Times New Roman, serif;
	font-size: small;
	text-decoration: none;
	color: #333333;
}


.quote {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 20px;
	clear: both
}

h2 {
	width:844px;
	/* background-color: aqua */
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: italic;
}

h3 {
	font-style: italic;
	text-transform: capitalize;
	font-weight: bold
}
#container {
	width: 899px;
	margin-left: auto;
	margin-right: auto;
}

#hdr{
	width: 881px;
	background-color: #ed1f24;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	height: 22px;
}

#ftr{
	width: 881px;
	background-color: #ed1f24;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 6px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	height: 16px;
	font-size: smaller;
	color: white
}

.left {
	float: left;
	text-align:left;
}

.right {
	float: right;
	text-align:right;
}

#flowpanes div.hdr2 {
	width:844px;
	/* background-color: aqua */
	margin-top: 0px;
	margin-bottom: 0px;
}


#flowpanes div.col {
	width: 407px;
	height: 363px;
	float: left;
	overflow: hidden;
	/*background-color: aqua*/
}


#flowpanes div.col.flexcroll {
	width: 407px;
	height: 363px;
	float: left;
}

#flexcroll {
	width: 407px;
	height: 363px;
	float: left;
}

#flowpanes div.col #thumbs {
	width: 398px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	/* background-color: aqua */
}

#flowpanes div.col #thumbs2 {
	width: 398px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	/* background-color: aqua */
}

#flowpanes div.col #thumbs3 {
	width: 398px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#flowpanes div.col #thumbs4 {
	width: 998px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

#flowpanes div.col #top {
	width: 398px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px
}

#flowpanes div.col #top2 {
	width: 398px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px
}

#flowpanes div.col #top img{
	margin-right: 7px
}

#flowpanes div.col #thumbs img {
	margin-right: 14px;
	
	/* background-color: aqua */
}

#flowpanes div.col #thumbs2 img {
	margin-right: 30px;
	margin-top: 5px;
	/* background-color: aqua */
}

#flowpanes div.col #thumbs3 img {
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
	/* background-color: aqua */
}

#flowpanes div.col #thumbs4 img {
	margin-right: 7px;
	/* background-color: aqua */
}


#flowpanes div.col #thumbs2 img.right {
	margin-right: 11px;
	/* background-color: aqua */
}

#flowpanes div.col #thumbs3 img.right {
	/* background-color: aqua */
}

#flowpanes div.col #thumbs2 img.left {
	margin-right: 31px;
	/* background-color: aqua */
}

#flowpanes div.col #thumbs2 img.centre {
	margin-right: 11px;
	margin-left: 11px;
	/* background-color: aqua */
}

#flowpanes div.col #thumbs3 img.left {
	margin-right: 11px;
	/* background-color: aqua */
}

#flowpanes div.col #thumbs3 img.centre {
	margin-right: 11px;
	margin-left: 30px;
	/* background-color: aqua */
}

#flowpanes div.col blockquote {
	/* background-color: aqua */
	margin-left: 10px;
	margin-right: 10px;
	font-style: italic
}



/* flowplayer styles */


/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:899px;
	height:31px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin-top:0px;
	margin-bottom:0px; 
	padding: 10px; 
	text-indent:0; 
	list-style-type:none;
	width: 68px;
	height: 30px;
	font-style: italic;
	text-align: center;
	
	
}

/* a- tag inside single tab */
#flowtabs li a {
	display:block;	
	color: #333;
	text-decoration:none;
	width: 100px;
	font-style: italic
}

#flowtabs li a:hover {
	color: #ed1f24;
}



/* panes */
#flowpanes {
	/* background: url(img/bkgrnd.jpg) no-repeat 0 -100px;	*/	
	width:899px;
	height:450px;	
	border: 1px solid gray
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#333;	
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}


/* social */

#icons {
	width: 200px;
	height: 16px;
	float: right;
	margin-top: -16px;
	
}


/* menu */

* 									{ margin: 0; padding: 0; }
#page-wrap							{ width: 800px; margin: 25px auto; } 

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #ccc; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; }