Media for design template.

diff --git a/images/bgfade.png b/images/bgfade.png
new file mode 100644 (file)
index 0000000..afb1b90
Binary files /dev/null and b/images/bgfade.png differ

diff --git a/images/headerlogo.png b/images/headerlogo.png
new file mode 100644 (file)
index 0000000..dac840b
Binary files /dev/null and b/images/headerlogo.png differ

diff --git a/images/ical.png b/images/ical.png
new file mode 100644 (file)
index 0000000..8fa8a18
Binary files /dev/null and b/images/ical.png differ

diff --git a/images/rss.png b/images/rss.png
new file mode 100644 (file)
index 0000000..6e7b676
Binary files /dev/null and b/images/rss.png differ

diff --git a/images/subheading_title_transition.png b/images/subheading_title_transition.png
new file mode 100644 (file)
index 0000000..d8252c6
Binary files /dev/null and b/images/subheading_title_transition.png differ

diff --git a/images/tabback.png b/images/tabback.png
new file mode 100644 (file)
index 0000000..a49f2aa
Binary files /dev/null and b/images/tabback.png differ

diff --git a/images/tableft.png b/images/tableft.png
new file mode 100644 (file)
index 0000000..07180df
Binary files /dev/null and b/images/tableft.png differ

diff --git a/images/tableftselect.png b/images/tableftselect.png
new file mode 100644 (file)
index 0000000..05cddc1
Binary files /dev/null and b/images/tableftselect.png differ

diff --git a/images/tabright.png b/images/tabright.png
new file mode 100644 (file)
index 0000000..f3389c6
Binary files /dev/null and b/images/tabright.png differ

diff --git a/images/tabrightselect.png b/images/tabrightselect.png
new file mode 100644 (file)
index 0000000..6ac6d3c
Binary files /dev/null and b/images/tabrightselect.png differ

diff --git a/style/uccstyle.css b/style/uccstyle.css
new file mode 100644 (file)
index 0000000..0dae291
--- /dev/null
+++ b/style/uccstyle.css
@@ -0,0 +1,207 @@
+body {
+       background-color:#737F76;
+       background-image:url(../images/bgfade.png);
+       background-repeat: repeat-x;
+       background-position:0px 150px;
+       margin:0px;
+       font-family: sans-serif;
+       color:#294359;
+
+       text-align:center; /* ie hack */
+       min-width:1000px; /* moz ?hack */
+}
+div.header {
+       height:150px;
+       margin:0px;
+       padding:0px;
+       background-color:#DFE5E1;
+}
+div.header_block {
+       position:relative;
+       margin: 0 auto;
+       width:1000px;
+       text-align:left;
+       top:10px;
+       height:130px;
+       margin-bottom:5px;
+}
+div.header_logo {
+       position:absolute;
+       background-image:url(../images/headerlogo.png);
+       height:100px;
+       width:142px;
+       top:5px;
+}
+div.nav_menu {
+       position:absolute;
+       left:155px;
+       top:1px;
+       line-height:15px;
+}
+div.body_box {
+       position:relative;
+       margin:0 auto;
+       margin-top:35px;
+       width:1000px;
+       text-align:left;
+       border:1px solid #DFE5E1;
+       background-color:#FFFFFF;
+       padding-bottom:25px;
+}
+div.body_item {
+       position:relative;
+       margin-left:35px;
+       margin-top:20px;
+       width:670px;
+       border:1px solid #737F76;
+}
+div.sidebar_item {
+       position:relative;
+       margin-top:20px;
+       width:240px;
+       border:1px solid #737F76;
+}
+div.body_item_title {
+       font-size:10pt;
+       padding:5px 0px 5px 0px;
+       border-bottom:1px solid #737F76;
+       font-weight:bold;
+       background-color:#B2B29B;
+       color:#42342C;
+}
+div.body_item_content {
+       font-size:9pt;
+       padding:5px 10px 5px 10px;
+       background-color:#DFE5E1;
+}
+div.sidebar_box {
+       position:absolute;
+       right:35px;
+       //border:1px solid black;
+       height:300px;
+       top:0px;
+       width:240px;
+       float:right;
+}
+div.footerbox {
+       background-color:#294359;
+       width:1000px;
+       margin:0 auto;
+       margin-bottom:25px;
+       color:#DFE5E1;  
+       font-size:8pt;
+       text-align:left;
+}
+div.footertext_left {
+       position:relative;
+       padding:10px;
+       float:left;
+}
+div.footertext_right {
+       position:relative;
+       text-align:right;
+       padding:10px;
+       right:10px;
+}
+table.sections_box {
+       margin:0 auto;
+       font-size:8pt;
+       text-align:center;
+       margin-top:-11px;
+}
+td.section_item td.section_left td.section_right {
+       height:26px;
+       margin:0px;
+       padding:0px;
+}
+td.section_item {
+       height:26px;
+       line-height:25px;
+       background-image:url(../images/tabback.png);
+       background-repeat:repeat-x;
+       z-index:0;
+       //color:#42342C;
+}
+td.section_left {
+       width:11px;
+       background-image:url(../images/tableft.png);
+}
+td.section_right {
+       width:11px;
+       background-image:url(../images/tabright.png);
+}
+td.section_select_left {
+       width:10px;
+       background-image:url(../images/tableftselect.png);
+}
+td.section_select_right {
+       width:10px;
+       background-image:url(../images/tabrightselect.png);
+}
+td {
+       vertical-align:top;
+}
+td.break {
+       width:25px;
+       border-left:1px solid #B2B29B;
+}
+#col1 {
+       width:90px;
+}
+#col2 { 
+       width:70px;
+}
+#col3 {
+       width:90px;
+}
+#col4 {
+       width: 90px;
+}
+a {
+       color:#294359;
+       text-decoration:none;
+       font-weight:bold;
+}
+a.title_link {
+       color:#DFE5E1;
+}
+a.nav_menu_item {
+       color:#294359;
+       font-size:8pt;
+       padding:1px;
+       font-weight:normal;
+}
+a.nav_menu_item:hover {
+       background-color:#294359;
+       color:#DFE5E1;
+}
+div.site_title {
+       margin-top:5px;
+       margin-bottom:2px;
+}
+ul.news_list {
+       //list-style-position:inside;
+       padding-left:15px;
+}
+
+p.blog_footer {
+       color:#737F76;
+       text-align:right;
+}
+span.item_title_left {
+       position:relative;
+       background-color:#294359;
+       color:#DFE5E1;
+       padding:5px;
+       padding-right:30px;
+       padding-left:15px;
+       background-image:url(../images/subheading_title_transition.png);
+       background-position:top right;
+       background-repeat:no-repeat;
+}
+span.item_title_right {
+       position:absolute;
+       right:10px;;
+       color:#42342C;
+}
+