/* General Style
---------------------------------------------*/
html{font:70%/1.5em Arial, Helvetica, sans-serif;}
body{margin:15px 0;padding:0;height:100%;background:#60616e url(images/bg.gif) repeat-x;}

.structMastWrap {width:772px;margin:0 auto;}
.structMastWrap .structWrap { background:url(images/bdBg.gif) repeat-y; width:770px; padding:0 1px; float:left;}
.structMastWrap .structWrapBtm { background:url(images/bgBtmBg.gif) no-repeat bottom left; float:left; width:100%; height:12px;}

a{color:#2a2c7a;text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

h1,h2,h3,h4,h5,.PageTitleHeader,.PageSubTitleHeader {font-weight:bold;margin:0;padding:3px 5px 3px 0;color:#484987;}
h1,.PageTitleHeader {font-size: 170%;}
h2,.PageSubTitleHeader{font-size: 140%;}
h3{font-size: 130%;}
h4{font-size:120%;}
h5{font-size: 110%;}
p{padding:0;margin:6px 0;}
hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#cecece;color:#cecece;}
input_text,textarea{border:solid 1px #2b2c70;}

.center{text-align:center;}
.right{float:right;}
.textalignright{text-align:right;}
.left{float:left;}
.textalignleft{text-align:left;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead { float:left; width:100%; background:url(images/bdTopBg.gif) no-repeat top left;}

.structHead h1 { padding:0; margin:25px 0 0 51px; float:left;}
.structHead h1 a { display:block; text-indent:-999em; background: url(images/skewlogo3small.jpg) no-repeat; width:141px; height:141px;}
.structHead h1 a:hover { filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55;}

.structHead #ContentRotator { float:left; width:372px; height:176px; margin:2px 15px 0 15px; border-right:solid 1px #fece08; border-left:solid 1px #fece08;}
.structHead .symbolImg { background:url(images/tbSymbol.gif) no-repeat; width:123px; height:146px; float:left; margin:15px 0 0 15px;}

.structHead #ContentMemberTools { float:left; width:770px; background:#1f205a; margin:0 1px; border-top:solid 1px #fece08; border-bottom:solid 1px #fece08;}
.structHead #ContentMemberTools h2 { color:#c0c0c0; font-size:16px; padding:0; margin:3px 5px; float:right;}
.structHead #ContentMemberTools ul { padding:0; margin:0; list-style:none;}
.structHead #ContentMemberTools li { padding:0; margin:0; float:left; background:url(images/mtBg.gif) repeat-x;}
.structHead #ContentMemberTools li a { display:block; text-decoration:none; font-weight:bold; font-size:11px; color:#fece08; padding:3px 18px; border-left:solid 1px #51527b; border-right:solid 1px #0e0e29;}
.structHead #ContentMemberTools li#Support a { background:url(images/mtSupportBg.gif) no-repeat top right;}
.structHead #ContentMemberTools li#Support a:hover,
.structHead #ContentMemberTools li a:hover { background:#2b2c63;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft { width:153px; float:left;}

.structLeft #ContentOutLinks {}
.structLeft #ContentOutLinks ul { padding:0; margin:0; list-style:none;}
.structLeft #ContentOutLinks li { padding:0; margin:0;}
.structLeft #ContentOutLinks li a { display:block; text-decoration:none; background:url(images/eNavBg.gif) repeat-x; padding:7px 10px 8px 10px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:133px;}
.structLeft #ContentOutLinks li a:hover { background:#525d94;}

.structLeft #ContentLeftNav {}
.structLeft #ContentLeftNav ul { padding:0; margin:0; list-style:none;}
.structLeft #ContentLeftNav li { padding:0; margin:0;}
.structLeft #ContentLeftNav li a { display:block; text-decoration:none; background:url(images/navBg.gif) repeat-x; padding:7px 10px 8px 10px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:133px;}
.structLeft #ContentLeftNav li a:hover { background:#212257;}

.structLeft #ContentLeftNav li li a { background:none; padding:3px 10px 3px 20px; width:123px; color:#1c1d52;font-weight:normal;}
.structLeft #ContentLeftNav li li.navselected a{font-weight:bold;}
.structLeft #ContentLeftNav li li.navselected li a{ padding:3px 10px 3px 30px; width:113px; color:#1c1d52;font-weight:normal;}
.structLeft #ContentLeftNav li li li.navselected a{font-weight:bold;padding:3px 10px 3px 30px; width:113px;}
.structLeft #ContentLeftNav li li li.navselected li a{font-weight:normal;padding:3px 10px 3px 40px; width:103px;}
.structLeft #ContentLeftNav li li li li.navselected a{font-weight:bold;padding:3px 10px 3px 40px; width:103px;}

.structLeft #ContentLeftNav li li a:hover{ background:none; text-decoration:underline;}

/* BODY ELEMENTS
---------------------------------------------*/
.start .structBody { float:left; width:420px; padding:15px;}
.index .structBody { float:left; width:587px; padding:15px;}

.structBody #ContentMiddle {}

.structBody #ContentMiddle .cmWelcome { float:left; width:100%; border-bottom:solid 1px #fece08; padding:0 0 15px 0; margin:0 0 15px 0;}
.structBody #ContentMiddle .cmwPic { float:left; margin:5px 15px 0 0; width:100px; text-align:center; color:#51527b;}

.structBody #ContentMiddle .cmNews { float:left; width:100%;}
.structBody #ContentMiddle .cmnPic { float:left; margin:0 15px 0 0; width:100px; text-align:center;}
.structBody #ContentMiddle .cmnPic img { margin:15px 0;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight { float:left; width:155px;}

.structRight .ceWrap { background:url(images/rcBg.gif) repeat-y; margin:20px 0; float:left;}
.structRight .ceWrap .ceTopBg { background:url(images/rcTopBg.gif) no-repeat top left; float:left; width:100%;}
.structRight .ceWrap .ceBtmBg { background:url(images/rcBtmBg.gif) no-repeat bottom left; float:left; width:135px; padding:10px;}
.structRight .ceWrap #ContentEvents #cid_820_RadCalcid_820_wrapper{ margin:0; padding:0; width:134px; _width:120px;}
.structRight .ceWrap #ContentEvents #CalTitle820 {width:134px; _width:120px;}
.structRight .ceWrap #ContentEvents h3 { font:bold 14px "Times New Roman", Times, serif; color:#2a2c7a; border-bottom:solid 1px #2a2c7a; padding:3px 0; text-align:center; margin:3px 0;}
.structRight .ceWrap #ContentEvents p { padding:0; margin:6px 0;}

.structRight .cnWrap { background:url(images/rcBg.gif) repeat-y; margin:20px 0; float:left;}
.structRight .cnWrap .cnTopBg { background:url(images/rcTopBg.gif) no-repeat top left; float:left; width:100%;}
.structRight .cnWrap .cnBtmBg { background:url(images/rcBtmBg.gif) no-repeat bottom left; float:left; width:135px; padding:10px;}
.structRight .cnWrap #ContentClassNotes {}
.structRight .cnWrap #ContentClassNotes h2 { font:bold 14px "Times New Roman", Times, serif; color:#2a2c7a; border-bottom:solid 1px #2a2c7a; padding:3px 0; text-align:center; margin:3px 0;}
.structRight .cnWrap #ContentClassNotes p { padding:0; margin:6px 0;}

/* Footer Elements 
---------------------------------------------*/
.structFooter { width:100%; float:left;}
.structFooter #ContentFooter { text-align:center;}

/* -----------------------------------------
START OF NON-DESIGN RELATED ELEMENTS
---------------------------------------------*/
form#MainForm { width: 100%; height:auto; height:100%; min-height:100%;}

.expand { background: #2b2c70;}
.expand img { background: #2b2c70; float:none; display:block;}

/* block - prevents NS/SAFARI info box stuff  ------------------------------*/
#PageInstructions, .error, .success, .profile, .filelibfiledetails, .eventsheader, .campaignsheader, .donationpaymentamount, table.profile,  .MessageBoardsDataGridHeader, .FileLibraryFileList{ display:block;}

/* box settings ------------------------------*/
.DataGridHeader, .EventsHeader, .EventDonationDetail, .CampaignsHeader, td.PageManagerHeader, tr.PageManagerHeader, .Profile { padding: 2px 5px 2px 5px; border: 1px solid #CCC; margin:5px 0;}
#PageInstructions { color:#666; display:block; border:solid 1px #525252; padding:5px 8px;}
.DataGridHeader {}
.EventDonationDetail {width:250px;}
	
/*  core ------------------------------*/
.HelpButton { color: #fff; background: #8E9296; border: solid 1px #fff; padding: 2px; font-weight: bold; width: 48px; text-align: center;}
.Error, .error { display: block; padding: 5px 0 5px 25px; color:#BF0000; background:#FFE8E8 url(/images/icons/v2/common/exclamation.gif) no-repeat 2px; border: 1px solid #BF0000;}
.Success, .success { display: block; padding: 5px 0 5px 25px; color:#008000; background:#D0E8D0 url(/images/icons/v2/common/accept.gif) no-repeat 3px 2px; border: 1px solid #008000;}
.DataGridAltItem {background:#e8e8e8;}
.DataGridPager { font-weight: bold; letter-spacing: 3px; line-height: 20px; text-align: right;}
textarea { width:350px;}

/* profile ------------------------------*/
.ProfileHeader {font-weight:bold;}
.ProfilePageTabHeadings {font-weight:bold;}

/* search ------------------------------*/
.SearchResultsDataGridAltItem { background:#e8e8e8;}
.SearchResultsDataGridPager { font-weight: bold; letter-spacing: 3px; line-height: 50px;}

/* message boards ------------------------------*/
table.HotTopics { width:250px;}
.MsgItem { background: #ccc;}
.MsgItemSubject { background:#ccc;}
.MsgItemInverse { background:#e8e8e8;}
.MsgItemSubjectInverse { background:#e8e8e8;}	
.LastPostingText { font-style: italic; color: #6B6B6B;}
.BadWordHighlight { font-weight: bold; color: #c42830;}
.MsgsReplyText {}
.MsgsDates {}

/* file library  ------------------------------*/
.FileLibFileDetails { background-color: #BCB8B8; width: 250px; padding: 2px 5px 2px 5px;}
.FileLibraryFileList { background-color: #E4E4E4; width: 250px; padding: 2px 5px 2px 5px;}

/* events ------------------------------*/
td.StoreItemHeader { border-color: #666;}

/* donations ------------------------------*/
.DonationPaymentAmount { background: #E4E4E4; border: solid 1px #999; padding:2px 5px 2px 5px;}

/* pagemanager ------------------------------*/
table.PageManager {}

/* communications utility  ------------------------------*/
td.CommUtilHeader { background:#CCC; color:#FFF;}