/* cSS File for Alexander Sample 1 Website */

/*Define body background color & font */

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

/*Create a class of link named 'normal' */
a
{
 font-family: arial,helvetica;
 font-size: 10pt;
 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;
 font-size: 10pt;
 text-decoration: underline;
}
a.alt:link
{
 color: #003366;
}
a.alt:visited
{
 color: #003366;
}
a.alt:hover
{
 color: white;
}
a.alt:active
{
 color: white;
}




/*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: 10pt; 
 font-weight: bold;
 
}

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

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

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



/* 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: #6699CC;
text-decoration: none;
font-size: 12pt; 
font-weight: bold;
}

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





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

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

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

a.bold:hover
{
color: #6699CC;
text-decoration: none;
font-size: 10pt; 
font-weight: bold;
}

a.bold:active
{
color: #6699CC;
text-decoration: none;
font-size: 10pt; 
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: #6699CC;
text-decoration: none;
font-size: 9pt; 
font-weight: bold;
}

a.boldsmall:active
{
color: #6699CC;
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: #003366;
 text-decoration: none;
 font-size: 9pt; 
 font-weight: normal;
 
}

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

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

a.small:active
{
color: #6699CC;
text-decoration: none;
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: #6699CC;
text-decoration: none;
font-size: 10pt; 
font-weight: bold;
}

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



/*create link box */

a.box
{
float: right;
width: 180px;
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.box:link
{
color: white;
background-color: #003366;
}

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

a.box:hover
{
color: white;
background-color: #6699CC;
}

a.box:active
{
color: white;
background-color: #6699CC;
}



/*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: #6699CC;
}

a.altbox:visited
{
color: #003366;
background-color: #6699CC;
}

a.altbox:hover
{
color: #003366;
background-color: #6699CC;
}

a.altbox:active
{
color: #003366;
background-color: #6699CC;
}






/* create paragraph style */

p
{
font-size: 10pt;
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: 13pt;
font-family: arial,helvetica;
color: #003366;
text-align: left;
font-weight: normal;
}

h2
{
font-size: 11pt;
font-family: arial,helvetica;
color: #6699CC;
text-align: center;
font-weight: normal;
}

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

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

p.boxmedium
{
float: left;
border-right: 2px solid #6699CC;
border-left: 2px solid #6699CC;
border-top: 2px solid #6699CC;
border-bottom: 2px solid #6699CC;
width: 370px;
background-color: white;
padding: 10px;
font-family: arial,helvetica;
font-size: 10pt;
text-align: center;
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: #6699CC;
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: 2px solid #003366;
border-left: 2px solid #003366;
border-top: 2px solid #003366;
border-bottom: 2px solid #003366;
width: 250px;
background-color: #6699CC;
padding: 10px;
font-family: arial,helvetica;
font-size: 11pt;
text-align: center;
font-weight: normal;
font-style: normal;
color: #003366;
}


p.boxnavbar
{
float: left;
border-right: 2px solid #6699CC;
border-left: 2px solid #6699CC;
border-top: 2px solid #6699CC;
border-bottom: 2px solid #6699CC;
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: #6699CC;
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: 10px solid white;
border-left: none;
border-top: none;
border-bottom: none;
width: 120px;
background-color: white;
padding: 1;
font-family: arial,helvetica;
font-size: 5pt;
text-align: center;
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: 1;
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: 1;
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;
}

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


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



font.subtitle
{
font-size: 12pt;
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: left;
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: #003366;
font-weight: normal;
text-align: left;
font-style: normal;
}


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

font.tiny
{
font-size: 2pt;
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;
}

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


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



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