Body
{
	font-family: verdana,arial;
	font-size: 8pt;
	color: #000000;
	/*background: #99CCCC;*/ 
	text-align: left;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div {
	margin: 0 auto;
}
/*table { margin-left: auto; margin-right: auto;}*/

TD
{
	font-family: verdana,arial;
	font-size: 8pt;
}

A:link
{
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
}
A:visited
{
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
}
A:hover
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 1em;
}

A.whitelink:link
{
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
}
A.whitelink:visited
{
	color:#FFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
}
A.whitelink:hover
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 1em;
}

div.globalheader 
{
width: 869px; 
height: 120px;
background: transparent url('images/header_Par_0001_Image.gif') no-repeat bottom left;
}

td.boxtop
{
width: 100%; 
height: 25px;
background: transparent url('images/TitlebarH.gif') repeat-x bottom left;	
color:Black;
font-size: 8pt;
padding-left: 10px;
}

.Button105
{

width: 105px;
height: 24px;	
background: url('images/btn-bg.png') no-repeat left top;
border: none 0px transparent;	
color : black;
font-size: 8pt;
font-weight: bold;

}

.Button105:hover{cursor: pointer ;}

.Button70
{

width: 70px;
height: 24px;	
background: url('images/btn-bg70.png') no-repeat left top;
border: none 0px transparent;	
color : black;
font-size: 8pt;
font-weight: bold;

}

.Button70:hover{cursor: pointer ;}

/*images*/
.picr {width: 260px; padding: 5px; float: right}
.picl {width: 260px; padding: 5px; float: left}
.picc  {position: relative; text-align: center; width: 410px; padding: 5px;}
.picc .left {width: 200px; }
.picc .right {position: absolute; width: 200px; top: 5px; left: 220px}
.cutline {font-size: 0.8em !important; text-align: left; color: #666666 !important;}

.TitleLabel
{
    font-size: 12pt;
    color: #666666;
    
}

.boxheader
{
	background: #484848 url('images/admin/Titlebarh.gif') repeat-x;
}

.alphaButton
{
	border: 0px;
	margin: 0px;
	WIDTH: 15px;
	FONT-FAMILY: Arial;
	font-size:8pt;
	font-weight: bold;
	HEIGHT: 15px;
	color: #FFFFFF;
	BACKGROUND-image: url(Images/admin/alphabtnbg.jpg);
	TEXT-ALIGN: center;
	line-height: 15px;
}

.alphaButton:Hover
{
	cursor: pointer;
}

.alphaAllButton
{
	border: 0px;
	margin: 0px;
	WIDTH: 30px;
	FONT-FAMILY: Arial;
	font-size:8pt;
	font-weight:bold;
	HEIGHT: 31px;
	color: #FFFFFF;
	BACKGROUND-image: url(Images/admin/alphaallbtnbg.jpg);
	TEXT-ALIGN: center;
	line-height: 30px;
}

.alphaAllButton:Hover
{
	cursor: pointer;
}


H1 {font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color:#AC2F59; font-weight: bold; margin-top: 15px;margin-left: 10px;}
H2 {font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color:#2B8E9A; font-weight: bold; margin-left: 10px;}
H3, caption {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color:#2B8E9A; font-weight: bold}
H4, TH {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color:#2B8E9A; font-weight: bold}
H6, .credits, .picr p, .picl p, .picc p {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000; padding-bottom: 10px}
.red, .red0, .wrong_answer {color: #AC2F59}
.inputtext {font-family: "Courier New", Courier, mono}
SUP, SUB {font-size:60%}
	/*needhelp*/
.indent {display: block; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 20px; margin-right: 20px}
.pullquote {width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color:#1B5C92; font-weight: bold; font-style: italic; border-top: 4px #992200 solid; border-bottom: 4px #992200 solid; float: right}
.clear {clear:both} /*Use <br style="clear" /> in place of <br clear="all">*/

li {padding: 5px;}

ol.number {list-style-type: decimal;}
ol.lroman {list-style-type: lower-roman;}
ol.uroman {list-style-type: upper-roman;}
ol.lalpha {list-style-type: lower-alpha;}
ol.ualpha {list-style-type: upper-alpha;}

ol.number .li {padding: 5px;}
ol.lroman .li {padding: 5px;}
ol.uroman .li {padding: 5px;}
ol.lalpha .li {padding: 5px;}
ol.ualpha .li {padding: 5px;}

ul.disc {list-style-type: disc;}
ul.circle {list-style-type: circle; }
ul.square {list-style-type: square; padding-bottom: 5px;}

ul.disc .li{padding: 5px;}
ul.circle .li{padding: 5px;}
ul.square .li{padding: 5px;}

/*layout for whole site*/
.headimg {margin-left: -5px; float:left}

/* Changes made by Natalie start here*/

#contentleft {
	max-width: 590px;
	float: left;
	margin-left: 10px;
}

#updates {
	background-color: #a2d1d1;
	width: 200px;
	min-height: 110px;
	border: solid 3px #418d8d;
	padding: 10px;
	float: right;
	margin: 0px 15px 20px 10px;
	font-family: helvetica;
	font-size: 14px;
	color: #323232;
	-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

h5 {
	font-family: Rockwell; 
	font-size: 18px;
	color: #418d8d;
	text-shadow: 1px #fff;
	margin: 5px 0px 0px 0px;
}

.events {
	background-color: #e9e9e9;
	border: solid 1px #cecece;
	width: 200px;
	padding: 5px 10px 5px 10px;
	float: right;
	margin: 0px 15px 25px 20px;
	font-family: helvetica;
	font-size: 12px; 
	color: #323232;
}

.eventspan {
	border: solid 1px #bdbdbd;
	border-right: none;
	border-left: none;
	border-top: none;
	padding-bottom: 7px;
}

.events a{
	font-weight: bold;
	color: #2b8e9a;
}

#headerp {
	font-family: Georgia;
	color: #fff;
	font-size: 40px;
	text-shadow: 2px 1px 2px #333;
	float: right;
	max-width: 400px;
	padding: 7px 20px 0px 0px;
	text-align: right;
}

/* This will take more fiddling becuase of the image, not sure yet what it will be */
#feature {
	width: 500px;
	height: 215px;
	font-family: helvetica;
	font-size: 13px;
	background-color: #dadada;
	padding: 5px 15px 5px 0px;
	float: left;
	margin-left: 10px;
}

#featureside {
	width: 270px; 
	height: 215px;
	padding: 5px 15px 5px 0px;
	background-color: #444; 
	float: right; 
	margin-right: 20px;
	font-family: helvetica;
	font-size: 13px;
}

.readmore a{
	font-family: helvetica;
	font-size: 12px;
	color: #2B8E9A;
	float: right;
	margin-right: 10px;
	font-weight: bold;
}

#fourarticles {
	margin-top: 250px;
	border: solid 1px #c3c3c3;
	border-right: none;
	border-left: none;
	padding: 10px 0px 455px 0px;
	font-family: helvetica;
	font-size: 13px;
}

#mainleft {
	width: 380px;
	float: left;
	padding: -2px 15x 10px 0px;
	margin: 0px 0px 0px 10px;
	font-family: helvetica;
	font-size: 13px;
}

#mainright {
	float: right;
	width: 380px;
	margin: 0px 15px 0px 0px;
	padding-left: 43px;
	border: solid 1px #c3c3c3;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-family: helvetica;
	font-size: 13px;
}

.borderline {
	padding-bottom: 25px;
	border: solid 1px #c3c3c3;
	border-top: none;
	border-right: none;
	border-left: none;
}

#extras {
	margin-left: 10px;
	font-family: helvetica;
	font-size: 13px;
}

#extras li {
	list-style: none;	
	line-height: 10px;
	margin-left: -45px;
}

#extras a{
	font-weight: bold;
	color: #2B8E9A;
}

#pictures {
	float: left;
	margin-right: 15px;
}

#article {
	font-family: helvetica;
	font-size: 13px;
	margin: 0px 15px 0px 30px;
}