/* cSS File for Alexander Sample 1 Website */

/*Define body background color & font */

body
{
 font-family: arial,helvetica;
 font-size: 10pt;
 color: #003366;
 background-color: #003366;
}

/*Create a class of link named 'normal' */
a
{
 font-family: arial,helvetica;
 text-decoration: underline;
}
a:link
{
 color: #003366;
}
a:visited
{
 color: #003366;
}
a:hover
{
 color: #6699CC;
}
a:active
{
 color: #6699CC;
}


/*Create a class of link named 'alt' */
a.alt
{
 font-family: arial,helvetica;
 text-decoration: underline;
}
a.alt:link
{
 color: white;
}
a.alt:visited
{
 color: white;
}
a.alt:hover
{
 color: #6699CC;
}
a.alt:active
{
 color: #6699CC;
}




/*Create a class of link named 'boldalt' */
a.boldalt
{
 font-family: arial,helvetica;
 font-size: 10pt;
 font-weight: bold;
 text-decoration: underline;
}
a.boldalt:link
{
 color: #003366;
}
a.boldalt:visited
{
 color: #003366;
}
a.boldalt:hover
{
 color: white;
}
a.boldalt:active
{
 color: white;
}



/* create a class of link named 'navbar' */
a.navbar
{
 font-family: arial,helvetica;
}

a.navbar:link
{
 color: white;
 text-decoration: none;
 font-size: 12pt; 
 font-weight: normal;
 
}

a.navbar:visited
{
 color: white;
 text-decoration: none;
font-size: 12pt; 
 font-weight: normal;
}

a.navbar:hover
{
color: white;
text-decoration: underline;
font-size: 12pt; 
font-weight: normal;
}

a.navbar:active
{
color: white;
text-decoration: underline;
font-size: 12pt; 
font-weight: normal;
}



/* create a class of link named 'big' */
a.navbarbig
{
 font-family: arial,helvetica;
}

a.big:link
{
 color: #003366;
 text-decoration: none;
 font-size: 12pt; 
 font-weight: bold;
 
}

a.big:visited
{
 color: #003366;
 text-decoration: none;
 font-size: 12pt; 
 font-weight: bold;
}

a.big:hover
{
color: #99CC99;
text-decoration: none;
font-size: 12pt; 
font-weight: bold;
}

a.big:active
{
color: #99CC99;
text-decoration: none;
font-size: 12pt; 
font-weight: bold;
}


/* create a class of link named 'altbig' */
a.navbarbig
{
 font-family: arial,helvetica;
}

a.altbig:link
{
 color: #003366;
 text-decoration: none;
 font-size: 12pt; 
 font-weight: normal;
 
}

a.altbig:visited
{
 color: #003366;
 text-decoration: none;
 font-size: 12pt; 
 font-weight: normal;
}

a.altbig:hover
{
color: #003366;
text-decoration: underline;
font-size: 12pt; 
font-weight: normal;
}

a.altbig:active
{
color: #003366;
text-decoration: underline;
font-size: 12pt; 
font-weight: normal;
}




/* create a class of link named 'bold' */
a.bold
{
 font-family: arial,helvetica;
}

a.bold:link
{
 color: #003366;
 text-decoration: none;
 font-size: 9pt; 
 font-weight: bold;
 
}

a.bold:visited
{
 color: #003366;
 text-decoration: none;
 font-size: 9pt; 
 font-weight: bold;
}

a.bold:hover
{
color: #003366;
text-decoration: underline;
font-size: 9pt; 
font-weight: bold;
}

a.bold:active
{
color: #003366;
text-decoration: underline;
font-size: 9pt; 
font-weight: bold;
}


/* create a class of link named 'boldsmall' */
a.boldsmall
{
 font-family: arial,helvetica;
}

a.boldsmall:link
{
 color: #003366;
 text-decoration: none;
 font-size: 9pt; 
 font-weight: bold;
 
}

a.boldsmall:visited
{
 color: #003366;
 text-decoration: none;
 font-size: 9pt; 
 font-weight: bold;
}

a.boldsmall:hover
{
color: #99CC99;
text-decoration: none;
font-size: 9pt; 
font-weight: bold;
}

a.boldsmall:active
{
color: #99CC99;
text-decoration: none;
font-size: 9pt; 
font-weight: bold;
}


/* create a class of link named 'small' */
a.small
{
 font-family: arial,helvetica;
}

a.small:link
{
 color: #6699CC;
 text-decoration: underline;
 font-size: 9pt; 
 font-weight: normal;
 
}

a.small:visited
{
 color: #6699CC;
 text-decoration: underline;
 font-size: 9pt; 
 font-weight: normal;
}

a.small:hover
{
color: white;
text-decoration: underline;
font-size: 9pt; 
font-weight: normal;
}

a.small:active
{
color: white;
text-decoration: underline;
font-size: 9pt; 
font-weight: normal;
}







/* create a class of link named 'contact' */
a.contact
{
 font-family: arial,helvetica;
}

a.contact:link
{
 color: #003366;
 text-decoration: none;
 font-size: 10pt; 
 font-weight: bold;
 
}

a.contact:visited
{
 color: #003366;
 text-decoration: none;
 font-size: 10pt; 
 font-weight: bold;
}

a.contact:hover
{
color: #99CC99;
text-decoration: none;
font-size: 10pt; 
font-weight: bold;
}

a.contact:active
{
color: #99CC99;
text-decoration: none;
font-size: 10pt; 
font-weight: bold;
}



/*create link box */

a.box
{
float: right;
width: 200px;
padding: 5px;
border-right: none;
border-left: none;
border-top: none;
border-bottom: 1px solid white;
font-family: arial,helvetica;
font-size: 10pt;
text-align: left;
}

a.box:link
{
color: white;
background-color: #003366;
text-decoration: none;
}

a.box:visited
{
color: white;
background-color: #003366;
text-decoration: none;
}

a.box:hover
{
color: white;
background-color: #003366;
text-decoration: underline;
}

a.box:active
{
color: white;
background-color: #003366;
text-decoration: underline;
}


/*create link secondbox */

a.box2
{
float: right;
width: 230px;
padding: 6px;
border-right: none;
border-left: none;
border-top: none;
border-bottom: 1px solid white;
font-family: arial,helvetica;
font-size: 10pt;
text-align: center;
}

a.box2:link
{
color: white;
background-color: #003366;
text-decoration: none;
}

a.box2:visited
{
color: white;
background-color: #003366;
text-decoration: none;
}

a.box2:hover
{
color: white;
background-color: #003366;
text-decoration: underline;
}

a.box2:active
{
color: white;
background-color: #003366;
text-decoration: underline;
}


/*create alternative link box */

a.altbox
{
float: left;
width: 190px;
padding: 6px;
border-right: 1px solid white;
border-left: 1px solid white;
border-top: none;
border-bottom: 2px solid white;
font-family: arial,helvetica;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
text-align: center;
}

a.altbox:link
{
color: #003366;
background-color: #99CC99;
}

a.altbox:visited
{
color: #003366;
background-color: #99CC99;
}

a.altbox:hover
{
color: #003366;
background-color: #99CC99;
}

a.altbox:active
{
color: #003366;
background-color: #99CC99;
}






/* create paragraph style */

p
{
font-size: 10pt;
font-family: arial,helvetica;
color: #003366;
font-weight: normal;
text-align: left;
}


p.home
{
font-size: 14pt;
font-family: arial,helvetica;
color: #003366;
font-weight: normal;
text-align: right;
}


/* create paragraph style */

p.center
{
font-size: 10pt;
font-family: arial,helvetica;
color: #003366;
font-weight: normal;
text-align: center;
}





/* create paragraph style */

p.small
{
font-size: 8pt;
font-family: arial,helvetica;
color: #003366;
font-weight: normal;
}




/* create blockquote style */

blockquote
{
font-size: 10pt;
font-family: arial,helvetica;
color: #003366;
text-align: left;
}

/* create centred blockquote style */

blockquote.center
{
font-size: 10pt;
font-family: arial,helvetica;
color: #003366;
text-align: center;
}

p.title
{
font-size: 15pt;
font-family: arial,helvetica;
color: #003366;
text-align: left;
font-weight: normal;
}

h3
{
font-size: 14pt;
font-family: arial,helvetica;
color: #003366;
text-align: left;
font-weight: normal;
}

h2
{
font-size: 12pt;
font-family: arial,helvetica;
color: #003366;
text-align: left;
font-weight: normal;
}

p.box
{
float: right;
border-right: none;
border-left: 1px solid #003366;
border-top: none;
border-bottom: none;
width: 200px;
background-color: white;
padding: 8px;
font-family: arial,helvetica;
font-size: 9pt;
text-align: center;
font-weight: normal;
font-style: normal;
color: #003366;
}


p.white
{
float: left;
width: 200px;
padding: 5px;
border-right: none;
border-left: none;
border-top: none;
border-bottom: none;
font-family: arial,helvetica;
font-size: 10pt;
text-align: left;
color: white;
font-weight: normal;
text-align: left;
}



p.boxbig
{
float: left;
border-right: none;
border-left: none;
border-top: 2px solid #003366;
border-bottom: 2px solid #003366;
width: 780px;
background-color: white;
padding: 10px;
font-family: arial,helvetica;
font-size: 10pt;
text-align: center;
font-weight: normal;
font-style: normal;
color: #003366;
}

p.box1
{
float: left;
border-right: 1px solid #003366;
border-left: 1px solid #003366;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
width: 330px;
background-color: white;
padding: 10px;
font-family: arial,helvetica;
font-size: 9pt;
text-align: left;
font-weight: normal;
font-style: normal;
color: #003366;
}

p.box2
{
float: left;
border-right: 1px solid #003366;
border-left: 1px solid #003366;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
width: 390px;
background-color: white;
padding: 10px;
font-family: arial,helvetica;
font-size: 9pt;
text-align: left;
font-weight: normal;
font-style: normal;
color: #003366;
}





p.boxsmall
{
float: left;
border-right: 1px solid #003366;
border-left: 1px solid #003366;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
width: 80px;
background-color: #99CC99;
padding: 10px;
font-family: arial,helvetica;
font-size: 10pt;
text-align: center;
font-weight: bold;
font-style: normal;
color: #003366;
}

p.boxcolor
{
float: left;
border-right: none;
border-left: none;
border-top: none;
border-bottom: none;
width: 250px;
background-color: #CCCCCC;
padding: 10px;
font-family: arial,helvetica;
font-size: 10pt;
text-align: left;
font-weight: normal;
font-style: normal;
color: #003366;
}


p.boxcolor2
{
float: right;
border-right: 1px solid #003366;
border-left: 1px solid #003366;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
width: 190px;
background-color: white;
padding: 10px;
font-family: arial,helvetica;
font-size: 9pt;
text-align: center;
font-weight: normal;
font-style: normal;
color: #003366;
}

p.boxcolorwide
{
float: left;
border-right: 1px solid #003366;
border-left: 1px solid #003366;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
width: 777px;
background-color: white;
padding: 10px;
font-family: arial,helvetica;
font-size: 9pt;
text-align: left;
font-weight: normal;
font-style: normal;
color: #003366;
}


p.boxnavbar
{
float: left;
border-right: 2px solid #99CC99;
border-left: 2px solid #99CC99;
border-top: 2px solid #99CC99;
border-bottom: 2px solid #99CC99;
width: 177px;
background-color: white;
padding: 10px;
font-family: arial,helvetica;
font-size: 10pt;
text-align: center;
font-weight: normal;
font-style: normal;
color: #003366;
}



p.boxcolornav
{
float: right;
border-right: 2px solid #003366;
border-left: 2px solid #003366;
border-top: 2px solid #003366;
border-bottom: 2px solid #003366;
width: 177px;
background-color: #99CC99;
padding: 10px;
font-family: arial,helvetica;
font-size: 10pt;
text-align: center;
font-weight: normal;
font-style: normal;
color: #003366;
}



p.photo
{
float: left;
border-right: none;
border-left: none;
border-top: none;
border-bottom: none;
width: 195px;
background-color: white;
padding: 1px;
font-family: arial,helvetica;
font-size: 10pt;
text-align: center;
font-weight: normal;
font-style: normal;
color: #003366;
}



p.photo2
{
float: right;
border-right: none;
border-left: 10px solid white;
border-top: none;
border-bottom: none;
width: 70px;
background-color: white;
padding: 1px;
font-family: arial,helvetica;
font-size: 5pt;
text-align: right;
font-weight: normal;
font-style: normal;
color: #003366;
}


p.alt
{
float: left;
border-right: none;
border-left: none;
border-top: none;
border-bottom: none;
width: 380px;
background-color: #FFFFCC;
padding: 1px;
font-family: arial,helvetica;
font-size: 10pt;
text-align: left;
font-weight: normal;
font-style: normal;
color: #003366;
}


p.photowide
{
float: left;
border-right: 30px solid white;
border-left: none;
border-top: none;
border-bottom: none;
width: 400px;
background-color: white;
padding: 1px;
font-family: arial,helvetica;
font-size: 5pt;
text-align: center;
font-weight: normal;
font-style: normal;
color: #003366;
}




p.blank
{
float: left;
border-right: 10px solid white;
border-left: none;
border-top: none;
border-bottom: none;
width: 20px;
background-color: white;
padding: 1px;
font-family: arial,helvetica;
font-size: 5pt;
text-align: center;
font-weight: normal;
font-style: normal;
color: #003366;
}




ul
{
font-size: 10pt;
font-family: arial,helvetica;
color: #003366;
font-weight: normal;
text-align: left;
}

ul.home
{
font-size: 13pt;
font-family: arial,helvetica;
color: #003366;
font-weight: normal;
text-align: left;
margin: 10px;
}

font.title
{
font-size: 15pt;
font-family:arial,helvetica;
text-align: left;
font-style: normal;
color: #003366;
}


font.sub
{
font-size: 11pt;
font-family:arial,helvetica;
color: #003366;
font-weight: normal;
text-align: left;
font-style: normal;
}



font.subtitle
{
font-size: 13pt;
font-family:arial,helvetica;
color: #003366;
text-align: left;
font-style: normal;
}



font.main
{
font-size: 10pt;
font-family:arial,helvetica;
color: #003366;
font-weight: normal;
text-align: right;
font-style: normal;
}


font.white
{
font-size: 10pt;
font-family:arial,helvetica;
color: white;
font-weight: bold;
text-align: left;
font-style: normal;
}


font.small
{
font-size: 9pt;
font-family:arial,helvetica;
color: #6699CC;
font-weight: normal;
font-style: normal;
}


font.other
{
font-size: 14pt;
font-family:arial,helvetica;
color: #003366;
font-weight: normal;
text-align: left;
font-style: normal;
}


font.alt
{
font-size: 10pt;
font-family:arial,helvetica;
color: #003366;
font-weight: normal;
text-align: left;
font-style: normal;
}



font.tiny
{
font-size: 5pt;
font-family:arial,helvetica;
color: #6699CC;
font-weight: normal;
text-align: left;
font-style: normal;
}



td
{
background-color: white;
text-align: left;
font-family: arial,helvetica;
font-size: 10pt;
font-style: normal;
font-weight: normal;
color: #003366;
}

td.center
{
background-color: white;
text-align: center;
font-family: arial,helvetica;
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #003366;
}


td.color
{
background-color: #003366;
text-align: left;
font-family: arial, helvetica;
font-size: 10pt;
font-style: normal;
font-weight: normal;
color: white;
}



td.alt
{
background-color: #FFFFCC;
text-align: center;
font-family: arial, helvetica;
font-size: 10pt;
font-style: normal;
font-weight: normal;
}



td.colortitle
{
background-color: #99CC99;
text-align: left;
font-family: arial, helvetica;
font-size: 10pt;
font-style: normal;
font-weight: normal;
}