#example
{
	background-image: url(../../../images/temp/back.gif);
	background-repeat: no-repeat;
	width: 380px;
	text-align: left;
	
}

.titlebox
{
	font-size: 1.8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: gray;
	padding-left: 70px;
	width: 400px;
}

.center
{
	text-align: center;
}

.disc1 { 
	list-style-type: disc;
	
	}
	
.teaser {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url("../../../images/tsr.gif") bottom left no-repeat;
	}
.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		background:url("../../../images/tsr.gif") top left no-repeat;
	}
.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}

.teaser ul {
	margin:0;
		padding:0 10px 3px 35px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
}
.teaser a.more {
		display:block;
		text-align:right;
		background:url("../../../images/tsr-a.gif") 410px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
.teaser a.more:hover {
		text-decoration:underline;
	}

.option
{
	font-size: 1.5em;
	font-weight: bold;
	
}

.boxid
	{
		background-color: #E6E7C9;
		border: 2px #CCCC99 dashed;
		width: 98%;
		padding: 5px;
		margin-left: 5px;
	}
.floatleft {
	float: left;
}

.box_col
	{
		float: left;
		/*background-color: #c9d6e7; 
		border: 1px #9fb8d4 solid;*/
		border-top: 20px #9fb8d4 solid;
		border-bottom: 1px #9fb8d4 solid;
		border-left: 1px #9fb8d4 solid;
		border-right: 1px #9fb8d4 solid;
		width: 28%;
		padding: 0px 3px 0px 6px;
		margin-left: 2px;
		min-height: 290px;

}
.box_col2
	{
		float: left;
		/*background-color: #E6E7C9; 
		border: 1px #CCCC99 solid;*/
		border-top: 20px #CCCC99 solid;
		border-bottom: 1px #CCCC99 solid;
		border-left: 1px #CCCC99 solid;
		border-right: 1px #CCCC99 solid;
		width: 28%;
		padding: 0px 3px 0px 6px;
		margin-left: 2px;
		min-height: 290px;

	}
#content-main .box_col ul, #content-main .box_col2 ul {
		margin-left: -15px;
}	

.list1, .list2 {
		float: left;
		/*background-color: #E6E7C9; 
		border: 1px #CCCC99 solid;*/
		border-top: 20px #CCCC99 solid;
		border-bottom: 1px #CCCC99 solid;
		border-left: 1px #CCCC99 solid;
		border-right: 1px #CCCC99 solid;
		width: 47%;
		padding: 0px 3px 0px 6px;
		min-height: 850px;
}

.list1 {
	margin: 0 10px 0 0;
}

.list2 {
	margin: 0 0 0 10px;
}

img.myborder {
	border: 1px solid #b9b9b9;
	
}
	


/*.box_col:hover {
		color: #666666;
		background: #FFFFCC;
		display: block;
}*/
.buttonid1 {
		padding-top: 103px;
		padding-left: 50px;
}

.buttonid1f {
		padding-top: 57px;
		padding-left: 50px;
}

.buttonid2 {
		padding-top: 72px;
		padding-left: 50px;
}

.buttonid2f {
		padding-top: 57px;
		padding-left: 50px;
}

.buttonid3 {
		padding-top: 15px;
		padding-left: 50px;
}

.buttonid3f {
		padding-top: 0px;
		padding-left: 50px;
}

/*.buttonid1, .buttonid1f, .buttonid2, .buttonid2f, .buttonid3, .buttonid3f {
	padding-left: 50px;
	padding-top: 10px;
}*/



.or {
		display: block;
		padding-top: 40px;
		padding-left: 3px;
		float: left;
		font-weight: bold;
		font-size: 1.6em;
}

#content-main a.button15 {
		font-size:1.2em;
		line-height: 1.0em;
		color:#2E2E2E;
		text-decoration:none;
		display:block;
		width:120px;
		padding:5px;
		border:1px solid #ABABAB;
		text-align:center;
		/*background-color: #C6C6C6;*/
		background:#E2E2E2;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		border-radius:10px;
		margin-left: 190px;
}

#content-main a.button15:hover, #content-main a.button15:focus{
    color:#900;
    background-color: #F0F0F0;
}

.rightbox {
	float: right;
	border: 1px solid #6c6c6c;
	padding: 3px 6px;
	border-radius: 3px;
	margin: 0 0 10px 10px;
}
/*--------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1045px) {


.buttonid1, .buttonid2, .buttonid3, .buttonid1f, .buttonid2f, .buttonid3f {
		padding-top: 10px;
		padding-left: 45%;
}
/*.or {
	
	width: 98%;
	font-size: 2em;
	text-align: center;
	padding-top: 0px;
}*/
}

@media screen and (max-width: 975px) {
.box_col, .box_col2, .list1, .list2 {
	width: 98%;
	min-height: auto;
}

.list2 {
	margin-top: 5px;
}
.buttonid1, .buttonid2, .buttonid3, .buttonid1f, .buttonid2f, .buttonid3f {
		padding-top: 10px;
		padding-left: 40%;
}

.or {
	
	width: 98%;
	font-size: 2em;
	text-align: center;
	padding-top: 0px;
}





.padding {
		padding: 5px;
}

.box_full
	{
		float: left;
		background-color: #E6E7E6;
		border: 2px #CCCCCC dashed;
		width: 98%;
		padding: 5px;
		margin-left: 5px;
	}
	
.col
	{
		float: left;
		width: 98;
		padding: 5px;
		margin-top: 0px;
	}	

.footnote {
	font-size: 0.85em;
}

.boxid
	{
		background-color: #E6E7C9;
		border: 2px #CCCC99 dashed;
		width: 95%;
		padding: 5px;
		margin-left: 5px;
	}
}

@media screen and (max-width: 480px) {

.boxid {
	width: 90%
}

.buttonid1, .buttonid2, .buttonid3, .buttonid1f, .buttonid2f, .buttonid3f {
		padding-top: 10px;
		padding-left: 30%;
}
}

@media screen and (max-width: 320px) {

.buttonid1, .buttonid2, .buttonid3, .buttonid1f, .buttonid2f, .buttonid3f {
		padding-top: 10px;
		padding-left: 25%;
}

.disc1 { 
	list-style-type: disc;
	padding-left: 10px;
	
	}
	
.col ul {
	padding-left: 10px;
}

.boxid ul {
	padding-left: 15px;
}
}

@media print {


.list1, .list2 {
		float: left;
		/*background-color: #E6E7C9; 
		border: 1px #CCCC99 solid;*/
		border-top: 20px #CCCC99 solid;
		border-bottom: 1px #CCCC99 solid;
		border-left: 1px #CCCC99 solid;
		border-right: 1px #CCCC99 solid;
		width: 45%;
		padding: 0px 3px 0px 6px;
		min-height: 810px;
}

.list1 {
	margin: 0 3px 0 0;
}

.list2 {
	margin: 0 0 0 3px;
}

.or {
	
	width: 15px;
	font-size: 1em;
	text-align: center;
	padding-top: 0px;
}

html, body { height: auto; }

}