@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);

@font-face {
    font-family: Lucida Sans Unicode;
    src: url(../fonts/ufonts.com_lucida-sans-unicode.ttf);
}
@font-face {
    font-family: Bitstream Vera Sans;
    src: url(../fonts/Vera.ttf);
}
@font-face {
    font-family: Trebuchet Unicode MS;
    src: url(../fonts/Trebuchet MS.ttf);
}
@font-face {
    font-family: Lucida Grande;
    src: url(../fonts/ufonts.com_lucida-grande.ttf);
}


body {
	background:#eaeaff;
}
#container { 
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    width:880px;
	padding:0;
	margin:0 auto;
}
#container h2 {
	font-variant:small-caps;
	font-weight:normal;
}

#container h3 {
	font-size:14px;
	font-weight:normal;
}

#container p {
	font-weight:normal;
}


#container fieldset{
  	border:2px solid green;
	margin-top:5px;
	padding:10px;	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
	border-radius:8px;
}

legend{
	  padding: 0.2em 0.5em;
	  border:1px solid green;
	  color:green;
	  font-size:100%;
	  font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}


#container input[type=text], #container textarea { 
    width:100%; 
    font-family:inherit;
	font-size:16px;
	height:25px;
    padding:0px;
	margin-top:0px;
	border:1px solid #3399FF;
	text-transform:uppercase;	
}

#container select { 
    width:32.8%; 
    font-family:inherit;
	font-size:16px;
	height:25px;
    padding:0px;
	margin-top:0px;
	border:1px solid #3399FF;
	text-transform:uppercase;
}

#container input[type=radio] { 
    width:25px; 
	height:auto;
    font-family:inherit;
	font-size:16px;
	padding:0;
	margin-top:0px;
	border:1px solid #3399FF;
	text-transform:uppercase;
}

/*
#container input[type=button] { 
    background:#FF99FF;
	width:80px;
	height:25px;
	margin-top:10px;
	padding-top:4px;
	font-size:10px;
	border-radius:3px;
	text-transform:none;
}

*/

#container textarea { 
    height:100px; 
	border:1px solid #3399FF;
}

#container input[type=text]:focus{
	background:#FFFF99;
}
#container textarea:focus{
	background:#FFFF99;
}
#container select:focus{
	background:#FFFF99;
}

#send_message { 
    width:200px !important; 
    font-variant: small-caps; 
    border:none;
    cursor:pointer;
	background:#3399FF;
	color:#FFFFFF;
}
#submit { 
	text-align:left;
	font-size:14px;
	
}

/*
#container input submit:focus{
	background:#3399FF;
	color:#FFFFFF;
}

*/

.error { 
	display: none; 
	padding:4px;
	margin:0px 0 0px 0;
	color: #D8000C; 
	font-size:12px;
	background-color: #FFBABA;
}
.success { 
	display: none; 
	padding:10px; 
	color: #044406; 
	font-size:12px;
	background-color: #B7FBB9;
}

.error img { 
	vertical-align:top; 
}

footer {
	font-size:10px;
	color:#ccc;
}




/* ----------------------------------------------Copyright-------------------------------------*/



.clear { clear:both; }




#foot #footermenu{
	width:340px;
	margin:0 auto;
	text-decoration:none;
	font-size:12px;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-weight:normal;
}
#foot #footermenu ul{
	padding:10px;
	list-style:none;
}
#foot #footermenu li{
	margin:0;
	padding:0;
	display:inline;
	text-decoration:none;
}
#foot #footermenu a{
	color:#FFFFFF;
	float:left;
	width:auto;
	padding:0 5px 0 5px;
	text-decoration:none;
}
#copyright{
	margin:0 auto;
	width:880px;
	text-decoration:none;
	font-size:12px;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-weight:normal;
	padding:8px 0;
}
#copyright p{
	margin:0;
	padding:0;
	color:#FFFFFF;
}
#copyright .fl_left{
	display:block;
	float:left;
	width:500px;
}
#copyright .fl_right{
	text-align:right;
	display:block;
	float:left;
	width:370px;
}
#copyright a{
	color:#FFFFFF;
	text-decoration:none;
}














* { margin: 0; padding: 0; }
html{
	overflow-y: scroll;
}
a, a:visited{
	text-decoration:none;
	outline:none;
	color:#159ce9;
}
a:focus{
	outline: 0;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:none;
}

#page-wrap{						/* Change of tab page size */
	width: 860px;
	margin: 10px auto;
}				

.hide{							/* Generic Utility */
	position:absolute;
	top:-9999px;
	left: -9999px;
}

#example-two .list-wrap{		/* Specific to example two */
	background:#f8f4e7;
	padding:0px;
	margin: 0 0 0 0;
}
#example-two .list-wrap ul{
	padding-left:0px;
	padding-top:0px;
	margin:0px;
}

#example-two ul{
	list-style: none;
}

#example-two .nav{
	width:100%;
	overflow:hidden;
	padding-left:0px;
}
#example-two .nav li{			/* Tab size */
	width:209px;
	float:left;
	margin: 0 8px 0 0;
	font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
}  

#example-two .nav li.last{
	margin-right:0;
}
#example-two .nav li a{			/* TAB text properties */
	display:block;
	padding:5px;
	background:#666;
	color:white;
	font-size:16px;
	text-align:center;
	border:0;
	font-weight:bold;
	text-decoration:none;
} 

#example-two li a.current,#example-two li a.current:hover{			/* Selected tab background color */
	background-color:#a0cbf7 !important;
	color: black;
} 
#example-two .nav li a:hover, #example-two .nav li a:focus{			/*  Tab hover color */
	background:#80bd95;
} 




/* ----------------------------------------------Header-------------------------------------*/

#topbg #top_nav #logo{
	display: block;
    float: left;
    overflow: hidden;
    position: absolute;
    top: 8px;
	}

#topbg #top_nav #logo h1{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	}

#topbg #top_nav #logo h1{
	font-size:32px;
	}

/* ----------------------------------------------Generalise-------------------------------------*/

#topbg #top_nav #topnav{
	position:relative;
	margin-left:400px;
	display:block;
	width:480px;
	height:50px;
	padding-top:110px;
	
}
	
#topnav ul{
	margin:0;
	list-style:none;
	line-height:normal;	
}
	
#topnav li{
	margin:0;
	padding-left:5px;
	display:inline;
	color:#C4C5C3;
	font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
}
#topnav a{
	color:#333333;
	float:left;
	width:auto;
	padding:0 10px 0 10px;
	text-decoration:none;
}























































#tabs li							{ width:209px; font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:18px; }
.ui-tabs 							{ zoom: 1; }
.ui-tabs .ui-tabs-nav 				{ list-style: none; position: relative; padding: 2px 2px 0; overflow: hidden; 
									  top: 1px; z-index: 1000; }
.ui-tabs .ui-tabs-nav li 			{ position: relative; float: left; border: 1px solid #ccc; 
									  border-bottom-width: 0 !important; margin: 0 2px -1px 0; background: #ccc; }
.ui-tabs .ui-tabs-nav li a 			{ float: left; text-decoration: none; padding: 5px 10px; color: black; }
.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected 				{ padding-bottom: 1px; border-bottom-width: 0; background: white; }
.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected a, .ui-tabs 
.ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav 
li.ui-state-processing a 			{ cursor: text; }
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible 
.ui-tabs-nav li.ui-tabs-selected a  { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel 			{ padding:1px 6px 16px 6px; display: block; border-width: 0; background: #f8f4e7; 
									  border: 1px solid #ccc; position: relative; min-height: 200px; }
.ui-tabs .ui-tabs-hide 				{ display: none !important; }




a.mover 							{ background: #900; padding: 6px 12px; position: absolute;
								      color: white; font-weight: bold; text-decoration: none; }
.next-tab 							{ bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; font-family:Calibri; }
.prev-tab 							{ bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; font-family:Calibri;}