/* HTML styling */
* {padding: 0; margin: 0;}
body {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;}
h1 {font-size: 1.4em; padding: 10px 10px 0;}
p {padding: 0 10px 1em;}
html, body {height: 100%;}
* html #container {height: 100%;}

/* Page setup */
#container {min-height: 100%; background-color: #000; border-left: 0px solid #666; border-right: 0px solid #666; width: 100%; margin: 0 auto; text-align:center;}
#maincontent {width: 900px; min-height: 98%; margin: 0 auto; text-align:left;}

/* Main content area */
#main-inner {width: 900px; text-align:right; font-size:14px; font-family:Georgia, 'Times New Roman', Times, serif; color:#FFF;}
#main-left {width: 200px; text-align:left; float:left;}
#main-right {width: 700px; text-align:right; float:right;}
	
/* Header */
#header-inner {width: 900px; margin: 0 auto; text-align:right; font-size:22px; font-family:Georgia, 'Times New Roman', Times, serif; color:#FFF; padding-top: 3px;}
#header-left {width: 400px;	text-align:left; float:left;}
#header-right {width: 284px; text-align:right; float:right;}

/* Footer */
#footer {width: 100%; background-image: url("../images/footer.png"); background-repeat: repeat-x; color: #DDD; text-align: center; height: 105px; padding-top: 0px; margin: -105px auto 0 auto; background-position: top center;}
#footer-inner {width: 900px; margin: 0 auto; text-align:right; font-size:22px; font-family:Georgia, 'Times New Roman', Times, serif; color:#FFF; padding-top: 25px;}
#footer-left {width: 500px;	text-align:left; float:left; margin:0px; padding:0px;}
#footer-right {width: 360px; text-align:right; float:right;}
#clearfooter {height: 95px;}

/* Links styling */
a:link, a:visited, a:active { color: #58595b; text-decoration:none;}
a:hover {color: #a6ce39;}

/* Footer links styling */
.footer-menu a, .footer-menu a:visited { font-size: 10px; color: #FFFFFF; text-decoration: none;}
.footer-menu a:hover {color: #b1cc49; text-decoration: none;}
.footer-menu a.selected {color: #b1cc49; text-decoration: none;}

/* Apply now links styling */
.applynow a, .applynow a:visited {color: #b1cc49;text-decoration:none; font-size:24px; line-height:20px; font-family:Georgia, 'Times New Roman', Times, serif;}
.applynow a:hover {color: #fff;	text-decoration: none;}	

/* Left menu links styling */
.left-menu-links a, .left-menu-links a:visited {list-style:none; text-decoration: none; color:#58595b; font-size:16px; line-height:14px; font-family:Georgia, 'Times New Roman', Times, serif; }
.left-menu-links a:hover {color: #a6ce39; text-decoration: none;}	

/* Non flash carousel option */
#FrogJS{width: 500px; margin: 0 auto; top:100px; left:100px;}

/* glider */
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 460px; 
	height: 200px;
	overflow: hidden;
	
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:500px;
		height:300px;
		overflow:hidden;
		float:left;
		padding:0px;	
		font-family:Verdana, Geneva, sans-serif;
		color:#FFF; font-size:12px;
		}
	div.scroller div.content {
		width: 10000px;
		}

#content {
	background-color: #a6ce39;
	padding: 0px;;
	margin:0px;
	padding-left:7px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF;
}


/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 500px;
height: 200px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #a6ce39;
margin: 0px;
padding: 0px;
padding-left:7px;
}


#test2 {
background-color: #a6ce39;
width: 450px;
height: 200px;
overflow: auto;
margin: 0px;
padding: 0px;
position: relative;
outline: none;
}

#test2 {
	width: 450px;
	right: 0px;
	background-color: #a6ce39;
	padding:5px;
}
.aligntocenter {
margin: 0px;
width: 90%;
position: relative;
height: 200px;
}

.fixedsize {
width: 450px;
height: auto;
position: relative;
color: #fff;
padding: 1px;
}


/* general page style ends here */

/* Scroll Bar Master Styling Starts Here */

.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 5px;
left: 0px;

}


.hscrollerbar {
top: 0px;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 0px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}

/* Extra sample styles */
#test2 .vscrollerbarbeg {
background: url(http://www.designyourfuture.uk.com/images/vscroller2.png) 0px -9px;
width: 18px;
height: auto;
}

#test2 .vscrollerbarend {
background: url(http://www.designyourfuture.uk.com/images/vscroller2.png);
width: 18px;
height: 9px;
}

#test2 .vscrollerbase {
width: 18px;
background: none;
}

#test2 .vscrollerbar {
padding: 0px;
}

#test2 .vscrollerbasebeg, #test2 .vscrollerbaseend {
background-image: none;
}

#test2 h2 {font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#6a8a22; margin-left:8px; margin-bottom:5px;}

/* Slideshow */
* {margin: 0;	padding: 0;}
#rotator {overflow: hidden;	position: relative;	width: 502px; height: 72px;}
#rotator img {border: 0; cursor: pointer; width: 502px; height: 72px;}