1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
|
/****************************************************************/
/* Design: Multiflex-5.4 */
/* Type: Design with sidebar */
/* File: Grid Toolbox */
/* Option: Design with sidebar */
/*--------------------------------------------------------------*/
/* Design: www.1234.info */
/* Date: March 13, 2008 */
/*--------------------------------------------------------------*/
/* License: Fully open source without restrictions. */
/* Please keep footer credits with the words */
/* "Design by 1234.info". Thank you! */
/****************************************************************/
#wrapper {
min-height:100%;
position:relative;
}
/******************/
/* GLOBAL LAYOUT */
/******************/
body {margin:0; font-size:62.5%; background-color:rgb(164,174,184); font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {position:relative; width:978px; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em; }
.header {width:958px; min-height:130px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:130px /*IE6*/; border-left:solid 10px rgb(0,41,84); border-right:solid 10px rgb(0,41,84); background:rgb(205,215,225) url(../img/bg_header.jpg) repeat-x /*Total header background image entered here. Height: 125px*/; font-size:1.0em;}
.header-top {clear:both; width:958px; height:100px; background:rgb(30,70,110) url(../img/bg_header_top.jpg) repeat-x /*Top header background image entered here. Height: 100px*/; font-size:1.0em;}
.header-bottom {clear:both; width:958px; min-height:30px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:30px /*IE6*/; background:rgb(205,215,225) url(../img/bg_header_bottom.jpg) repeat-x /*Bottom header background image entered here: Height: 25 px*/; font-size:1.0em;}
.navbar {white-space:nowrap /*IE hack*/; float:left; width:958px; border-left:solid 10px rgb(0,41,84); border-right:solid 10px rgb(0,41,84); background-color:rgb(205,215,225); font-family:tahoma,arial,sans-serif; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;} /*Color navigation bar normal mode*/
.main {clear:both; width:958px; padding:10px 0 20px 0; border-left:solid 10px rgb(0,41,84); border-right:solid 10px rgb(0,41,84); background-color:rgb(0,41,84); font-size:1.0em;}
.content {display:inline; /*Fix IE floating margin bug*/; float:left; width:676px; background-color:rgb(0,41,84); font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:270px; background-color:rgb(0,41,84); font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:958px; padding:1.0em 0 1.0em 0; border-left:solid 10px rgb(0,41,84); border-right:solid 10px rgb(0,41,84); background-color:rgb(205,215,225); font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
/****************/
/* HEADER-TOP */
/****************/
/* SITENAME AND SLOGAN */
.sitelogo {width:100px; height:100px; position:absolute; z-index:1; margin:1px 0 0 0px;}
.sitelogo a img {height:105px;}
.sitename {width:500px; height:70px; position:absolute; z-index:1; margin:27px 0 0 110px; overflow:hidden;}
.sitename h1 {font-family:"trebuchet ms",arial,sans serif; margin-top:-5px; font-weight:normal; font-size:300% !important /*Non-IE6*/; font-weight:bold; font-size:300% /*IE6*/;}
.sitename h2 {font-family:verdana,arial,sans serif; margin-top:-5px; padding-bottom:2px; color:rgb(210,150,0); height:20px; font-weight:normal; font-size:150% !important /*Non-IE6*/; font-size:150% /*IE6*/;}
.sitename a{text-decoration:none; color:rgb(240,240,240);}
/*.sitename a:hover {color:rgb(210,150,0)}*/
/* BUTTON NAVIGATION */
.navbutton {width:400px; position:absolute; z-index:2; margin-top:10px; margin-left:547px !important /*Non-IE6*/; margin-left:550px /*IE6*/;}
.navbutton ul {float:right;}
.navbutton li {display:inline; list-style:none;}
.navbutton li a {padding-left:3px;}
.navbutton a:hover {text-decoration:none;}
.navbutton a img {height:80px;}
/* GLOBAL NAVIGATION */
.navglobal {width:600px; position:absolute; z-index:3; margin-top:65px; margin-left:349px !important /*Non-IE6*/; margin-left:351px /*IE6*/;}
.navglobal ul {float:right; font-weight:normal;}
.navglobal li {display:inline; list-style:none;}
.navglobal li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.navglobal a:hover {text-decoration:none; color:rgb(255,255,255);}
/*******************/
/* HEADER BOTTOM */
/*******************/
/* BREADCRUMB */
.header-bottom ul {float:left; width:430px; list-style:none; padding:8px 0 3px 10px !important /*Non-IE6*/; padding:8px 0 3px 10px /*IE6*/;}
.header-bottom ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom ul li.nobullet {display:inline; padding:0; background:none; color:rgb(75,75,75);}
.header-bottom ul a {color:rgb(125,125,125); font-weight:bold; text-decoration:none;}
.header-bottom ul a:hover {color:rgb(255,255,255);}
/* SEARCH FORM */
.header-bottom .searchform {float:right; width:430px;}
.header-bottom .searchform form fieldset {float:right; border:none; padding-top:5px; padding-right:10px;}
.header-bottom .searchform input.field {width:15.0em; height:1.2em; padding:1px !important /*Non-IE6*/; padding:2px /*IE6*/; border:solid 1px rgb(200,200,200); background-color:rgb(255,255,255); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom .searchform input.button {width:4.5em; height:1.5em; background-color:rgb(240,240,240); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(100,100,100); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background-color:rgb(220,220,220); color:rgb(80,80,80);}
/********************/
/* NAVIGATION BAR */
/********************/
/* MAIN MENU */
.navbar ul {list-style-type:none;}
.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color:rgb(205,215,225);}
.navbar ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:rgb(100,100,100); border-right:solid 0px rgb(215,215,215);}
.navbar ul li ul {display:none; border:none;}
/* SUBMENU (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar ul li:hover a {background-color:rgb(215,220,235); text-decoration:none;} /*Color main cells hovering mode*/
.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}
.navbar ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
.navbar ul li:hover ul li a:hover {background-color:rgb(205,215,225); text-decoration:none;} /*Color subcells hovering mode*/
/* SUBMENU (IE6 hovering) */
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(235,235,235); text-decoration:none;} /*Color main cells hovering mode*/
.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }
.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
.navbar ul li a:hover ul li a:hover {background-color:rgb(205,215,225); text-decoration:none;} /*Color subcells hovering mode*/
/************/
/* CONTENT */
/************/
/* CONTAINER (NO BOXES) */
.content-1col-nobox {width:676px; background-color:rgb(255,255,255);}
.content-2col-nobox-leftcolumn {display:inline; float:left; width:337px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}
/* CONTAINER (BOXES) */
.content-1col-box {width:676px; background-color:transparent;}
.content-2col-box-leftcolumn {display:inline; float:left; width:333px; background-color:transparent;}
.content-2col-box-rightcolumn {display:inline; float:right; width:333px; background-color:transparent;}
.content-2col-box {width:333px; background-color:rgb(255,255,255);}
/***************/
/* SUBCONTENT */
/***************/
.subcontent-box {width:270px; float:right; background-color:rgb(255,255,255);}
/************/
/* FOOTER */
/************/
.footer p {clear:both; line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
/*********************/
/* ROUNDED CORNERS */
/*********************/
/* PAGE */
.corner-page-top {width:978px; height:10px; background:transparent url(../img/bg_corner_page_top.gif) no-repeat; overflow:hidden;}
.corner-page-bottom {width:978px; height:10px; padding-bottom:20px; background:transparent url(../img/bg_corner_page_bottom.gif) no-repeat; overflow:hidden;}
/* CONTENT */
.corner-content-1col-top {clear:both; width:676px; height:7px; background:white url(../img/bg_corner_content_1col_top.gif) no-repeat; overflow:hidden;}
.corner-content-1col-bottom {clear:both; width:676px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_content_1col_bottom.gif) no-repeat; overflow:hidden;}
.corner-content-2col-top {width:333px; height:7px; background:transparent url(../img/bg_corner_content_2col_top.gif) no-repeat; overflow:hidden;}
.corner-content-2col-bottom {width:333px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_content_2col_bottom.gif) no-repeat; overflow:hidden;}
/* SUBCONTENT */
.corner-subcontent-top {clear:both; width:270px; height:7px; background:transparent url(../img/bg_corner_subcontent_top.gif) no-repeat; overflow:hidden;}
.corner-subcontent-bottom {clear:both; width:270px; height:7px; margin-bottom:10px; background:transparent url(../img/bg_corner_subcontent_bottom.gif) no-repeat; overflow:hidden;}
/******************/
/* CLEAR FLOATS */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .subcontent-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/ visibility:hidden;}
/**************/
/* PRINTING */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns */
@media print {.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:none; background-color:rgb(255,255,255);}}
/******************************************/
/* YOUR OWN USER STYLES */
/* If you want to add your own styles, */
/* then add them here below in order to */
/* avoid a mixup with default styles. */
/******************************************/
/* MAIL FORM */
.mailform {float:right; width:450px;}
.mailform form fieldset {float:right; border:none; padding-top:5px; padding-right:0px;}
.mailform input.field {width:12em; height:1.2em; padding:1px !important /*Non-IE6*/; padding:2px /*IE6*/; border:solid 1px rgb(200,200,200); background-color:rgb(255,255,255); font-size:90% !important /*Non-IE6*/; font-size:90% /*IE6*/;}
.mailform input.button {width:5.6em; height:1.6em; background-color:rgb(240,240,240); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(100,100,100); font-size:90% !important /*Non-IE6*/; font-size:90% /*IE6*/;}
.mailform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background-color:rgb(220,220,220); color:rgb(80,80,80);}
/* SOURCE CODE */
.sc{font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace, code; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px; padding: 5px; white-space:nowrap; overflow:auto; width: 95%}
/* FILE OUTPUT */
.output{font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace, code; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px; padding: 5px; overflow:auto; width: 95%}
|
