*
{
    margin: 0px;
    padding: 0px;
}

html
{
    background-color: #f5f5f5;
    color: #333333;
    font-family: Calibri, Arial, Helvetica, Sans-serif;
    font-size: 0.8em;
}

a
{
    background-color: transparent;
    color: #333333;
    white-space: nowrap;
}

a:hover
{
    text-decoration: none;;
}

address
{
    font-style: normal;
}

form.formStyle
{
    margin: 20px 0px 20px 0px;
}
form.formStyle div
{
    margin: 10px 0px 10px 0px;
}

form.formStyle label
{
    display: block;
    float: left;
    font-weight: bold;
    width: 200px;
}

form.formStyle input[type="text"],
form.formStyle input[type="password"],
form.formStyle textarea
{
    width: 300px;
}

form.formStyle .fill
{
    width: 300px;
}

form.formStyle input[type='checkbox']
{
    margin-left: 200px;
}

form.formStyle select
{
    margin: 0px 5px 0px 0px;
}

h1
{
    margin: 0px 0px 10px 0px;
}

h2
{
    margin: 10px 0px 10px 0px;
}

img, img a
{
    border: 0px;
}

p
{
    margin: 10px 0px 10px 0px;
}

select option
{
    padding: 0px 5px 0px 5px;
}

select optgroup
{
    margin: 5px 0px 5px 0px;
}

ol
{
    margin: 10px 0px 10px 20px;
}

ul
{
    margin: 10px 0px 10px 15px;
}

li
{
    margin: 10px 0px 10px 0px;
}

#container
{
    /*
    background-image: url('../images/leftpanel-slice.jpg');
    background-position: top left;
    background-repeat: repeat-y;
    */
    margin: 5px 0px 5px 0px;
}

#contentContainer
{
    float: right;
    width: 600px;
}

#contentPanel
{
    border: 1px solid #cccccc;    
    padding: 5px;

    /* IE6 hack - surprise surprise */
    min-height: 650px;
    height: auto !important;
    height: 650px;
}

#contentPanel p:first-child
{
    margin-top: 0px;
}

#contentPanel ul
{
    /*list-style-image: url('../images/icons/bullet.png');*/
}

#footer
{
    background-color: #cccccc;
    color: #333333;
    text-align: center;
}

#footer a
{
    background-color: transparent;
    color: #333333;
    text-decoration: none;
}

#footer a:hover
{
    background-color: #f5f5f5;
    color: #333333;
    display: block;
    text-decoration: underline;
}

#footer ul
{
    list-style-type: none;
    margin: auto;
    width: 51em;
}

#footer li
{
    border-right: 1px solid #f5f5f5;
    float: left;
    margin: 0px;
    width: 10em;
}

#footer li:first-child
{
    border-left: 1px solid #f5f5f5;
}

.homeContainer
{
    margin: 20px auto 20px auto;
    width: 540px;
}

.homeRow
{
    margin: 10px 0px 10px 0px;    
}

.homeRowLeft
{
    float: left;
    width: 260px;
}

.homeRowRight
{
    float: right;
    width: 260px;
}

#leftPanel
{
    float: left;
    width: 150px;
}

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

#leftPanel ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#leftPanel li
{
    margin: 2px 0px 2px 0px;
    padding: 0px;
}

#leftPanel li a
{
    background-color: #c6c5fe;
    color: #333333;
    border-bottom: 1px solid #cccccc;
    display: block;
    padding: 5px;
    
    /**
    * Purely for IE6, because it sucks
    */
    height: 18px;
}

#leftPanel li ul
{
    background-color: #ffffff;
    color: #333333;
    margin: 0px;
    padding: 0px;
}

#leftPanel li ul li a
{
    background-color: #f5f5f5;
    color: #333333;
    display: block;
    font-weight: normal;
    padding-left: 20px;
}

#leftPanel li ul li ul
{
    margin: 0px;
    padding: 0px;
}

#leftPanel li ul li ul li a
{
    background-color: #ffffff;
    color: #333333;
    display: block;
    padding-left: 20px;
}

.leftMenuOpen,
.leftMenuClosed
{
    background-position: 2%;
    background-repeat: no-repeat;
}

.leftMenuOpen
{
    background-image: url( '../images/icons/download.png' );
}

.leftMenuClosed
{
    background-image: url( '../images/icons/arrow_right.png' );
}

#page
{
    background-color: #ffffff;
    color: #333333;
    margin: 10px auto 10px auto;
    padding: 5px;
    width: 760px;
}

/**
 * Page specific styles
 */

.addressContainer
{
    margin: 20px 0px 20px 0px;
}

.addressPanel
{
    float: left;
    margin: 10px 0px 10px 0px;
    width: 290px;
}

.addressRight
{
    float: right;
    width: 280px;
}

.alertPanel
{
    border: 1px solid #cccccc;
    background-color: #ffd9d9;
    color: #333333;
    margin: 10px 0px 10px 0px;
    padding: 5px;
}

.alertTitle
{
    font-weight: bold;
}

#articlePanel h2
{
    border-bottom: 1px solid #cccccc;
}

#newestFive
{
    float: right;
    width: 280px;
}

#topFive
{
    float: left;
    width: 280px;
}

.articleSummary
{
    margin: 10px 0px 10px 0px;
}

.articleSummaryRating
{
    float: right;
    text-align: center;
    width: 50px;
}

.articleSummaryText
{
    float: left;
    width: 220px;
}

.articleSummaryText a
{
    font-weight: bold;
}

.clear
{
    clear: both;
}

.diaryContentPanel
{
    float: left;
    width: 440px;
}

.diaryMenuPanel
{
    background-color: #f5f5f5;
    color: #313131;
    float: right;
    padding: 3px;
    width: 130px;
}

.diaryMenuPanel p
{
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
}

.diaryItem
{
    background-color: #f5f5f5;
    color: #333333;
    margin: 0px 0px 10px 0px;
    padding: 5px;
}

.diaryItemContent
{
    float: right;
    width: 340px;
}

.diaryItemContent a
{
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

.diaryItemContent a:hover
{
    text-decoration: underline;
}

.diaryItemImage
{
    float: left;
    height: 60px;
    margin: 5px;
    width: 60px;
}

.docRow
{
    background-color: #f5f5f5;
    color: #333333;
    margin: 10px 0px 10px 0px;
    padding: 5px;
}

.docRowActions
{
    display: block;
    float: left;
    width: 80px;
}

.docRowIcon
{
    display: block;
    float: left;
    width: 50px;
}

.docRowTitle
{
    display: block;
    float: left;
    width: 420px;
}

.faqSection
{
    background-color: #f5f5f5;
    margin: 20px 0px 20px 0px;
    padding: 5px;
}

.faqSectionTitle
{
    border-bottom: 1px solid #cccccc;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
}

.friendList
{
    list-style-type: none;
    margin: 0px;
}

.friendList li
{
    margin: 5px 0px 5px 0px;
}

.forgotPass
{
    margin-left: 200px;
}

.formPanel
{
    background-color: #f5f5f5;
    margin: 10px 0px 10px 0px;
    padding: 5px;
}

.formPanel form
{
    margin: auto;
    width: 90%;
}

.msgPanel
{
    margin: 20px 0px 20px 0px;
}

.msg
{
    margin: 10px 0px 10px 0px;
}

.msgHeader
{
    font-weight: bold;
}

.msgIcon,
.msgSubject,
.msgSender,
.msgDate,
.msgSelect
{
    display: block;
    float: left;
}

.msgIcon
{
    width: 30px;
}

.msgSubject
{
    width: 250px;
}

.msgSender
{
    width: 120px;
}

.msgDate
{
    width: 130px;
}

.msgSelect
{
    width: 50px;
}

.newsItem
{
    background-color: #f5f5f5;
    color: #333333;
    margin: 0px 0px 10px 0px;
    padding: 5px;
}

.newsItemContent
{
    float: right;
    width: 490px;
}

.newsItemContent a
{
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    white-space: normal;
}

.newsItemContent a:hover
{
    text-decoration: underline;
}

.newsItemImage
{
    float: left;
    height: 60px;
    margin: 5px;
    width: 60px;
}

.pageButton,
.pageNo,
.pageSelected
{
    padding: 5px;
}

.pageSelected
{
    font-weight: bold;
}

.photo
{
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin: 20px 0px 20px 0px;
    padding: 5px 0px 5px 0px;
}

.photoComment
{
    float: left;
    margin-right: 10px;
    width: 410px;
}

.photoCommentTitle
{
    font-size: 1.2em;
    font-weight: bold;
}

.photoFrame
{
    float: right;
    height: 150px;
    padding: 5px;
    width: 150px;
}

.previewImage
{
    float: right;
    margin: 0px 10px 10px 10px;
}

.profileSummary
{
    border: 1px solid #cccccc;
    margin: 10px 0px 10px 0px;
    padding: 5px;
}

.profileSummaryData
{
    float: left;
    width: 460px;
}

.profileSummaryImage
{
    background-color: #cccccc;
    color: #333333;
    float: right;
    height: 100px;
    width: 100px;
}

.profileSummaryTitle
{
    font-size: 1.2em;
    font-weight: bold;
}

.profileUserTitle
{
    font-size: 1.4em;
    font-weight: bold;
}

.profileContainer
{
    margin: 10px 0px 10px 0px;
}

.profileContentPanel
{
    float: left;
    width: 390px;
}

.profileSidePanel
{
    float: right;
    width: 180px;
}

.panelTitle
{
    font-weight: bold;
}

.quote
{
    background-color: #f5f5f5;
    color: #333333;
    margin: 20px 0px 20px 0px;
    padding: 5px;
}

.tagList
{
    list-style-type: none;
    margin: 0px;
}
            
.tagList li
{
    float: left;
    margin: 10px 20px 10px 0px;
    white-space: nowrap;
}

.taskPanel
{
    border: 1px solid #cccccc;
    margin: 10px 0px 10px 0px;
    padding: 5px;
    min-height: 150px;
}

.taskPanelTitle
{
    font-weight: bold;
}

.taskRow
{
    margin: 10px 0px 10px 0px;
}

.taskRowTitle
{
    display: block; float: left; width: 350px;
}

.taskRowDate
{
    display: block;
    float: left;
    text-align: right;
    width: 200px;
}

/**
 * sIFR Styles
 */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter 
spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since 
the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues 
you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 1.4em;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/

.sIFR-hasFlash address {
		
}
.sIFR-hasFlash #indexTimes p{
	
}
/**
 * End of sIFR Styles
 */