/* 
styles for the left navigation links
*/
 
/* Form styles */

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {
margin:0.5em 0;
border:1px solid #bbb;

	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;

}

input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.submit_input { background: /*#E0691A*/ url(../imgs/interface/submit-bn-bg.png) no-repeat; border: 0; height: 26px; padding: 0; width: 118px; margin: 0 0 0 0px; color: #FFF; font: bold 0.8em arial, sans-serif; float: left; }
.tableodd{
	background-color: #FBFEFF;
}
.tableeven{
	background-color: #FBFBFB;
}
.lightborders{
border: 1px solid #E6E6E6;
 
}
input.text, input.title  {
width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;
}
input.title {font-size:1.5em;}
.printonly{
display: none;
}
.success {background:#B37E82;color: #FFF;border-color:#734447;}
textarea {
height:100px; 

	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;
}

/* External links */
a[href^="http:"]          { background-image: none; } 
 

 

/*other styles*/
 
 .flashanimations{
	 margin-bottom: 20px; margin-left: 30px; float: right;  
 }

.announcement {
	background: url(../imgs/interface/notice.gif) left center no-repeat #E7F7FF;
	background-image: none;
	border: 1px solid #0099FF;
	margin-bottom: 20px;
	color:#d57d00;
	color: #000;
	 
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	padding: 8px 8px 8px 20px;
}

.announcement a {
	color:#333333;
	color: #06C;
}

.announcement a:visited {
	color:#bd7945;
	color: #06C;
}

.announcement a:hover {
	 
	 
	color:#000;
	text-decoration:none;
}
.redstarsuper{
color: #F00;	
}
.smallertext{
 font-size:1em;  
}
.bigred{
	color: #F00;
}
tablebg {
background-color: #FBFDFF;	
}
/* Make sure the icons are not cut */
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, 
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 2px;
  margin:-2px 0;
  
  background-position: right center; 
}
a[href^="mailto:"]{
	 padding:2px  2px 2px 2px;
  margin:0 0;
  background: none;
}
a[href^="http:"], a[href^="http:"]:visited {
  padding:0px 0px 0px 0;
  margin: 0 0;
 background: none;
}
#footer a{
	color: #999;

text-decoration: none;
	font-weight:normal;
}

#leftnavigationoptional{
margin-left: 20px;
margin-top: 25px;
}
 

/* Make sure the icons are not cut */
.videoicon{
  padding:2px 30px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

 
.aligntoright{
	
	float: right;
	padding: 5px 5px 5px 15px;
}
.flashaligntoright{
	float: right;
	
		margin-left: 20px;
			margin-right: 10px;

	
}
.breadcrumb{
 
text-align: right; color: #999  ; margin-right: 20px; margin-top: 10px;  margin-bottom: -10px;
}
.smallgapheading{
margin-bottom: -3px;	
}
p{
font-size: 1.1em;	
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

ul, ol {margin-left: 60px;

}

li{
	font-size: 1.1em;
	margin-bottom: 5px;
}
ul.stylelist, ul.tick{
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	padding: 10px;
	padding-left: 0px;
	list-style-type: none;
	
}
ul.stylelist li{
 
padding-left: 20px;
	BACKGROUND: url(../images/interface/bullet-arrow.gif) no-repeat  top left  ; 
}

body{
	font-family:  Arial,"Lucida Sans", Lucida,  sans-serif;
	 
	padding-top: 6px;
	background-color: #FFF;
	 background-image:url("../images/interface/cirencester_bg.png"); background-repeat:repeat-x;
}
 #footer{
 
	 
	 background-image:url("../aptimages/interface/footer_background.png"); background-repeat:no-repeat; background-position: bottom; 	overflow:hidden; 
	  margin-bottom: 15px;
 }



h1 {
	font-size:2em;
	line-height:1;
	margin-bottom:0.5em;
	font-family:Arial, Helvetica, sans-serif;
	color: #D18033;
	color: #1B3764;
	line-height: 1.3em;
	margin-left: 0.6em;
	margin-top: 1em;
	margin-bottom: 1em;
}
h2 {font-size:1.2em;  color: #0C3792; font-family: Helvetica, Arial, sans-serif; font-weight:bold; margin:1em 1em 1em 1em; } 

a:focus, a:hover {

 color:#0099D3;
 }
 .headingunderline{
	background-image:url(../imgs/interface/headingunderline.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	padding-bottom: 10px;
 }
a {color:#0099D3;
text-decoration:underline;}
.smalltext{
font-size: 100%;
}
.biglink{
font-size: 110%;	
}
 .coursesubheadmain{
	font-size: 16px;
	margin-bottom: 5px;
	margin-left: 12px;
	margin-top: 0px;
 }
 .coursetitle{
	color: #900; font-weight: bold; font-size: 19px; margin-bottom: -5px; margin-left: 12px; 
 }
.coursesubheading{
	color: #069;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 3px;
}
 
.bluebg{
background-color: #F9FDFF;
}
.greenbg{
background-color: #F1F5E6;
}
.greybg{
background-color: #F9F9F9;
}

.orangebg{
background-color: #FFF9F4;	
}

.smallred{
	font-size: 0.9em;
	font-weight: bold;
	 
	margin-bottom: 0px;
	color: #990000;
}
 
.centred{
text-align: center;	
}
.alignedrightnofloat{
	text-align: right;
}
.homecolumn{
height: 360px;
}
 
hr {

background-image:url(../imgs/interface/horizontalrule.gif);
background-position:center center;
background-repeat:no-repeat;
background: #9CC0FF url(../imgs/interface/horizontalrule.gif) no-repeat 0 -5px;
}
 
  
blockquote{
float:right;
border-left: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
width:186px;
text-align:left;
margin: 0;
color:#666666;
color: #999999;
padding: 10px 8px 2px 8px;
font-family: Georgia, "Times New Roman", Times, serif;

font-size: 0.9em;
 margin-left: 15px;
margin-right: 5px;
 
display: block;

}
blockquote ul{
margin-left: 12px;
}

.authorclear{
	margin-top: -30px;
	padding-right: 60px;
	clear: right;
	color: #CFA100;
	color: #000;
	font-size: 1.7em;
	text-align: right;
}

.paragraphquotequote {
	background: transparent url(../imgs/interface/bluestart.gif) left top no-repeat;
	padding-top: 15px;
	width: 87%;
	border: 0;
	padding: 5px 5px 0px 5px;

  /* 
background-color: #FFFDFB;
*/

}
.paragraphquotequote div {
padding: 5px 5px;
  background: transparent url(../imgs/interface/blueend.gif) right bottom no-repeat;

}
.paragraphquotequote p {
color: #000000;
color: #999999;
line-height: 2em;
font-size: 1.4em;
}

/***************************************accordion*/

.technology{  
	/*
cursor: hand;
*/
cursor: pointer;
	font: bold 1.1em Arial;
	margin: 15px 0;
}

.language{
background-color: #99CC00;
 
}
.thelanguage{
  background: transparent url(../imgs/interface/grad-bg.jpg) top   repeat-x;

 
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #BEDF15;
color:#B209DC;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #E30989;
color: #004D4B;
}

div.feedburnerFeedBlock ul { 
margin-left:10px; 
padding-left:0px;  
list-style-type: none ;
}

 
.blogtexthome,  div.feedburnerFeedBlock ul li div      {
font-size:0.8em;
 
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 15px;
margin-top: -15px;
padding-top: 0px;

}

.spoiler{
background-color: #FFF;
 font-style: italic;
}

a.reveal {
	font-size: 0.8em;
	padding: 3px;
	 
	color: #09F;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	cursor: pointer;
}
.intro{
	color: #000  ;
	font-weight: bold;
}
.backtotop a, .backtotop a:visited .backtotop{
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
	float: right;
}

#homeintro{
	background-color: #EFF9FC;
}

#botoxbox {
	background-color: #EFF9FC;
	margin-left: -10px;
	margin-top: 15px;
}

#fillerbox  {
	background-color: #F8F8F8;
margin-top: 15px;
} 
  #leftbox{
	background-color: #EFF9FC;
 
}

 #rightbox{
	background-color: #F8F8F8;
 
} 
.pullquote {
	padding: 10px;
	float: right;
	width: 170px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color:  #CCC;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #666;
}