﻿html {
	font-family:"Calisto MT";
	font-size: 1.1em;
	background-color: #282E8B;

}
div#content {
	overflow: auto;
	height: 450px;
	padding: .75em;

}

a.link {
	color:navy;
	text-decoration:none;
}

h1 {
	color:#282E8B;
	font-size: 1.3em;
	text-align:center;
	margin:auto;
}

/* powered by http://mierendo.com/software/rounded_css_boxes/ */
.ptc_content_tl, .ptc_content_t, .ptc_content_tr, .ptc_content_l, .ptc_content_r, .ptc_content_bl, .ptc_content_b, .ptc_content_br, .ptc_content {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}
.ptc_content_t {
    /*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        margin: 7px 35px 0px 1px
        to change distance to content/text scroll to class ".ptc_content" and change the padding
    */
   	background-color:white;
	color:black;
	float: left;
	margin: 3%;
	min-width: 400px;
	width: 50%;
	height: 550px;

    background-color: #FFFFFF;
    background-image: url("/images/ptc_content_border.png");
    background-repeat: repeat-x;
    background-position: top;
}
.ptc_content_tl {
    height: 100%;
    background-image: url("/images/ptc_content_topleft.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.ptc_content_tr {
    height: 100%;
    background-image: url("/images/ptc_content_topright.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.ptc_content_bl {
    height: 100%;
    background-image: url("/images/ptc_content_bottomleft.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}
.ptc_content_br {
    height: 100%;
    background-image: url("/images/ptc_content_bottomright.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.ptc_content {
    height: 100%;
    /* change this if you want to change the distance distance to text/content */
    padding: 1.5em;
}

.ptc_content_l {
    height: 100%;
    background-image: url("/images/ptc_content_border.png");
    background-repeat: repeat-y;
    background-position: left;
}
.ptc_content_r {
    height: 100%;
    background-image: url("/images/ptc_content_border.png");
    background-repeat: repeat-y;
    background-position: right;
}
.ptc_content_b {
    height: 100%;
    background-image: url("/images/ptc_content_border.png");
    background-repeat: repeat-x;
    background-position: bottom;
}

