body {
	font: small/1.8em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 2;
	background-color: #CC0000;

}



h1 {

	font-size: x-large;

	font-weight: normal;

	line-height: 2em;

}



h2 {

	font-size: large;

	font-weight: normal;

}



h3 {

	font-size: medium;

	font-weight: normal;

}



a {

	color: #2a65ad;

	color: #2A65AC;

	font-weight: bold;

	text-decoration: none;	

}



a:visited {

	color: #3A7DCF;

}



a:hover {

	color: #000;

	border-bottom: 1px solid;

}



img {
	border: 0;

}



input {

	border: 1px solid #bbb;

}

input:focus {

	border: 1px solid #C6DDF1;

}



.hide {

	position: absolute;

	left: -9000px;

}



#header {
	margin: 0;
	padding: 0;
	height: 120px;
	float: none;
	width: 100%;
	border-bottom:1px solid #fff;

	

	

		

}

	#header p {

		font-size: large;

		font-weight: light;

	}



#nav-page {

	position: absolute;

	left: -5000px;

}



#content-main {

	float: right;

	width: 75%;

	padding: 1.5em 2.0em;

	margin: 1em 1em;

	background:#FFFFFF;

		

}

.info-page img{

border:1px solid black;

}



#content-main img{



border:0;

margin: 0;

 

}







#nav-main {

	float: left;

	width: 15%;

	margin: 0em 0em 0em 0em;

	padding: 1.5em;

	letter-spacing: 0.1em;	

	border:none;

}

#home .home, #v2 .v2, #v3 .v3, #v4 .v4  {

	color: #000;

	background: #98BFE6 url(images/arrow.gif) 0.2em no-repeat;

}

	

	

#nav-secondary {
	position:absolute;
	top: 278px;
	left: 8px;
	width: 160px;
	margin-top: 1em;
	padding: 0.5em;
	background-image:url(images/contentBG2.png);
	color:#666;
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:18px;
	width:150px;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	text-indent:2px;



}



#nav-secondary2 {
	position:absolute;
	top: 490px;
	left: 7px;
	width: 167px;
	font-size:12px;
	background-color:#b8d33f;
	margin-top:10px;
	padding:0;
	color:#fff;
	font-family:arial, sans-serif;
	line-height:24px;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	text-indent:5px;

	

	

	

}

#nav-secondary2 ul{list-style-type:none; padding:0; margin:0;}

#nav-secondary2 li{float:left; width:163px; border-top:1px solid #fff;}

#nav-secondary2 li.a{color:#fff;}

#nav-secondary2 li.hover {color:#ff0; text-decoration:none;}

#nav-secondary2 li.click {color:#ff0;}

	

	



#footer {

	float: left;

	width: 95%;

	height: 15px;

	margin: 15em 1em 1em 1em;

	padding: 0.5em;

	text-align:center;

	background-image:url(images/contentBG2.png);

}



#content-main, #nav-secondary, #nav-secondary2, #footer{

	border: solid;

	border-width: 1px;

	border-color: #fff;

}



/*This is menu specific css*/





#outer {width:504px; height:510px; position:relative; background:url(red_frog.jpg) no-repeat 0px 160px;}



#outer #content {clear:left; position:absolute; left:230px; top:10px; width:250px; z-index:10;}



/* the above code not needed for this instance*/



#menu {list-style-type:none; padding:0; margin:0; width:160px; position:absolute; top:132px; left:8px; border:1px solid #fff; border-width:0 1px 1px; z-index:100;}

#menu ul {list-style-type:none; padding:0; margin:0;}

#menu li {float:left; background:#657; position:relative; border-top:1px solid #fff;}



#menu li.sub {background:#B8D33F;}



#menu li, #menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:12px; line-height:24px; width:160px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}





#menu ul,

#menu li.click ul ul,

#menu li.click ul li.hover ul ul {display:none;}



#menu li.hover {color:#ff0; z-index:500;}

#menu li.click {color:#ff0;}



#menu li.click ul {display:block;}

#menu li.click ul li.hover ul, 

#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}



#menu li.click ul li.fly {background: #657 url(menu/menufiles/frog_arrow.gif) no-repeat top right;}

#menu li.click ul li.hover {background:#98a;}



#menu li.click ul li.hover ul li {background:#0A5F9E;}

#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}



#menu li.click ul li.hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}

#menu li.click ul li.hover ul li.hover {z-index:500; background:#870A9E;}

#menu li.click ul li.hover ul li.hover a {color:#000;}



#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}

#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}



#outer img {display:block; float:right;}

#outer p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}





/* Calendar CSS */

.calborder {

   border:2px solid #333333;

   border-collapse:collapse;

}

.calmonthbg {

   background: #333333;

}

.calmonth {

   color: #ffffff;

   size: 1px;

}

.calyear {

   color: #ffffff;

   size: 1px;

   text-align: right;

}

.caldays {

   background: #D46D34;

   color: #000000;

   size: 1px;

   text-align: center;

}

.caltoday {

   background: #eeeeee;

   border: 1px solid #eeeeee;

   border-collapse: collapse;

   color: #000000;

}

.calnogigs {

   background: #ffffff;

   border: 1px solid #eeeeee;

   border-collapse: collapse;

   color: #000000;

}

.calgig {

   background: #333333;

   border: 1px solid #eeeeee;

   border-collapse: collapse;

   color: #CBE52E;

}

.calnodate {

   background: #000000;

   border: 1px solid #eeeeee;

   border-collapse: collapse;

   color: #eeeeee;

}



/* Tooltips CSS */

body div#toolTip { 

   position:absolute;

   z-index:1000;

   width:220px;

   background:#000;

   border:2px double #fff;

   text-align:left;

   padding:5px;

   min-height:1em;

   -moz-border-radius:5px;

}

body div#toolTip p { 

   margin:0;

   padding:0;

   color:#fff;

   font:11px/12px verdana,arial,sans-serif;

}

body div#toolTip p em { 

   display:block;

   margin-top:3px;

   color:#D46D34;

   font-style:normal;

   font-weight:bold; 

}

body div#toolTip p em span { 

   font-weight:bold;

   color:#fff;

}





/*This is for the tape for larger pics*/





.photo {	

	border: solid 1px #000;

	padding:4px;

	float:left;

	position:relative;

	margin:10px;

	background-color:#F7F7D4;

}

.photo span {

	width: 77px;

	height: 27px;	

	position: absolute;

	top: -15px;

	left: 75px;

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

}

.photo a {

	text-decoration: none;

}



/*This is for the pin for small pics*/





.photopin {	

	border: solid 1px #000;

	padding:4px;

	float:left;

	position:relative;

	margin:10px;

	background-color:#F7F7D4;

}

.photopin span {

	width: 28px;

	height: 21px;	

	position: absolute;

	top: -15px;

	left: 75px;

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

}

.photopin a {

	text-decoration: none;

}



/*This is for the paper clip for small pics*/





.photoclip {	

	border: solid 1px #000;

	padding:4px;

	float:left;

	position:relative;

	margin:10px;

	background-color:#F7F7D4;

}

.photoclip span {

	width: 20px;

	height: 41px;	

	position: absolute;

	top: -5px;

	left: 75px;

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

}

.photoclip a {

	text-decoration: none;

}



/*This is ecommerce templates specific*/



P.catname {

margin-top: 0px;

margin-bottom: 4px;

vertical-align:top;

text-align: left;

}



P.catdesc {

margin-top: 0px;

margin-bottom: 4px;

vertical-align:top;

}



IMG.catimage {

border:0;  

vertical-align:top;

}



TD.catimage {

vertical-align:top;

}



TD.catname {

vertical-align:top;

text-align: left;

}



TD.catnavigation {

vertical-align:middle;

text-align: left;

}