@font-face 
{
	font-family: Agency FB;
	src: url('../fonts/AGENCYR.TTF') format('truetype');	
}

@font-face 
{
	font-family: Copperplate Gothic;
	src: url('../fonts/COPRGTB.TTF') format('truetype');	
}

@font-face 
{
	font-family: Century Gothic Bold;
	src: url('../fonts/GOTHICB.TTF') format('truetype');	
}

@font-face 
{
	font-family: Century Gothic;
	src: url('../fonts/GOTHIC.TTF') format('truetype');	
}


@font-face 
{
	font-family: Eras Light ITC;
	src: url('../fonts/ERASLGHT.TTF') format('truetype');	
}

body
{    
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
    background: #b7e8f6;   
    margin: 0px;
}

a.email
{
    color: #318dd9;
    text-decoration: none;
    font-family: Century Gothic, Times, serif;
    font-size: 14px;
    font-weight: bold;
}

.link
{
    color: #fff;
    text-decoration: none;
    font-family: Agency FB, Times, serif;
    font-size: 18px;
}

.link:hover
{
    color: #f00;
    text-decoration: none;
    font-family: Agency FB, Times, serif;
    font-size: 18px;
}

div.topContent
{
    width: 700px;    
    text-align: center;
    margin: auto;    
}

div.headerImage
{
    /**margin-top: 500px; **/
    padding: 70px 20px 30px 20px;    
}

div.linkBox
{
    width: 100%;
    text-align: center; 
    padding: 10px;
    box-sizing: border-box;    
    margin: auto;    
    border: 0px;
    background: #3281c4;
    position: fixed;
    z-index: 1;    
}

div.mainContent
{        
    margin: auto;
    width: 700px;    
    border-style: solid;
    border-width: 3px;
    border-radius: 15px;
    border-color: #2cbce5;
    background-color: #fff;
    font-family: Century Gothic, Times, serif;
    color: #666;
    font-weight: lighter;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    text-align: center;
    
}

div.header
{
    color: #fff;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    font-family: Agency FB, Times, serif;
    font-size: 18px;
    padding: 10px;
    background: #a8108d;
    position: relative;
    font-family: Century Gothic, Times, serif;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;    
}

div.subHeader
{
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-family: Agency FB, Times, serif;
    font-size: 12px;
    padding: 5px;
    background: #0f96d9;    
    font-family: Century Gothic, Times, serif;
    width: 100px;    
}

div.content
{
    color: #999;
    text-decoration: none;
    text-align: left;
    font-weight: normal;
    font-family: Agency FB, Times, serif;
    font-size: 14px;     
    position: relative;
    font-family: Century Gothic, Times, serif;
    padding-bottom: 30px;
}

div.onlineProcessContent
{
    color: #999;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    font-family: Agency FB, Times, serif;
    font-size: 14px;     
    position: relative;
    font-family: Century Gothic, Times, serif;
    padding-bottom: 30px;
}

div.boldBlue
{
    color: #1e7cdc;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    font-family: Agency FB, Times, serif;
    font-size: 18px;     
    position: relative;
    font-family: Century Gothic, Times, serif;
    padding: 10px 0px 10px 0px;
    border-bottom: 2px solid #a4cbf3;
}

div.boldBlueCenter
{
    color: #1e7cdc;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-family: Agency FB, Times, serif;
    font-size: 18px;     
    position: relative;
    font-family: Century Gothic, Times, serif;
    padding: 10px 0px 10px 0px;
    border-bottom: 2px solid #a4cbf3;
}

div.boldCentre
{
    color: #1e7cdc;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-family: Agency FB, Times, serif;
    font-size: 18px;     
    position: relative;
    font-family: Century Gothic, Times, serif;
    padding: 10px 0px 10px 0px;    
}

div.footer
{
    color: #000;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-family: Agency FB, Times, serif;
    font-size: 12px;     
    position: relative;
    font-family: Century Gothic, Times, serif;
    padding: 30px 0px 30px 0px;    
}

div.text
{
    color: #888;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    font-family: Agency FB, Times, serif;
    font-size: 14px;     
    position: relative;
    font-family: Century Gothic, Times, serif;
    padding: 10px 0px 10px 0px;    
}

table.schoolreg
{
    border: 0px;
    
}

table.schoolreg td
{
    padding: 5px;
    font-family: Century Gothic, Times, serif;
    color: #888;
    font-weight: lighter;
    font-size: 15px;
}

table.schoolreg td.question
{
    font-weight: bold;    
    font-size: 14px;
    width: 320px;
}

table.schoolreg td.title
{
    font-weight: bold;  
    font-size: 14px;
    color: #444;    
    text-align: left;
    padding: 10px 0px 10px 0px;
    border-bottom: 2px solid #a4cbf3;
    color: #1e7cdc;
}

input[type=text], input[type=date], select
{
    color: #888;
    text-decoration: none;
    text-align: left;
    font-weight: normal;
    font-family: Agency FB, Times, serif;
    font-size: 14px;         
    font-family: Century Gothic, Times, serif;
    border: 1px solid #1e7cdc;
    padding: 5px;
    background: #fff;
}

input[type=submit]
{
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    font-family: Agency FB, Times, serif;
    font-size: 14px;         
    font-family: Century Gothic, Times, serif;
    border: 1px solid #1e7cdc;
    padding: 10px 30px 10px 30px;
    background: #1e7cdc;
}

.boldred
{
    color: #f00;    
    font-weight: bold;
    font-family: Agency FB, Times, serif;
    font-size: 14px;         
    font-family: Century Gothic, Times, serif;   
}

.bold
{    
    font-weight: bold;    
}