body {padding:0;
margin:0;
font-family:Century Gothic,Arial;
font-size:12px;
background-color:#333333;
background-image:url('images/bg.jpg');
}

.contentwhite {font-family:Century Gothic,Arial;font-size:12px;color:#ffffff}
.content {font-family:Century Gothic,Arial;font-size:13px;color:#333333}
.student {font-family:Century Gothic,Arial;font-size:13px;color:#222222;font-weight:600;}
.contentsmall {font-family:Century Gothic,Arial;font-size:12px;color:#333333}
.contentbig {font-family:Century Gothic,Arial;font-size:15px;color:#333333;font-weight:bold;}
.contentbig2 {font-family:Century Gothic,Arial;font-size:15px;color:#003651;font-weight:bold;}
.studentcategories{font-family:Helvetica,Century Gothic,Arial;font-size:20px;color:#003651;font-weight:bold;}
.contentbig3 {font-family:Century Gothic,Arial;font-size:15px;color:#003651;font-weight:bold;}

.columnhead {font-family:Century Gothic,Arial;font-size:13px;color:#003651;font-weight:800;}

a.standardlink {font-family:Century Gothic,Arial;font-size:13px;color:#444444;font-weight:bold;}
a.standardlink:hover {font-family:Century Gothic,Arial;font-size:13px;color:maroon;text-decoration:none;font-weigh:bold;}

a.standardlinkwhite {font-family:Century Gothic,Arial;font-size:13px;color:#ffffff;font-weight:bold;}
a.standardlinkwhite:hover {font-family:Century Gothic,Arial;font-size:13px;color:#ffffff;text-decoration:none;font-weigh:bold;}

h1 {font-family:Century Gothic,Arial;font-size:16px;color:#003651;font-weight:bold;}
h2 {font-family:Century Gothic,Arial;font-size:14px;color:#333333;font-weight:bold;}
a.whitelink{font-family:Century Gothic,Arial;font-size:12px;color:#ffffff;text-decoration:none;}
a.whitelink:hover{font-family:Century Gothic,Arial;font-size:12px;color:#B5D9EB;text-decoration:underline;}

b {color:#444444;}

a.bluelink {font-family:Century Gothic,Arial;font-size:13px;color:#00354E;font-weight:bold;}
a.bluelink:hover {font-family:Century Gothic,Arial;font-size:13px;color:#000000;text-decoration:none;font-weight:bold;}

.doclink {font-family:Century Gothic,Arial;font-size:12px;color:#000000;font-weight:normal;}
.doclink:hover {font-family:Century Gothic,Arial;font-size:12px;color:#000000;text-decoration:none;font-weight:normal;}

.inputbox
{
background-color:#B5D9EB; border: 1px solid #003651; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px;
font-size:14px;color:#000000;font-family:Century Gothic,verdana;
}

.foottext {font-family:Century Gothic,Arial;font-size:10px;color:#333333}

a.footlink {font-family:Century Gothic,Arial;font-size:10px;color:#333333;text-decoration:none;}
a.footlink:hover {font-family:Century Gothic,Arial;font-size:10px;color:#013651;text-decoration:underline;}

.pic
{
border:solid 1px black;
}

a.squarebutton{
background: transparent url('but/on.jpg') repeat-x top left;
display: block;
float: left;
font: bold 12px helvetica,arial; /* Change 12px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 30px; /* Height of button background height */
padding-left: 17px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #222222; /*button text color*/
}

a.squarebutton span{
background: transparent url('but/on.jpg') no-repeat top right;
display: block;
padding: 4px 17px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: top left;
background: url('but/off.jpg');
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: top left;
background: url('but/off.jpg');
color:#ffffff;
}

.outside{ /* Container you can use to surround a CSS button to clear float */
background-color:#003651;
background-image:url('images/newmenubg3.jpg');

padding-bottom:0px;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width:100%;
qbackground-color:#003651;
}

#topmenu
{
width:958px;
margin:0 auto;
}

#par
{
margin:8px 0;
padding:8px;
border-top:1px dotted #222222;
border-bottom:1px dotted #222222;
}

#resources
{
margin:15px auto;
width:958px;
text-align:left;
border-top:dotted 1px #000000;
padding:12px 0 0 0;
}