body{

margin:0;

padding:0;

line-height: 1.5em;

font-size: 11px;

font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;

background-color:#fff;

/**background-image: url('images/bg.jpg'); /** Link to the image you created **/

/**background-repeat: no-repeat; /** Repeats the image vertically **/

/** Centers the Background image **/

background-color: #121212; background-position-x:center;

     scrollbar-base-color: #c0c0c0;
     scrollbar-arrow-color: #000000;
     scrollbar-face-color: #c0c0c0;

}



#maincontainer{

width: 777px; /*Width of main container*/

margin: 0 auto; /*Center container on page*/

border:1px solid #999;

background: #dddddd;

/** background: #dddddd url('images/bg-main.gif') repeat-x; **/

}



#topsection{

background: #fff;

height: 90px; /*Height of top section*/

}



#topsection h1{

margin: 0;

padding-top: 15px;

}



#contentwrapper{

float: left;

width: 100%;

}



#contentcolumn{

z-index:0;

margin: 0 180px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}



#leftcolumn{

overflow: hidden;

float: left;

width: 190px; /*Width of left column in pixel*/

margin-left: -778px; /*Set margin to that of -(MainContainerWidth)*/

}



#rightcolumn{

overflow: hidden;

float: left;

width: 190px; /*Width of right column*/

margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/

}



#showcase{

clear: left;

width: 100%;

background: transparent;

color: #FFF;

text-align: center;

padding: 0px;

font-size:10px; 

border: 0px solid #000;

margin-top:0;

line-height: 14px;

}



#showcase img {

text-align: center;

padding: 5px;

border: 1px solid silver;

background: #ddd;

margin:5px;

}



#footer{

clear: left;

width: 100%;

background: #888;

color: #FFF;

text-align: center;

padding: 4px 0;

font-size:10px; 

border: 0px solid #000;

margin-top:0;

line-height: 14px;

}



#footer ul, #footer li {display:inline; list-style:none; color:#fff; padding:5px; text-align: center;}



#footer a {color:#fff; text-align: center; display:inline; list-style:none; font-weight:normal;}



#footer img {text-align: center;}



.innertube{

margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/

background: #fff url('images/back_0.gif') repeat-x;

border: 1px solid silver;

padding: 5px;

height: 385px

}



h1, h2, h3, h4 {display:block; font-size:12px; background:transparent; color:#000; margin-bottom:14px; font-weight:bold; margin-top:3px;} 



/* links

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

a:link {

	color: #609;

	font-weight: normal;

	text-decoration: none;

	border: 0px none;

	}

a:visited {

	font-weight: normal;

	text-decoration: none;

	border: 0px none;

	}

a:hover {

	background: CCCCCC;

text-decoration: underline;

	border: 0px none;

	}

a:active {

	background: #F5F4F4;

text-decoration: underline;

border: 0px none;

	}

	

/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/drop_variations.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

 /* common styling */



 /* Set up the default font and overall size to include image */

.menu {

height:35px;

background: #222;



}

/* get rid of the default padding - margin and bullets */

.menu ul {

padding:0; 

margin:0;

list-style-type: none;

text-align: center;

}

/* make menu horizontal */

.menu ul li {

float:left;

position:relative;

background: url('images/menu.png') no-repeat;



}

/* set up the default top level links */

.menu ul li a, .menu ul li a:visited {

display:block; 

text-decoration:none; 

width:85px; 

//width:85px; 

//height:1.5em;

font-weight:bold;

color:#fff; 

border: 0px solid #ccc;

background: transparent; 

padding-left:1px; 

//line-height:1.5em;

margin-right:0px;

margin-top:0px;

line-height:3em; 

}

/* hack for IE5.5 to correct the faulty box model */

* html .menu ul li a, .menu ul li a:visited {

width:85px;

/*width:85px;

}

/* hide the drop down menu */

.menu ul li ul {

display: none;

z-index: 101;

}

/* remove all table style so that it does not interfere with the menu */

.menu table {

margin:-1px; 

border-collapse:collapse;

font-size:1em;

z-index: 101;

}



/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */



/* style the top level hover */

.menu ul li:hover a,

.menu ul li a:hover {

color:#ddd; 

border-bottom:0px solid #606;

background: transparent;

height:35px;

margin-top:0px;

}

/* make the drop down menu show and correctly position it */

.menu ul li:hover ul,

.menu ul li a:hover ul {

display:block; 

position:absolute; 

top:2em;

margin-top:13px;

left:0; 

width:100px;

border:1px solid #888;

background: #eee;

text-align: left;

z-index: 101;

}

/* style the drop down links with no hover */

.menu ul li:hover ul li a,

.menu ul li a:hover ul li a {

display:block; 

background: #fff url('images/opaque.png'); 

color:#000; 

border:0px none;

margin:0;

color:#333;

font-weight:normal; 

font-size:0.9em;

height:auto; 

line-height:1em; 

padding:5px; 

width:100px;

text-align: left

}

/* style the drop down menu links when hovered */

.menu ul li:hover ul li a:hover,

.menu ul li a:hover ul li a:hover {

background:#888; 

color:#fff;

text-align: left;

}



/* special styling for IE5.5 and IE6 - transparency is non validating */

.menu ul li a:hover ul {

background: margin-top url('images/opaque.png') 12px 12px; /* for IE5.5 faulty box model */

marg\in-top:12px; /* for IE6 */

text-align: left;

z-index: 101

}

/* IE5.5 hack for faulty box model in drop down menu */

.menu ul li a:hover ul li a {

background:#eee;

width:100px; /* for IE5.5 faulty box model */

width:100px; /* for IE6 */

text-align: left;

z-index: 101;

}



.clear {clear:both; text-align:center;} 



.flash {

z-index:-10;

}







/*image behaviours */



img {border:0px none;}



.rolls{

float:left;

margin:2px;

padding:5px;

border:1px solid #888;

background:#eee;

font-size: 10px;

text-align: center;

}



.rolls img {

border: 1px solid #888;

width: 125px;



}



.dropcap {

float: left;

 font-family: Old English, Georgia,serif;

 font-size: 300%;

 line-height: 0.85em;

 margin-right: 0.03em;

 margin-bottom:-0.25em;

}





/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.gallerycontainer{

position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/

}



.thumbnail img{

border: 1px solid #ccc;

margin: 0 5px 5px 0;

border: 1px solid #000000;

padding: 2px;

background-color: #FFFFFF;

float:left;

}



.thumbnail:hover{

background-color: transparent;

}



.thumbnail:hover img{

border: 1px solid silver;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background: #ddd;

padding: 2px;

left: -1000px;

border: 1px solid silver;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border: 1px solid silver;

padding: 0px;

clear:right;

width:305px;

}



.thumbnail:hover span{ /*CSS for enlarged image*/

position:absolute;

visibility: visible;

top: -100;

left: 300px; /*position where enlarged image should offset horizontally */

z-index: 50;

}







/* calendar list */

dl.calendar {

	margin-bottom: 1.5em;

	font-size: 10px;



}

dl.calendar dt {

	margin-right: 12px;

	float: left;		

	display: block; 

	background: white url('images/calendar.gif') no-repeat;

	width: 43px;

	height: 44px;

	text-decoration: none;

	text-align: center			

	}

dl.calendar dt span {

	padding-left: 4px;			

	padding-top: 12px;

	font-size: 10px;

	color: #777;

	font-weight: normal;

	text-transform: uppercase;

	display: block;		

	line-height: .7em;

	}	

dl.calendar dt strong {

	padding-left: 4px;			

	font-family: Georgia, "Times New Roman", Serif;

	font-size: 13px;

	color: #000;

	font-weight: normal;

	text-transform: uppercase;

	display: block;		

	line-height: 1em;

	}

dl.calendar dd.title, dl.calendar dd.description {

	line-height: 1.4em;

	margin-left: 10px;

		} 

dl.calendar dd.title{ margin-bottom: .3em;font-weight: bold;}

dl.calendar dd.break { clear: left; height: 1em; overflow: hidden; }



.text {display:block; padding:10px; width:460px; height:; margin:10px;  text-align:justify; color:#000; background: #fff url('images/back_0.gif') repeat-x; border:1px solid #999} 

.text {width/* */:/**/460px;  width: /**/460px; height: /**/} 



#simplyForm fieldset

{

	display: block;

	width: 140px;

	margin: 0 0 5px 0;

	padding: 0 5px 5px 5px;

	background-color: #EEEEEE;

}



#simplyForm fieldset.submit

{

	border: none;

	background-color: transparent;

	text-align: center;

}



#simplyForm fieldset.radio

{

	width: 125px;

	margin: 5px 0 5px 0;

	background-color: #DDDDDD;

}



#simplyForm fieldset.radio label

{

	font-weight: normal;

}



#simplyForm fieldset.radio input

{

	clear: both;

	float: left;

	width: auto;

}



#simplyForm input

{

	display: block;

	width: 100px;

}



#simplyForm label

{

	display: block;

	margin-bottom: 5px;

	font-weight: bold;

}



#simplyForm select

{

	display: block;

}



.dropcap {

float: left;

 font-family: Old English, Georgia,serif;

 font-size: 300%;

 line-height: 0.85em;

 margin-right: 0.03em;

 margin-bottom:-0.25em;

}



.advert {

bottom: 0px;

 font-family: Old English, Georgia,serif;

 font-size: 300%;

 line-height: 0.85em;

 margin-right: 0.03em;

 margin-bottom:-0.25em;

}







dl {



    padding: 0em;

width: 150px;

font-size: 11px;

background: #FAF5FF;

  }

dd {

    margin-left: 0em;

    padding-left: 0.3em;

display: inline;

  }



.first {

    width: 80px;

    text-align: left;

    font-weight: bold;

padding-left: 1em;

clear: both;

color: #777777;

  }





dt {

font-family: Georgia, "Times New Roman", Serif;

   font-weight: bold;

    color: #000;

clear: both;

border-bottom: 1px solid #777777;

padding-top: 1em;

width: 150px;

  }

.clearer {clear:both;}





#dhtmltooltip{

position: absolute;

left: -300px;

width: 150px;

border: 1px solid black;

padding: 2px;

background-color: lightyellow;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}



#dhtmlpointer{

position:absolute;

left: -300px;

z-index: 101;

visibility: hidden;

}