/*your custom style goes in this file*/

#content
{
position: relative;
width: 1000px;
text-align: left;
margin: 0 auto
} 

body {
	background-color: #f9f9f9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #000000;
	text-align: center
}

/* title: for page title */
.Title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 20px;
	font-weight: bold;
	color: #000066;
}

/* header: heading text used on light background */
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000066;
}

/* text: for tables */
.texttable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-align: left;
	line-height: 2em;
	padding-left: 10px;
}
/* text: for written sections */
.text12 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000000;
	text-align: justify;
}

/* text: for written sections */
.text10 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #000000;
	text-align: justify;
}

/* caption: for captions of photographs */
.caption {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000099;
}
/* For links on light background */
a.darklink:link, a.darklink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000099;
	font-weight: bold;
	text-decoration: none;
}

a.darklink:hover, a.darklink:active {
	color: #ffff66;
	text-decoration: none;
}


#tableblue{
align=center;
position: center;
width: 400px; 
background: #f6699cc;
}

/*VERTICAL MENU  Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
text-align: left;
width: 160px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(homepage_folder/glossyback.gif) repeat-x bottom left;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(homepage_folder/glossyback2.gif);
}

.photo
{border:1px solid #000; float:center; margin:0px 0px 10px 10px;}

.padding20{
padding: 20px 20px 0px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #000099;
text-align: justify;
}

/*body{
margin:0;
padding:0;
line-height: 1.5em;
}*/

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #EAEAEA;
height: 200px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 300px 0 170px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 170px; /*Width of left column in pixel*/
margin-left: 000px; /*Set margin to that of -(MainContainerWidth)*/
background: #C8FC98;
}

#rightcolumn{
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth)*/
background: #FDE95E;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*CHUNKY BOX Margins for inner DIV inside each column (to provide padding)*/

#container {background:; width:80%; margin:0px; padding:0px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy h2, .xsnazzy p {margin:0 12px; letter-spacing:normal;}
.xsnazzy h1 {font-size:1.2em; color:#ffffff; text-align: center; font-weight: bold; letter-spacing: normal;
}
.xsnazzy h2 {font-size:0.8em; color:#ffffff; border:0; text-align: center;}
.xsnazzy h3 {font-size:1em; color:#ffffff; border:0; font-weight: normal; text-align: left;}
.xsnazzy p {padding-bottom:1em; color:#eee;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy h3 {padding-top:0.2em; padding:5px 0px 5px 10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#6699cc; overflow:hidden; border-top:12px solid #d8d8ee; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:10px solid #6699cc; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #d8d8ee; border-right:1px solid #d8d8ee;}

.xb1 {margin:0 8px; background:#d8d8ee;}
.xb2 {margin:0 6px; background:#d8d8ee;}
.xb3 {margin:0 4px; background:#d8d8ee;}
.xb4 {margin:0 3px; background:#6699cc; border-width:0 5px;}

.xb5 {margin:0 2px; background:#6699cc; border-width:0 4px;}
.xb6 {margin:0 2px; background:#6699cc; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#6699cc; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#6699cc; border:3px solid #d8d8ee; border-width:0 3px;}

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(homepage_folder/blank_over.gif);}
.preload2 {background: url(homepage_folder/blank_overa.gif);}

.menu2 {align: center; padding:0 0 0 0px; margin:0; list-style:none; height:36px; background:#f9f9f9; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(homepage_folder/blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 18px 0 6px; width: 88px; height:36px;background:url(homepage_folder/blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 18px 0 6px; width: 88px; height:36px; background:url(homepage_folder/blanka.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(homepage_folder/blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(homepage_folder/blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(homepage_folder/blank_overa.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(homepage_folder/blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(homepage_folder/blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(homepage_folder/blank_overa.gif) no-repeat right top;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:116px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:116px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:116px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(homepage_folder/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#3a93d2; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#3a93d2 url(homepage_folder/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#3a93d2 url(homepage_folder/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}

.floatleft
{
float: left;
text-align: center;
margin: 5px 5px 5px 5px;
font-size: 10px;
}