/*CSS for template-1col-tcm-templates page including flickr drop down*/

/*Fonts Note 2.0em = 28pt, 1.6em = 20pt, 1.2em = 16pt, 1.0em=14pt, 0.8em = 12pt,0.6em = 10pt */

h1
	{font-family: Arial, Helvetica, sans-serif;font-size: 2.0em;font-weight:bold;color:red;text-align: center
	}
	
h2
	{font-family: Arial, Helvetica, sans-serif;font-size: 1.6em;font-weight:bold;color:#703e19;text-align: center
	}

h3
	{font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;font-weight:bold;color:#703e19;text-align: center
	}

p.largebeigeboldcenter
	{font-size: 1.0em;font-family: Arial, Helvetica, sans-serif;font-weight:bold;color:#703e19;text-align:center;
	}

p.largewhiteboldcenter
	{font-size: 1.0em;font-family: Arial, Helvetica, sans-serif;font-weight:bold;color:white;text-align:center
	}
p.largeredboldcenter
	{font-size: 1.0em;font-family: Arial, Helvetica, sans-serif;font-weight:bold;color:red;text-align:center
	}

p.midblackbold
	{font-size: 0.8em;font-family: Arial, Helvetica, sans-serif;font-weight:bold;color:black
	}
	
p.midwhitebold
	{font-size: 1.0em;font-family: Arial, Helvetica, sans-serif;font-weight:bold;color:white
	}
	
p.midredbold
	{font-size: 0.8em;font-family: Arial, Helvetica, sans-serif;font-weight:bold;color:red
	}

p.midbeigebold
	{font-size: 0.8em;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color:#703e19
	}
	
p.midblacknormal
	{font-size: 0.8em;font-family: Arial, Helvetica, sans-serif;font-weight:normal; color:black
	}

p.midrednormal
	{font-size:0.8em;font-family: Arial, Helvetica, sans-serif;font-weight:normal;color:red
	}
	
p.midwhitenormal
	{font-size: 0.8em;font-family: Arial, Helvetica, sans-serif;font-weight: normal;color:white
	}
	
p.midbeigenormal
	{font-size: 0.8em;font-family: Arial, Helvetica, sans-serif;font-weight: normal;color:#703e19
	}

p.smallblacknormal
	{font-size: 0.6em;font-family: Verdana;font-weight:normal;color:black
	}

p.smallrednormal
	{font-size: 0.6em;font-family: Arial, Helvetica, sans-serif;font-weight:normal;color:red
	}

p.smallbeigenormal
	{font-size: 0.6em;font-family: Arial, Helvetica, sans-serif;font-weight:normal;color:#703e19
	}

.space
{
padding-top:5px;
padding-bottom:5px;
}

/*page a link colors*/
a:link {text-decoration:underline;color:#0066ff} 		/*mid-blue*/
a:visited {text-decoration:underline;color:#0066ff}		/*mid-blue*/
a:hover{text-decoration:none;color:#ff9900}			/*orange*/

img.c0 {border:0}
img.c1 {border:1}

/*DIV ids for page*/

#container
{
	width:100%;
	margin: 0pt auto;
}

#outerheaderbox
{
	margin: 0pt auto;
	width: 99%; 
	text-align: center; 
	background-color: #ffffff;		/*white*/
}


#headerimage
{
    display: block;
    margin-left: auto;
    margin-right: auto;
	width:99%;
	height:7em;
	white-space:nowrap;
}

#headerimagetext1 
{
	margin-left:15px;
	padding:5px;
	font-size: 2.0em;
	font-family: verdana;
	font-weight:bold;color:red;
	float:left; 
    	position: relative;
	top:25px;
}

#headerimagetext2 
{
	padding:5px;
	font-size: 2.0em;
	font-family: verdana;
	font-weight:bold;color:green;
	float:left; 
    	position: relative;
	top:25px;
}

#headerimagetext3 
{
	padding:5px;
	font-size: 2.0em;
	font-family: verdana;
	font-weight:bold;color:blue;
	float:left; 
    	position: relative;
	top:25px;;
}

#outerbuttonbox
{
	margin: 0pt auto;
	width: 700px; 
	text-align: center; 	
	background-color: #ffffff;		/*white*/
}

#innerbuttonbox
{
	margin: 0pt auto;
	width: 99%; 
	text-align: center; 
	background-color: #ffffff;		/*white*/
}

#outermainbox
{
	margin-left: 5pt;
	width: 99%; 
	text-align: center; 
	background-color: #775747;		/*chocolate*/
}

#innermainbox
{
	margin: 0pt auto;
	width: 99%; 
	text-align: center; 
	background-color: #ffffff;		/*white*/
}

#outermainleftbox
{
	float:left;
	margin-left: 5pt;
	margin-right:5pt;  
	width: 47%;
	text-align: center; 
	background-color: #775747;		/*chocolate*/
}
#innermainleftbox
{
	margin: 0pt auto; 
	width: 98%; 
	text-align: center; 
	background-color: #FBF1EB;		/*very light beige*/
}

#outermainrightbox
{	
	float:right;
	margin-left: 5pt;
	margin-right:5pt;  
	width: 47%; 
	text-align: center; 
	background-color: #775747;		/*chocolate*/
}

#innermainrightbox
{
	margin: 0pt auto; 
	width:98%; 
	background-color: #fbf1eb;		/*very light beige*/
}

#outerfooterbox
{
	margin: 0pt auto;
	width: 99%; 
	text-align: center; 
	background-color: #775747;		/*chocolate*/
}

#innerfooterbox
{
	margin: 0pt auto;
	width: 99%;
	background-color: #d9c5bb;		/*light beige*/
}

/** 
 * Flickr Ultimate CSS Drop-Down Menu Theme using images - modified by Ian Ridpath
 *
 * @file		default.ultimate.css
 * @name		Flickr
 * @version		beta
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */


/*-------------------------------------------------/

/*@general page set up*/

* {
 margin: 0;
 padding: 0;
 outline: none;
}

body{}


p { margin-bottom: 1em; }

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}


	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #ffffff; text-decoration: none; }
	ul.dropdown a:hover	{ color: #ffffff; text-decoration: underline; }
	ul.dropdown a:active	{ color: #ff0084; }

/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown 
{
 	padding-bottom: 1px;
 	background: url() 0 100% repeat-x;					/*background image for menu items*/
	color:#ffffff;						/*font color for menu items when using an image*/
 	font: bold 0.8em/normal Arial, Helvetica, sans-serif;
}

ul.dropdown li
{
	padding: 4px 6px;
 	background: url(images-tcm-templatepage/beige-gradient-reverse.jpg) 0 100%  repeat-x;	/*background image for menu items*/
	color: #ffffff; 					/*menu default text - white*/
}

ul.dropdown li.divider 
{
	 border-top: solid 1px #e5e5e5;
}

	ul.dropdown li.hover,ul.dropdown li:hover 
{
 	background: url(images-tcm-templatepage/beige-gradient-reverse.jpg) 0 100%  repeat-x;	/*hover background image for menu items*/
	color: #ffffff;						/*menu hover text - white*/
}


	/* -- level mark -- */

ul.dropdown ul 
{
	 width: 150px;
	 padding: 3px 6px;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #f0f0f0 #666 #666 #f0f0f0;
	 background-color: #a0663a;				/*menu default background - dark-beige*/
	 color:#ffffff;						/*menu default text color*/
	 font-weight: bold;
	 font-size: 11px;
}

ul.dropdown ul li 
{
}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir 
{
	padding-right: 25px;
	background-image: url(images-tcm-templatepage/arrow-down.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}


/* -- Components override -- */


ul.dropdown-horizontal
{
	width: 100%;
}

ul.dropdown-horizontal ul *.dir 
{
	padding-right: 25px;
	background-image: url(images-tcm-templatepage/arrow-right.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}



/*-------------------------------------------------/
 * @section		Base Style Extension
 */


ul.dropdown span,ul.dropdown a 
{ 
	display: block;
	padding: 4px 6px;
}

ul.dropdown ul a,
ul.dropdown ul span {
 padding: 4px 0;
}


/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li 
{
	padding: 0;
	border: none;
}


/*-------------------------------------------------/
 *	@section	Custom Styles
 */

ul.dropdown li a,ul.dropdown *.dir 
{
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: #ffffff;
}

ul.dropdown ul li a,ul.dropdown ul *.dir 
{
	border: none;
}


/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown li.hover *.open 
{
	position: relative;
	z-index: 600;
	margin: -1px 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: #f0f0f0 #666 #666 #f0f0f0;

	background-image: url(images-tcm-templatepage/arrow-down.gif);
	color: #ffffff;									/*menu hover text - white*/
	zoom: 1;
}

ul.dropdown-horizontal li.hover *.open 
{
	float: left;
	zoom: none;
}


ul.dropdown ul li.hover *.open 
{
	position: static;
	z-index: 0;
	float: none;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	border: none;
}

ul.dropdown ul li.hover *.open 
{
	background-image: url(images-tcm-templatepage/arrow-right.gif);
}


ul.dropdown a.dir:hover 
{
	background-image: url(images-tcm-templatepage/arrow-down.gif) !important;
}


ul.dropdown ul a.dir:hover 
{
	background-image: url(images-tcm-templatepage/arrow-right.gif) !important;
}


	/* CSS2 clone */

ul.dropdown li:hover > *.dir {
	 position: relative;
	 z-index: 600;
	 margin: -1px 0;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 border-color: #f0f0f0 #666 #666 #f0f0f0;
 	 /*background: url(images-tcm-templatepage/beige-gradient-reverse.jpg) 0 100%  top center repeat-x; /*hover background image for menu items*/

	 color: #ffffff; 								/*menu hover text - white*/
	 zoom: 1;
}

ul.dropdown-horizontal li:hover > *.dir 
{
	 float: left;
	 zoom: none;
}


ul.dropdown ul li:hover > *.dir 
{
	 position: static;
	 z-index: 0;
	 float: none;
	 margin: 0;
	 padding-top: 4px;
	 padding-bottom: 4px;
	 border: none;
}

ul.dropdown ul li:hover > *.dir 
{
	 background-image: url(images-tcm-templatepage/arrow-right.gif);
}