/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

#logo {
	height: 104px;
	width: 731px;
}

#logo h1 {
	float: left;
	padding: 0px 0 0 0;
	letter-spacing: 0px;
	font-size: 28px;
}

#logo h2 {
	float: left;
	padding: 0px 0 0 0;
	font-size: 12px;
	
}


/* Menu */

#menu {
	height: 30px;
	padding: 0px 0px 0px 0px;
	font:  Arial, Helvetica, sans-serif;

}

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

#menu li {
	display: inline;
	
}

#menu a {
	display: compact;
	float: left;
	width: 70px;
	height: 30px;
	padding-top: 5px;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0;
	font-size: 14px;
	font: ariel;
	color: #FF78D7;
}



#menu .active a {
	background: url(images/clickon.jpg) no-repeat;
	color: #006600;
	font-family: Arial, Helvetica, sans-serif;
}

#menu .notactive a {
	background: url(images/clickoff.jpg) no-repeat;
	color: #009900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menu a:hover {
	background: url(images/clickon.jpg) no-repeat;
	color: #000099;
}

#toplinks {
	background: url(images/toplinks.gif) no-repeat;
	width: auto;
	height: 30px;
	padding: 0px 10px 0px 0px;
}

/* Body - main*/

#body {
	height: 475px;
	width: 731px;
	vertical-align: top;
	background: url(images/mainbg.gif) no-repeat;
	color: #999999;
}

#body2 {
	height: 710px;
	width: 731px;
	vertical-align: top;
	background: url(images/mainbg1.gif) no-repeat;
	color: #999999;
}

#mainbox {
	width: 450px;

}
#line {
	width: 10px;
	height: 460px;
	background: url(images/line.jpg) no-repeat;
}
#lefttopmenu {
	height: 110px;
	width: 240px;
	padding: 5px 10px 5px 10px;
	font: Arial, Helvetica, sans-serif;

}

#leftmidmenu {
	height: 150px;
	width: 240px;
	background: url(images/visitors.jpg) no-repeat;
	padding: 5px 10px 5px 10px;
	font: Arial, Helvetica, sans-serif;

}

#leftbotmenu {
	height: 150px;
	width: 240px;
	padding: 5px 10px 5px 10px;
	font: Arial, Helvetica, sans-serif;

}

#bottombar {
	height: 122px;
	width: 731px;
	vertical-align: top;
	padding: 0px 10px 0px 10px;
	background: url(images/bottombar.jpg) no-repeat;
	font: Arial, Helvetica, sans-serif;
}


a.plain{
	color:#666666
	text-decoration: none;
}

:link {
	color: #666666;
	text-decoration: none;
}

:visited {
	color: #000000;
	text-decoration: none;
}

a:active {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #CC0000;
	text-decoration: none;

}

border {
	border: #666666, thin;
}

/* Calendar */

#calendar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	text-align: center;
}

#calendarbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
}

/* Course */

#course {
	height: 350;
}


/* Styles */
	
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
}	

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}


.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
}

.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #b1a103;
}

.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.style9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}

.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
}

.style13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.style14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #b1a103;
}

.style15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}

.style16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.style17 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}

.style18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}


.style19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC3366;
}

.style20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.style21 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009900;
}
.ladies {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC3366;
}

.mens {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066FF;
}
.jun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006600;
}

.antiq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9900FF;
}

#pscroller1{
width: auto;
height: 110px;
border: 0;
padding: 5px;
background: none;
}

.someclass{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

/* ######### Calendar CSS ######### */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 0; /*navy border*/
background: none center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #006600; /*text color*/
padding: 8px 8px;
text-decoration: none;
border-right: 0; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: #006600;
}

.indentmenu ul li a.selected{
color: #006600 !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: white center center repeat-x;
}


.tabcontentstyle{ /*style of tab content container*/
border: 0;
width: 450px;
margin-bottom: 1em;
padding: 10px 10 10 10 ;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


.dropcontent{
width: 100%;
height: 100%;
border: 0px;
background-color: #CDE1C5;
display:block;
}

<!--- Buttons on Diary --->

a.squarebutton{
background: transparent url('images/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

a.squarebutton1{
background: transparent url('images/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton1, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton1 span{
background: transparent url('images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton1:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton1:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

a.squarebutton2{
background: transparent url('images/square-red-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton2, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton2 span{
background: transparent url('images/square-red-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton2:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton2:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

a.squarebutton3{
background: transparent url('images/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton3, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton3 span{
background: transparent url('images/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton3:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton3:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
height: 30px;
}

.buttontitle {
height: 40px;
}
---- Button END --

<!------ Home page side list ----->
#menuhome li {
	float: right;
	
}

#menuhome a {
	float: left;
	width: 200px;
	height: 25px;
	padding-top: 5px;
	padding-left: 10px;
	text-transform: capitalize;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0;
	font-size: 14px;
	font: ariel;
	border: outset;
	border-color:#ffffff;
}



#menuhome .active a {
	background-color: #55BF55;
	color: #006600;
	font-family: Arial, Helvetica, sans-serif;
}

#menuhome .notactive a {
	background-color:#FFFFFF;
	color: #009900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menuhome a:hover {
	background-color: #55BF55;
	color: #000099;
}