/*body,div,h1,p*/
/* CSS for courses pages */
body, div{
	padding-left: 1em;
	background: grey;
	height: auto;
    position:relative;
	width:7in;
	background: grey;
	font-family: verdana;
	font-size: 14.5px;
	color: black;
}
.home { 
	margin-top: 1em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:auto;
}
body {
	margin: auto;
}
h1, h3{ text-align:center; }
h1 { 
	font-size: 2em; 
	text-transform:uppercase;
}
h3 { font-size: 1em; }
p {
	width: 6in;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 1em;
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:25px;
}
p.one { text-align:right; }
p.two { background-color: lightblue; }

 /*links*/
a:link { 
	color:#40c0c0; 
	text-decoration: none;
}
a:link { color:white; }
a:active { color:white; }
a:visited { color:#40c0c0; }
a:hover { color:white; }

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto; }

/*images*/

img.portrait {
   height:220px;
   width:164.93px;
}
img.landscape {
	height:220px;
	width:294.5px;
}
img.html2 { display: block; }

/*forms*/
input, select, textarea {
	border:2px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	background-color: lightblue;
}
input{ width: 263px; }
input.bttn{ width:120px; }
input.radio{ width:40px; }
select{ width: 268px; }
textarea {
	width: 375px;
	overflow: auto;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 0px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
text-transform:uppercase;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 0px;
border: 1px solid grey;
color: #40c0c0;
background: grey;
}

.shadetabs li a:visited{
color: #40c0c0;
}

.shadetabs li a:hover{
text-decoration: underline;
color: white;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background: grey;
/*background-image: url(shadeactive.gif);*/
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/*pagination pages*/
.pagination{
padding: 2px;
margin: 1em 0;
clear: both;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

*:first-child+html .pagination li a{ /*IE7 only CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li a{ /*IE6 and below CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited, .pagination a:active{
padding: 0 5px;
border: 1px solid #40c0c0;
text-decoration: none; 
color: #40c0c0;
}

.pagination a:hover{
border: 1px solid #2b66a5;
color: #000;
background-color: #40c0c0;
}

.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #40c0c0;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.pagination a.prevnext{ /*Style for previous and next link*/
font-weight: bold;
}

/*portfolio page*/
div.portfolio{
	text-align:left;
	height:220px;
	width: 6in;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 1em;
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:25px;
 }
img.portfolio{
	float:left; 
	margin: 0px 15px 15px 0px;
	height:220px;
	width:294.5px;
}

/* Footer */
#footer {
	width:7in;
	margin: auto;
	text-align: center;

}
#footer p {
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	margin: auto;
	color: lightgrey;
	border:none;
}