/* LAYOUT */

html,body
{
    margin:0;
    padding:0
}
body
{
    font: 76% Trebuchet MS, arial,sans-serif;
    text-align:center;
    background: url(/images/backgrounds/body.jpg) repeat-x #A40000;
}

p
{
    margin:0 10px 10px
}

div#header h1
{
    height:80px;
    line-height:80px;
    margin:0;
    padding-left:10px;
    background: #EEE;
    color: #79B30B
}
div#container
{
    text-align:left
}
div#content p
{
    line-height:1.6em;
}
div#navigation
{
    background:#B9CAFF
}
div#footer
{
    color: #FFF;
    padding-top: 10px;
    border-top: 1px solid #DE5914;
    margin: 10px 0;
}
div#footer p
{
    margin:0;
    font-size: 0.8em;
}
div#container
{
    width:773px;
    margin:0 auto
}
div#content
{
    float:right;
    width:573px;
    margin-top: 20px;
}
div#mymailContent
{
    xfloat:right;
    width:773px;
    xmargin-top: 20px;
    padding-top: 10px; 
}
div#sidenav
{
    float:left;
    width:200px;
    background: url(/images/backgrounds/sidebar.jpg) top left no-repeat;
    padding-top: 220px;
    margin-bottom: 10px;
}
div#extra
{
    float:left;
    clear:left;
    width:200px
}
div#footer
{
    clear:both;
    width:100%
}
div.quote 
{
    padding: 0;
    background: url(/images/backgrounds/quote-right.gif) bottom right no-repeat;
    margin-bottom: 10px;
}

/* END LAYOUT */


/* CONTENT STYLING */


div#sidenav h1, div#sidenav h2, div#sidenav h3, div#sidenav h4, div#sidenav h5, div#sidenav p, div#sidenav ul
{
    margin: 10px;
} 
div#sidenav h3 
{
    color: White;
    border-top: 1px solid #DE5914;
    border-bottom: 1px solid #DE5914;
    padding: 3px;
    text-align: center;
}

div#content div.quote p
{
    font-family: Georgia;
    font-style: italic;
    font-size: 1.1em;
    color: White;
    line-height: 2em;
    margin: 0;
    padding: 0 24px;
    background: url(/images/backgrounds/quote-left.gif) top left no-repeat;
}

table#regionGraphicsTable 
{
    border: none;
    margin: 0 13px 0 10px;
    width: 260px;   
}
table#regionGraphicsTable td 
{
    text-align: center;
    padding: 5px;
}
table#regionGraphicsTable td a img 
{
    border: None;
}
ul#qualificationsList 
{
    color: #CC0000;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 10px 10px 0;
}
ul#qualificationsList li 
{
    padding: 3px 3px 3px 22px;
    border-bottom: 1px solid #CCC;
    font-size: 1.1em;
}
ul#qualificationsList li a 
{
    color: #CC0000;
    text-decoration: none;
}
ul#qualificationsList li a:hover 
{
    color: #CC0000;
    text-decoration: underline;
}
.nobox 
{
    color: White;   
}
div.nobox p, div.nobox h2, div.nobox h3,div.nobox h4, div.nobox h5 
{
    margin:0 10px 20px
}
div.nobox a 
{
    color: #DE5914;
}
div.nobox a:hover
{
    color: Yellow;
}
div.nobox table 
{
    margin-bottom: 10px;
    margin-left: 10px;
    border: 1px solid #000;
}
div.nobox table tr td
{
    background: #fff;
    padding: 5px;
    
    color: #333;
}
table.eventsTable 
{
    width: 100%;
}
table.eventsTable thead tr th 
{
    border-bottom: 1px solid #DD8786;
    border-right: 1px solid #DD8786;
    padding: 3px;
}
table.eventsTable tr td
{
    border-right: 1px solid #DD8786;
    padding: 3px;
}
table.eventsTable tr td.last, table.eventsTable thead tr th.last 
{
    border-right: none;
    text-align: right;
} 
table.eventsTable tr.row2 
{
    background: #FFE3E2;
}
select.regionSelect 
{
    background: #BD0000;
    color: White;
    font-size: 160%;
}

h4.profile 
{
    color: #FD0100;
    font-weight: normal;
    font-size: 1.6em;
    
}
p.profileBlock 
{
    color: #FD0100;
}
p.profileBlock label
{
    color: #000;
    width: 100px;
    float: left;
    margin-right: 10px;
}
div.largeContentBox div.largeContentBoxInner a.editLink 
{
    color: #777;
    text-decoration: underline;
}
div.largeContentBox div.largeContentBoxInner a.editLink:hover
{
    color: #333;
    text-decoration: none;
}
/* END CONTENT STYLING */


/* SIDEBAR NAV */

div#sidenav ul.links 
{
    margin: 0;
    padding: 0 20px;
    list-style-type: none; 
}
div#sidenav ul.links li 
{
    border-bottom: 1px solid #DE5914;
    height: 26px;
    line-height: 24px;
    padding-left: 16px;
    background: url(/images/backgrounds/bullet.gif) top left no-repeat;
}
div#sidenav ul.links li a 
{
    color: White;
    text-decoration: none;
    height: 26px;
    line-height: 24px;
}
div#sidenav ul.links li a:hover
{
    color: White;
    text-decoration: underline;
    height: 26px;
    line-height: 24px;
}
/* END SIDEBAR NAV */





/* THE TOP MENU */

/* .current not implemented to date - should do in the future! */

.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(/images/backgrounds/nav/0.1.jpg); position:relative;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:40px; line-height:40px; color:#ddd; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; border-right: 1px solid #B25754; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(button3.gif);}
.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background: url(/images/backgrounds/nav/1.jpg);}
.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}






.menu1 li.login {
    float: right;
    background: url(/images/backgrounds/nav/login.jpg) top right;
    width: 60px;
    text-align: right;
}
.menu1 li.login a 
{
    color: #ECA412;
    background: url(/images/backgrounds/nav/login.jpg) top right;
    font-size: 1.1em;
    width: 100px;
    text-align: right;
    border-right: none;
}
.menu1 li.login a:hover, .menu1 li.logout a:hover 
{
    text-decoration: underline;
    background: url(/images/backgrounds/nav/login.jpg) top right;
    color: #ECA412;
}

.menu1 li.logout {
    float: right;
    background: url(/images/backgrounds/nav/logout.jpg) top right;
    width: 100px;
    text-align: right;
}
.menu1 li.logout a 
{
    color: #ECA412;
    background: url(/images/backgrounds/nav/logout.jpg) top right;
    font-size: 1.1em;
    width: 100px;
    text-align: right;
}

/* END TOP MENU */

/* THE BOXES */

div.largeContentBox 
{
    background: url(/images/backgrounds/pallete-large-background.gif) no-repeat;
    background-position: 0px 30px;
    margin: 0;
}
div.largestContentBox 
{
    background: url(/images/backgrounds/pallete-largest-background.gif) no-repeat;
    background-position: 0px 30px;
    margin: 0;
}

div.largeContentBox h2, div.largeContentBox h3 
{
    background: url(/images/backgrounds/pallete-large-header.gif) no-repeat;    
    margin: 0px;
    color: White;  
    font-weight: bold;
    font-family: Arial, Verdana, Sans-Serif;
}
div.largestContentBox h2, div.largestContentBox h3 
{
    background: url(/images/backgrounds/pallete-largest-header.gif) no-repeat;    
    margin: 0px;
    color: White;  
    font-weight: bold;
    font-family: Arial, Verdana, Sans-Serif;
}
div.largeContentBox h2, div.largestContentBox h2
{
    font-size: 1.7em;
    padding: 5px 10px 3px 10px;
}


div.largeContentBox h3 
{
    font-size: 1.5em;
    padding: 5px 10px 5px 10px;
}
div.largeContentBox h2 span, div.largeContentBox h3 span 
{
    font-weight: normal;
} 
div.largeContentBoxFooter 
{
    background: url(/images/backgrounds/pallete-large-footer.gif) bottom left no-repeat;
    height: 30px;
    margin-top: 0px;
    margin-bottom: 10px;
}
div.largestContentBoxFooter 
{
    background: url(/images/backgrounds/pallete-largest-footer.gif) bottom left no-repeat;
    height: 30px;
    margin-top: 0px;
    margin-bottom: 10px;
}
div.largeContentBox div.largeContentBoxInner 
{
    background: url(/images/backgrounds/pallete-large-inner-background.jpg) no-repeat;
    zoom: 1;
}


div.largeContentBox div.largeContentBoxInner p.boxP
{
    margin: 10px 10px 0;
}


div.largeContentBox div.largeContentBoxInner h3
, div.largeContentBox div.largeContentBoxInner h4
{
    margin: 10px 10px 0;
}


div.largeContentBox div.largeContentBoxInner h3 
{
    background: none;
    color: #333;
    padding: 0;
}
div.largeContentBox div.largeContentBoxInner a, div.smallContentBox div.smallContentBoxInner a 
{
    color: #FF0000;
    text-decoration: none;
}
div.largeContentBox div.largeContentBoxInner a:hover
{
    color: #FF0000;
    text-decoration: underline;
}


div.smallContentBox 
{
    background: url(/images/backgrounds/pallete-small-background.gif) no-repeat;
    background-position: 0px 105px;
    width: 282px;
    float: left;
    margin-bottom: 10px;
}
div.smallContentBox h2, div.smallContentBox h3 
{
    background: url(/images/backgrounds/pallete-small-header.gif) no-repeat;
    margin: 0px;
    font-size: 1.7em;
    color: White;  
    font-weight: bold;
    font-family: Arial, Verdana, Sans-Serif;
}
div.smallContentBox h2 
{
    font-size: 1.7em;
    padding: 5px 10px 3px 10px;
}
div.smallContentBox h3 
{
    font-size: 1.4em;
    padding: 5px 10px 5px 10px;
}
div.smallContentBox h3 span.boxHeadingRight, div.largeContentBox h2 span.boxHeadingRight  
{
    float: right;
    font-size: 0.8em;
    color: #FEBE0F;
}
div.smallContentBox h3 span.boxHeadingRight a 
{
    color: #FEBE0F;
}
div.smallContentBox h2 span, div.smallContentBox h3 span 
{
    font-weight: normal;
} 
div.smallContentBoxFooter 
{
    background: url(/images/backgrounds/pallete-small-footer.jpg) bottom left no-repeat;
    height: 30px;
    margin-top: 0px;
}
div.smallContentBox div.smallContentBoxInner 
{
    background: url(/images/backgrounds/pallete-small-inner-background.jpg) no-repeat;
    zoom: 1;
}
div.smallContentBox div.smallContentBoxInner p
{
    margin: 10px 10px 0;
}
div.smallContentBox div.smallContentBoxInner h4 
{
    margin: 10px 10px 0;
    font-size: 1.2em;
    font-weight: normal;
    border-top: 1px solid #CD7D7C;
    border-bottom: 1px solid #CD7D7C;
    padding: 2px 0;
}
a.boxHeaderLink 
{
    color: White;
}
a.boxHeaderLink:hover 
{
    color: White;
    text-decoration: none;
}
/* END BOXES STYLING */



/* FORM STYLING */

div.largeContentBox div.largeContentBoxInner fieldset 
{
    padding: 0 20px;
    border: none;
}

div.largeContentBox div.largeContentBoxInner fieldset legend 
{
    font-size: 120%;
    color: #333;
    margin-top: 10px;
}
div.largeContentBox div.largeContentBoxInner fieldset label 
{
    width: 100px;
    float: left;
    text-align: right;
    padding-right: 10px;
}

div.largeContentBox div.largeContentBoxInner fieldset input 
{
    width: 300px;
}

div.formRow 
{
    clear: both;
    margin-top: 10px;
}
div.largeContentBox div.largeContentBoxInner fieldset.registerForm 
{
    border: 1px solid #999;
    width: 510px;
}
div.largeContentBox div.largeContentBoxInner fieldset.registerForm legend 
{
    font-weight: bold;
}
span.warningStar 
{
    font-size: 130%;
    color: Red;
    float: none;
    font-weight: bold;
    padding-right: 5px;
}

.submit INPUT {
	border-top: #ccc 3px double;
	border-right: #999 3px double;
	border-bottom: #999 3px double;
	border-left: #ccc 3px double;
	padding: 0.25em;
	background-image:  url(../images/backgrounds/button_background.jpg); 
	color: #333; 
	width: auto;
	font: bold 14px Arial, Verdana, san-serif;
	}
.submit INPUT:unknown {
	border-top: #ccc 3px double;
	border-right: #999 3px double; 
	border-bottom: #999 3px double;
	border-left: #ccc 3px double; 
	padding: 0.25em;
	background-image: url(../images/backgrounds/button_background.jpg); 
	color: #333; 
}
.submit INPUT:active {
	border-top: #999 3px double;
	border-right: #ccc 3px double; 
	border-bottom: #ccc 3px double;
	border-left: #999 3px double; 
	background: #f4f4f4; 
}


/* END FORM STYLING */

/* LOGIN BOX STYLING */

#registerNotification 
{
    float: right;
    width: 260px;
}

#newLogin 
{
    text-align: right;
    xpadding: 100px;
    padding-top: 70px;
    padding-left: 10px;
}
#newLogin form 
{
    xmargin: 0px auto;
    padding: 0;
    padding-bottom: 20px;
    background: url(/images/login/login-box-background.jpg) no-repeat 0px 24px;
    text-align: left;
    width: 280px;
}
#newLogin fieldset 
{
    border: none;
    padding-left: 30px;
    
}
#newLogin fieldset legend 
{
    xmargin-top: -24px;
    xmargin-left: -16px;
    xmargin-bottom: 6px;
    padding: 5px 56px 5px 10px;
    background: url(/images/login/login-tab.gif) no-repeat top left;
    color: #FDBD0F;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}
#newLogin label 
{
    color: White;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    text-align: right;
}
#newLogin input.login 
{
    width: 215px;
}
#newLogin input.btn 
{
    background: url(/images/login/login-button-new.jpg) no-repeat top left;
    border: none;
    color: White;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 26px 4px 6px;
    text-align: left;
    margin: 0;
    margin: 6px 30px;
    border-top: #ccc 3px double;
	border-right: #999 3px double;
	border-bottom: #999 3px double;
	border-left: #ccc 3px double;
} 
#newLogin p.warning 
{
    padding: 0 5px 0 0;
    margin: 0;
    color: #FDBD0F;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 10px;
}



/* END LOGIN BOX STYLING */


p.loginError 
{
    margin: 20px 10px;
    padding: 10px;
    border: 1px solid #FFCC00;
    background-color: #FFEA95;
}

p.flagError, div.flagError
{
    margin: 20px 10px;
    padding: 10px;
    border: 1px solid #FFCC00;
    background-color: #FFEA95;
}
div.flagError p
{
    color: #000;
}


div.largeContentBox div.largeContentBoxInner form p input.btn, p input.btn 
{
    background: url(/images/login/login-button-new.jpg) repeat-x top left;
    border: none;
    color: White;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 26px 4px 6px;
    text-align: left;
    margin: 0;
    margin: 6px 30px;
    border-top: #ccc 3px double;
	border-right: #999 3px double;
	border-bottom: #999 3px double;
	border-left: #ccc 3px double;
} 


/* USER PROFILE PAGE STYLING */

img.profilePic 
{
    padding: 5px;
    border: 1px solid #999;
    background: White;
    margin: 10px 30px 10px 10px;
    float: left;
}

div.profilePicColumn 
{
    width: 190px;
    float: left;
}

/* END USER PROFILE PAGE STYLING */