body {
text-align: center;
background:#F2F1DA url(/images/sw_ripbg.jpg) repeat-x top left;
margin:0px;
padding:0px;
padding:0 0 10px 0;
}

#shadowcontainer {
position: relative;
margin: 0 auto 0 auto;
width: 760px;
background-color:#E1DFC7;
}

#outercontainer {
position: relative;
top:-4px;
left:-4px;
width: 760px;
text-align:left;
background: url(/images/sw_main_horiz_backgshw.gif) repeat-y top right;
}

#innercontainer {
width:760px; /* width for the IE5s */
w\idth:757px; /* width for everyone else */
padding:0px 0px 0px 3px;
}

#pageheader {
background: #407DB8 url(/images/287.jpg) no-repeat top right;
float:left;
width:100%;
border-bottom:1px solid #3B73A8;
} 

#pagebody {
clear:both;
}

#leftcolumn {
width: 490px;
float:left;
}

#leftcolumn .gutter {
padding:0 0 15px 15px;
}

#rightcolumn {
width: 225px;
float:right;
}

#rightcolumn .gutter {
margin-right:15px;
}

#imagefooter {
clear:both;
}

#pagefooter {
clear:both;
padding:5px 0;
background-color:#407DB8;
}

#left_logo {
float:left;
}

#navigation {
float:right
}

/* TEXT HEADERS 
further properties defined within div sections
*/

h1 {
font-size:150%;
position: absolute;
top: -10000px;
}

h2 {
font-size:140%;
color:#407DB8;
}

h3 {
font-size:115%;
color:#78AF0C;
}

h4 {
font-size:105%;
color:#78AF0C;
}

p {
font-size:96%;
}

.smlnote {
font-size:85%;
}

/* PAGEHEADER RELATED */

#left_logo img {
display: block; 
border:none;
}

/* LEFTCOLUMN RELATED */

#leftcolumn p {
font-weight:normal;
line-height:1.8em;
margin: 0px 0px 15px 0px;
color:#7F7D5D;
text-align:left;
}

#leftcolumn h2 {
margin:10px 0px 5px 0px;
}

#leftcolumn h3 {
margin:5px 0px 5px 0px;
}

#leftcolumn img {
float:right;
margin:5px 0px 10px 20px;
padding:2px;
background: #EBEBD3;
}

img {
border:none
}

#leftcolumn ul li, #leftcolumn ol li {
color:#7F7D5D;
margin:0;
padding: 0 0 10px 0;
text-align:left;
}

#latestnews {
border-top: 1px dashed #ABA87D;
}

#leftnews {
float:left;
width:50%;
padding-right:10px;
border-right: 1px dashed #ABA87D;
}

#rightnews {
float:right;
width:46%;
}

#arcadiandiary {
border-top: 1px dashed #ABA87D;
clear:both;
}

#leftnews p {
padding-right:20px;
}

#rightnews p {
padding-left:5px;
}

#leftcolumn h3#arcnews {
padding:10px 0px 5px 70px;
margin:0;
height:2em;
background: url(/images/news_arc_news.gif) no-repeat 0 60%;
}

#leftcolumn h3#arcdiary {
padding:10px 0px 5px 70px;
margin:0;
height:2em;
background: url(/images/diary_arc_diary.gif) no-repeat 0 60%;
}

hr {
border: none; 
width:90%;
border-top: 1px dashed #CFCDA6;
height: 1px;
}

#leftcolumn a { 
	color: #78AF0C;
	text-decoration:none;
	}
#leftcolumn a:visited { 
	color: #78AF0C;
	}
#leftcolumn a:hover { 
	color: #78AF0C;
	text-decoration: underline;
	}
#leftcolumn a:active { 
	color: #78AF0C;
	}

/* LEFTCOLUMN LIGHTBOX RELATED */

#leftcolumnimggal {
width: 490px;
float:left;
}

#leftcolumnimggal .gutter {
padding:0 0 15px 15px;
}

.lightbox img {
float:left;
padding:2px;
margin:5px 20px 5px 0px;
background: #BBB888;
}

#leftcolumnimggal p {
font-weight:normal;
line-height:1.8em;
margin: 0px 0px 15px 0px;
color:#7F7D5D;
text-align:left;
}

#leftcolumnimggal h2 {
margin:10px 0px 5px 0px;
}

/* RIGHTCOLUMN RELATED */

.box {
margin:15px 0px 20px 0px;
padding:0px 0px 10px 0px;
background:#CFCDA6 url(/images/sw_box_bot.gif) no-repeat bottom right;
}

.box h4{
background: url(/images/sw_box_top.gif) no-repeat top left;
margin:0;
padding:10px;
}

.box p {
line-height:1.7em;
padding:0 10px;
font-weight:normal;
margin:0;
color:#FFFFFF;
text-align:left;
}

.box img#rss {
margin:2px 0px 0px 0px;
}

.box img#tls_doc_thb {
float:right;
margin:0px 10px 0px 15px;
border:none;
padding:2px;
background: #EBEBD3;
}

.box img#wmark_doc_thb {
float:right;
margin:0px 10px 0px 15px;
border:none;
padding:2px;
background: #EBEBD3;
}

.box ul#sw_rc_innav {
margin:0 0 0 20px;
padding:0;
}

.box ul#innernavnest, .box ul#innernavnestactive {
margin:0;
padding:0;
}

.box ul li {
margin: 0;
padding:0 0 3px 20px;
list-style:none;
background:url(/images/rc_cusbullet.gif) no-repeat 0 3px;
}


.img_box {
margin:15px 0px 20px 0px;
padding:0px 0px 10px 0px;
background:#CFCDA6 url(/images/sw_box_bot.gif) no-repeat bottom right;
}

.img_box h4{
background: url(/images/sw_box_top.gif) no-repeat top left;
margin:0;
padding:10px;
text-align:left;

}

.img_box p {
line-height:1.7em;
padding:0 10px;
font-weight:normal;
margin:0;
color:#FFFFFF;
text-align:left;
}

.img_box img#davidatt {
margin:0 0 0 10px;
border:none;
padding:2px;
background: #EBEBD3;
}

#rightcolumn h4 {
color:#407DB8;
}

#rightcolumn ul li#innernavselected a {
color: #78AF0C;
}

#rightcolumn ul#innernavnest li a {
color: #FFFFFF;
}

#rightcolumn ul#innernavnest li a:hover {
color: #78AF0C;
text-decoration: underline;
}

#rightcolumn a { 
	color: #FFFFFF;
	text-decoration:underline;
	}
#rightcolumn a:visited { 
	color: #FFFFFF;
	}
#rightcolumn a:hover { 
	color: #78AF0C;
        text-decoration: underline;
	}
#rightcolumn a:active { 
	color: #78AF0C;
	}
	
/* FOOTER RELATED */

#pagefooter p {
text-align:right;
margin:0;
padding:3px 20px 0px 0px;
color:#FFFFFF;
}

#pagefooter a {
color: #FFFFFF;
text-decoration:none;
}

#pagefooter a:visited {
color: #FFFFFF;
}

#pagefooter a:active {
color: #FFFFFF;
}

#pagefooter a:hover {
text-decoration:underline;
}

/* NAVIGATION */

#navigation ul#whatwedoinnernav a, #navigation ul#whoweareinnernav a, #navigation ul#arcthamesinnernav a { 
color: #FFFFFF;
text-decoration: none;
}

#navigation ul#whatwedoinnernav a:visited, #navigation ul#whoweareinnernav a:visited, #navigation ul#arcthamesinnernav a:visited {
color: #FFFFFF;
}

#navigation ul#whatwedoinnernav a:hover, #navigation ul#whoweareinnernav a:hover, #navigation ul#arcthamesinnernav a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#navigation ul#whatwedoinnernav a:active, #navigation ul#whoweareinnernav a:active, #navigation ul#arcthamesinnernav a:active {
color: #ABD360;
}

#navigation ul li#selected a {
color: #ABD360 !important;
}

#navigation ul#whoweareinnernav {
position:absolute;
top:80px;
left:252px;
width: 135px;
padding:0;
margin:0;
line-height:1.4em;
list-style-type:none;
color:#FFFFFF;
font-size: 97%;
}

#navigation ul#whatwedoinnernav {
position:absolute;
top:80px;
left:390px;
width: 145px;
padding:0;
margin:0;
line-height:1.4em;
list-style-type:none;
color:#FFFFFF;
font-size: 97%;
}
#navigation ul#arcthamesinnernav {
position:absolute;
top:80px;
left:548px;
width:246px;
padding:0;
margin:0;
line-height:1.4em;
list-style-type:none;
color:#FFFFFF;
font-size: 97%;
}

#whowearebox {
position: absolute;
left:234px;
top:27px;
width: 135px;
height: 41px;
background-color: #78AF0C;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity:  0.9;
}


#whowearebox h2 {
margin:0;
padding:18px 0 0 0;
text-align:center;
color:#FFFFFF;
}

#whatwedobox {
position: absolute;
left:369px;
top:27px;
width: 145px;
height:41px;
background-color: #ABD360;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity:  0.9;
}

#whatwedobox h2 {
margin:0;
padding:18px 0 0 0;
text-align:center;
color:#FFFFFF;
}

#arcadianthamesbox {
position: absolute;
left:514px;
top:27px;
width: 246px;
height: 41px;
background-color: #BBB888;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity:  0.9;
}

#arcadianthamesbox h2 {
margin:0;
padding:18px 0 0 0;
text-align:center;
color:#FFFFFF;
}

#whowearebox h2 a {
padding:18px 0px 0px 0px;
}

#whatwedobox h2 a {
padding:18px 0px 0px 0px;
}

#arcadianthamesbox h2 a {
padding:18px 0px 0px 0px;
}

#whowearebox h2 a, #whatwedobox h2 a, #arcadianthamesbox h2 a {
color: #FFFFFF;
text-decoration: none;
}

#whowearebox h2 a:visited, #whatwedobox h2 a:visited, #arcadianthamesbox h2 a:visited {
color: #FFFFFF;
}

#whowearebox h2 a:active, #whatwedobox h2 a:active, #arcadianthamesbox h2 a:active {
color: #FFFFFF;
}

#whowearebox h2 a:hover, #whatwedobox h2 a:hover, #arcadianthamesbox h2 a:hover {
color: #FFFFFF;
text-decoration: underline;
}


/* ACCESSIBILITY */

#accessibility {
position: absolute;
top: -10000px;
}

#textscale p {
background: url(/images/sw_box_top.gif) no-repeat top left;
margin:0;
}

#textscale a {
padding:3px 5px 3px 5px;
}


