/**************************************
  Colours used:
  Deep Red :   #CC0000;
  Pale Gray:   #E8EBF2;
  Dark Blue:   #354152;
  Deep Blue:   #212E65;
  Light Gray:  #71798C;
  Footer Blue: #798399;
  Box Gray:    #DDE0E9;
  White:       #FFFFFF;  
**************************************/

body
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   color: #354152;   
   margin: 0px;
   line-height: 155%;
   text-align: center;
}

div
{
  order: 1px solid blue;
}

img
{
  border: none;
}

a
{
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
}

a:hover
{
  color: #354152;
  font-weight: bold;
  text-decoration: underline;
}

h1
{
    color: #354152;
    font-weight: bold;
    font-size: 11pt;
    margin-bottom: 5px;
}

h2
{
  color: #354152;
  font-weight: bold;
  font-size: 10pt;
  margin: 0px;
}

h2 a
{
    font-size: 10pt;
}

.box
{
	background: #DDE0E9;
	padding: 10px;
}

.imgFrameLarge
{
	background: url(/img/backgrounds/backImgLarge.gif);
	width: 169px;
	height: 129px;
	padding: 10px;
}

.imgFrameLarge img
{
	width: 170px;
	height: 130px;
}

.imgFrameSquare
{
	background: url(/img/backgrounds/backImgSquare.gif);
	width: 133px;
	height: 133px;
	padding: 10px;
}

.imgFrameSquare img
{
	width: 133px;
	height: 133px;
}


.imgFrameSmall
{
	background: url(/img/backgrounds/backImgSmall.gif) no-repeat top left;
	width: 74px;
	height: 68px;
	padding: 8px;
}

.imgFrameSmallNull
{
	width: 74px;
    min-height: 68px;
    height: auto !important;
    height: 68px;
	padding: 8px;
    float: left;
    margin-right: 15px;
}

.imgFrameSmallNullHack
{
	width: 74px;
    min-height: 15px;
    height: auto !important;
    height: 15px;
	padding: 8px;
    float: left;
    margin-right: 15px;
}


.imgFrameSmall img
{
	width: 74px;
	height: 54px;
}



#pageWrapper
{
   padding-top: 10px;
   background: #FFF;   
   margin: 0 auto;
}

#pageHeader
{
   height: 172px !important;   
   height: 160px;
   background: url(/img/backgrounds/backHeaderShadows.gif) 0px 12px repeat-x #ffffff;   
}

#headerContent
{
   width: 760px;
   padding-top: 12px;
   height: 172px !important;   
   height: 160px;
   margin: 0 auto;   
}


#headerContent #logoBox .logo
{
   float: left;
   width: 246px;
   border: none;   
}

#pageHeader #headerContent #pageBanner
{
  width: 468px;
  margin-left: 280px;
  margin-top: 65px;
}

#pageHeader #headerContent #pageBanner img
{
  border: 6px 5px 6px 5px solid #E8EBF2;  
}

#pageMiddle
{
  background: #E8EBF2;  
}

#pageMiddle #shadowTop
{
  background: url(/img/backgrounds/bodyShadowTop.gif) top left  repeat-x #E8EBF2;
  height: 12px;
  margin: 0px;
}

#pageMiddle #shadowBottom
{
    clear: both;
  background: url(/img/backgrounds/bodyShadowBottom.gif) bottom left repeat-x #E8EBF2;
  height: 17px;   
}


#pagePanel
{
  margin: 0 auto;
  background: none;  
  width: 760px;  
  padding-top: 26px;
    text-align: left;

}
 
#pagePanel #leftPanel 
{
  width: 182px;
  float: left;
  
}
 
#pagePanel #leftPanel #navigation
{
  width: 180px;
  float: right;
  background: url(/img/backgrounds/backMenuGradient.gif) top left repeat-x #E8EBF2;
  margin-bottom: 3px;
  background-color: #D0D5E1
}

#pagePanel #leftPanel #navigation #mainMenu
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#pagePanel #leftPanel #navigation #mainMenu li
{
  
  border-bottom: 1px solid #E8EBF2;
  padding: 3px 0px 5px 0px !important;
  padding: 3px 0px 5px 0px;
  margin: 0px;
  font-size: 11px;
  font-weight: bold;
}

#pagePanel #leftPanel #navigation #mainMenu li a
{
  padding-left: 26px;
  text-decoration: none;
}


#pagePanel #leftPanel #navigation #mainMenu .selected a
{
  color: #CC0000;
  background: url('/img/graphics/bulletMainSelected.gif') 16px no-repeat  ;
}

#pagePanel #leftPanel #navigation #mainMenu .normal a
{
  color: #354152;
  background: url('/img/graphics/bulletMainNormal.gif') 16px no-repeat ;
}

#pagePanel #leftPanel #navigation #subMenu
{
  list-style: none;
  margin: 0px;
  padding: 3px 0 0 0;
}

#pagePanel #leftPanel #navigation #subMenu li
{
  border: none;
  border-top: 1px solid #E8EBF2;
  padding: 3px 0px 5px 0px;
  margin: 0px;
  font-size: 11px;
  font-weight: bold;
}

#pagePanel #leftPanel #navigation #subMenu li a
{
  padding-left: 36px;
  text-decoration: none;
}


#pagePanel #leftPanel #navigation #subMenu .selected a
{
  color: #CC0000;
  background: url('/img/graphics/bulletMainSelected.gif') 26px no-repeat  ;
}

#pagePanel #leftPanel #navigation #subMenu .normal a
{
  color: #71798C;
  background: url('/img/graphics/bulletSubNormal.gif') 26px no-repeat ;
}


#pagePanel #leftPanel #newsletter
{
  width: 148px;
  height: 130px;
  float: right;
  padding: 10px 16px 10px 16px;    
  background: url(/img/backgrounds/backNewsletterGradient.gif) top left repeat-x #E8EBF2;
  margin-bottom: 5px;  
}

#pagePanel #leftPanel #newsletter p
{
	font-size: 10px;
	line-height: 14px;
	color: black;
	margin: 0px;
}

#pagePanel #leftPanel #newsletter form
{
	margin: 10px 0px 10px 0px;
}


input., textarea
{
    border: 1px solid #04155C;
    background-color: #FFF;
}


#pagePanel #leftPanel #newsletter input.text
{
	width: 83px;
	pading-top: 0px;
	float: left;
}

#pagePanel #leftPanel #newsletter input.button
{
}



#pagePanel #leftPanel #adBlock
{
  width: 180px;
  float: right;
}

#pagePanel #leftPanel #adBlock img
{
  
}

#pagePanel #content
{
  width: 525px;
  margin-left: 230px;  
}

#pagePanel #safariHack
{
    height: 500px !important;
    width: 1px;
    float: left;
    margin: 0px;
    padding: 0px;            
}

#pageFooter 
{
	clear: both;
}

#pageFooter #footerContent
{
  margin: 0 auto;
  background: none;  
  width: 760px;  
  font-size: 10px;
  color: #798399;
  padding-top: 15px;
}

#pageFooter #footerContent #affiliation
{
 width: 760px;
 padding-bottom: 10px;
 background: url('/img/graphics/horzlineDotted.gif') bottom left repeat-x white;
}

#pageFooter #footerContent #affiliation img
{
 float: left;
 margin-right: 12px;
}

#pageFooter #footerContent #TeesnCees
{
 width: 500px;
 float: left;
 padding-top: 10px;
}

#pageFooter #footerContent #datasouth
{
 margin-left: 500px;
 padding-top: 10px; 
 width: 250px;
 text-align: right;
}

#pageFooter #footerContent #datasouth a
{
    color: #BABABA;
  text-decoration: none;
}

#pageFooter #footerContent #datasouth a strong
{
  color: #BABABA;
  text-decoration: none;
  font-weight: bold;
}


#pageFooter #footerContent #datasouth a strong b
{
  color: #FFA800;
  text-decoration: none;
}

#pagePanel #content #newsSection .newsLeadStory
{
	float: right;
	width: 525px;
	margin-bottom: 15px;
}

#pagePanel #content #newsSection .newsLeadStory .imgFrameLarge
{
	float: left;
	margin-right: 15px;
}

#pagePanel #content #newsSection .newsLeadStory .date
{
	font-style: italic;
	font-size: 11px;
	margin-left: 2px;
	
}

#pagePanel #content #newsSection .newsLeadStory h2
{
	display: block;
	margin: 7px 0px 9px 0px;
	font-size: 12px;
}

#pagePanel #content #newsSection .newsLeadStory p
{
	font-size: 11px;
	line-height: 16px;
}

#pagePanel #content #newsSection .newsSummary
{
	float: right;
	width: 525px;
	margin-bottom: 15px;
}

#pagePanel #content #newsSection .newsSummary .imgFrameSmall
{
	float: left;
	margin-right: 15px;
}

#pagePanel #content #newsSection .newsSummary .date
{
	font-style: italic;
	font-size: 11px;
	margin-left: 2px;
	
}

#pagePanel #content #newsSection .newsSummary h2
{
	display: block;
	margin: 7px 0px 9px 0px;
	font-size: 12px;
}

#pagePanel #content #newsSection .newsSummary p
{
	font-size: 11px;
	line-height: 16px;
}


#pagePanel #content .newsStory
{
	float: right;
	width: 525px;
	margin-bottom: 15px;
}

#pagePanel #content .newsStory .imgFrameLarge
{
	float: right;
	margin-right: 15px;
}

#pagePanel #content .newsStory .date
{
	font-style: italic;
	font-size: 11px;
	margin-left: 2px;
	
}

#pagePanel #content .newsStory a
{
	display: block;
	margin: 7px 0px 9px 0px;
}

#pagePanel #content .newsStory p
{
	font-size: 11px;
	line-height: 16px;
}

#pagePanel #content .newsStory .newsSubmitter
{
	font-size: 10px;
	font-style: italic;
}

div#welcomeBox
{
    background-color: #DDE0E9;
    padding: 5px 15px 10px 15px;
}




table#calendar td
{
    background-color: #DDE0E9;
    border-bottom: 1px solid #E8EBF2;
}

table#calendar th
{
    text-align: left;
    background-color: #04155C;
    color: #E8EBF2;
    border-bottom: 1px solid #E8EBF2;
}


table.linktous
{
    background-color: #DDE0E9;
    border: 1px solid #04155C;
    padding: 5px;
}
inp

li, li a
{
    color: #00FFFF;
    font-size: 8pt;
    color: #354152;   
}

div.frame100top
{
    background: url('/img/backgrounds/frame100top.gif') bottom left no-repeat;
    width: 120px;
    padding: 0;
    margin: 0;
}

div.frame100bottom
{
    background: url('/img/backgrounds/frame100bottom.gif') top left no-repeat;
    width: 120px;
    padding: 0;
    margin: 0;
}

div.frame100middle
{
    background: url('/img/backgrounds/frame100slice.gif') top left repeat-y;
    width: 120px;
    padding: 0 0 0 10px;
    margin: 0;
}

div.photoCellHeight
{
    min-height: 120px;
    height: auto !important;
    height: 120px;
}

div.frame150
{
    background: url('/img/backgrounds/frame150.gif') top left repeat-y;
    width: 140px;
    padding: 10px;
    margin: 0;
    min-height: 140px;
    height: auto !important;
    height: 140px;
    text-align: center;
}

div.frame200top
{
    background: url('/img/backgrounds/frame200top.gif') bottom left no-repeat;
    width: 220px;
    padding: 0;
    margin: 0;
}

div.frame200bottom
{
    background: url('/img/backgrounds/frame200bottom.gif') top left no-repeat;
    width: 220px;
    padding: 0;
    margin: 0;
}

div.frame200middle
{
    background: url('/img/backgrounds/frame200slice.gif') top left repeat-y;
    width: 220px;
    padding: 0 0 0 10px;
    margin: 0;
}

img#ryaLogo {
  margin: 0px 0px 0px 40px;
}