@charset "UTF-8";
/* CSS Document */

/*Colors
bright blue: 0184a6
dark blue: 002a4b
gray: 333333
green: 5f6800
light gray: c6c6c6
red: 990000
orange: ff9900
yellow: fbcf21
*/

/* begin css reset ================================================ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* end css reset ================================================ */

body {background:url(../../images/background.jpg) repeat-x; width:100%; height:100%; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:13px; line-height:18px; color:#333333;}
a {color:#000000;}
a:hover {color:#990000;}

strong {font-weight:bold;}

h1 {font-size:24px; color:#990000;}
h2 {font-size:18px; font-weight:bold;}
h3 {font-size:14px; color:#990000;}
h4 {font-size:12px; font-style:italic;}

#container {width:960px; margin:0 auto;}
#floater {background:#ffffff; width:960px; float:left;}
#header {width:960px; float:left;}
#content {width:900px; margin:30px 0 0 0; padding:0 0 30px 30px; float:left;}
#column1 {width:590px; margin:0 30px 0 0; float:left;}
#column1-1 {width:280px; margin:0 30px 0 0; float:left;}
#column1-2 {width:280px; float:left;}
#column2 {width:280px; float:left;}

#art-main {background:url(../2010winter/images/art-main.jpg) no-repeat; width:960px; height:234px; float:left;}
#art-main-txt {float:right; width:430px; padding:20px 30px 0 0;}

#art-second {background:url(../2010winter/images/art-second.jpg) no-repeat; width:590px; height:225px; float:left; margin:0 0 30px 0;}
#art-second-txt {float:right; width:260px; padding:15px 30px 0 0; color:#ffffff;}

#yellowbox {width:280px; float:left; background:#fbcf21; margin:0 0 30px 0;}
#yellowbox-txt {float:left; padding:0 0 0 15px; width:250px;}

#orangebox {width:280px; float:left; background:#ff9900; margin:0 0 30px 0;}
#orangebox-txt {float:left; padding:0 0 0 15px; width:250px;}

#greenbox {width:280px; float:left; background:#5f6800; margin:0 0 30px 0;}
#greenbox-txt {float:left; padding:0 0 0 15px; width:250px;}

#bluebox {width:280px; float:left; background:#3d95e6; margin:0 0 30px 0;}
#bluebox-txt {float:left; padding:0 0 0 15px; width:250px;}

#lookingbox {width:280px; float:left; background:#c6c6c6;}
#lookingbox-top {width:280px; height:57px; float:left; background:url(../2010winter/images/looking-top.gif) no-repeat;}
#lookingbox-top-txt {padding:25px 0 0 15px; color:#ffffff; font-size:20px; font-weight:bold; float:left;}
#lookingbox-txt {float:left; width:250px; padding:30px 0 15px 15px;}
.lookingbox-row {float:left; width:250px; padding:15px 0 0 0;}
.lookingbox-row-date {float:left; width:30px;}
.lookingbox-row-info {float:left; width:210px;}

#footer {clear:both; margin:0 auto; padding:30px 0; width:960px; text-align:center; font-size:12px; background:#333333; color:#cccccc;}

#article-main {width:840px; margin:0 auto; padding:30px; background:#ffffff; line-height:18px;}
#article-second {width:840px; margin:0 auto; padding:30px; background:#ffffff; line-height:18px;}
#article-img {padding:0 0 30px 30px; float:right;}

.black {color:#000000;}
.dark-blue {color:#002a4b;}
.green {color:#5f6800;}
.floatr {float:right;}
.pad30 {padding:30px 0 0 0; float:left;}
.red {color:#990000;}
.white {color:#ffffff;}


.archive {float:left; width:100%; padding:0 0 20px 0; border-bottom:solid 1px #eeeeee; margin:0 0 20px 0;}
.archive-img {width:200px; float:left; padding:0 20px 0 0; text-align:right;}
.archive-txt {width:640px; float:left; padding:30px 0 0 0;}
.archive-view {float:left; padding:20px 0 0 0;}
.archive-img2 {width:200px; float:right; padding:0 0 0 20px; text-align:left;}
.archive-txt2 {width:640px; float:right; padding:30px 0 0 0; text-align:right;}
.archive-view2 {float:right; padding:20px 0 0 0;}